diff --git a/.eslintrc.json b/.eslintrc.json
index 17b740d2..d9df2579 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,6 +1,4 @@
 {
     "root": true,
-    "extends": [
-        "@hug/eslint-config/recommended"
-    ]
+    "extends": ["@hug/eslint-config/recommended"]
 }
diff --git a/.github/ISSUE_TEMPLATE/1-bug-report.yml b/.github/ISSUE_TEMPLATE/1-bug-report.yml
index e4f0e309..233c1045 100644
--- a/.github/ISSUE_TEMPLATE/1-bug-report.yml
+++ b/.github/ISSUE_TEMPLATE/1-bug-report.yml
@@ -1,57 +1,57 @@
 name: 🐞 Bug report
 description: Report a bug in the library
-title: "[BUG] <title>"
+title: '[BUG] <title>'
 labels: [bug, needs triage]
 
 body:
-- type: checkboxes
-  attributes:
-    label: Is there an existing issue for this?
-    description: |
-      Please search open and closed issues before submitting a new one.
-      Existing issues often contain information about workarounds, resolution or progress updates.
-    options:
-    - label: I have searched the existing issues
-      required: true
+    - type: checkboxes
+      attributes:
+          label: Is there an existing issue for this?
+          description: |
+              Please search open and closed issues before submitting a new one.
+              Existing issues often contain information about workarounds, resolution or progress updates.
+          options:
+              - label: I have searched the existing issues
+                required: true
 
-- type: input
-  attributes:
-    label: Library version
-    description: Please make sure you have installed the latest version and verified it is still an issue.
-    placeholder: latest
-  validations:
-    required: true
+    - type: input
+      attributes:
+          label: Library version
+          description: Please make sure you have installed the latest version and verified it is still an issue.
+          placeholder: latest
+      validations:
+          required: true
 
-- type: textarea
-  attributes:
-    label: Description
-    description: A clear & concise description of what you're experiencing.
-  validations:
-    required: true
+    - type: textarea
+      attributes:
+          label: Description
+          description: A clear & concise description of what you're experiencing.
+      validations:
+          required: true
 
-- type: textarea
-  attributes:
-    label: Steps to reproduce
-    description: |
-      Issues that don't have enough info and can't be reproduced will be closed.
-      Please provide the steps to reproduce the behavior and if applicable create a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example)
-      in a [new repository](https://github.com/new), a [gist](https://gist.github.com) or a [live demo](https://stackblitz.com).
-  validations:
-    required: false
+    - type: textarea
+      attributes:
+          label: Steps to reproduce
+          description: |
+              Issues that don't have enough info and can't be reproduced will be closed.
+              Please provide the steps to reproduce the behavior and if applicable create a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example)
+              in a [new repository](https://github.com/new), a [gist](https://gist.github.com) or a [live demo](https://stackblitz.com).
+      validations:
+          required: false
 
-- type: textarea
-  attributes:
-    label: Environment
-    description: |
-      examples:
-        - **OS Name**: macOS Monterey (version 12.6.1)
-        - **System Model Name**: MacBook Pro (16-inch, 2019)
-        - **npm**: **`npm -v`**: 7.6.3
-        - **Node.js**: **`node -v`**: 13.14.0
-    value: |
-        - **OS Name**:
-        - **System Model Name**:
-        - **npm**:
-        - **Node.js**:
-  validations:
-    required: false
+    - type: textarea
+      attributes:
+          label: Environment
+          description: |
+              examples:
+                - **OS Name**: macOS Monterey (version 12.6.1)
+                - **System Model Name**: MacBook Pro (16-inch, 2019)
+                - **npm**: **`npm -v`**: 7.6.3
+                - **Node.js**: **`node -v`**: 13.14.0
+          value: |
+              - **OS Name**:
+              - **System Model Name**:
+              - **npm**:
+              - **Node.js**:
+      validations:
+          required: false
diff --git a/.github/ISSUE_TEMPLATE/2-feature-request.yml b/.github/ISSUE_TEMPLATE/2-feature-request.yml
index 3ae0c671..477daabb 100644
--- a/.github/ISSUE_TEMPLATE/2-feature-request.yml
+++ b/.github/ISSUE_TEMPLATE/2-feature-request.yml
@@ -1,26 +1,26 @@
 name: 🚀 Feature request
 description: Suggest a feature for the library
-title: "[FEATURE] <title>"
+title: '[FEATURE] <title>'
 labels: [enhancement, needs triage]
 
 body:
-- type: textarea
-  attributes:
-    label: Description
-    description: A clear and concise description of the problem or missing capability.
-  validations:
-    required: true
+    - type: textarea
+      attributes:
+          label: Description
+          description: A clear and concise description of the problem or missing capability.
+      validations:
+          required: true
 
-- type: textarea
-  attributes:
-    label: Proposed solution
-    description: If you have a solution in mind, please describe it.
-  validations:
-    required: true
+    - type: textarea
+      attributes:
+          label: Proposed solution
+          description: If you have a solution in mind, please describe it.
+      validations:
+          required: true
 
-- type: textarea
-  attributes:
-    label: Alternatives considered
-    description: Have you considered any alternative solutions or workarounds?
-  validations:
-    required: false
+    - type: textarea
+      attributes:
+          label: Alternatives considered
+          description: Have you considered any alternative solutions or workarounds?
+      validations:
+          required: false
diff --git a/.github/ISSUE_TEMPLATE/3-doc-issue.yml b/.github/ISSUE_TEMPLATE/3-doc-issue.yml
index 60b2bb51..d01dd741 100644
--- a/.github/ISSUE_TEMPLATE/3-doc-issue.yml
+++ b/.github/ISSUE_TEMPLATE/3-doc-issue.yml
@@ -1,26 +1,26 @@
 name: 📚 Docs enhancement
 description: File an enhancement or report an issue in the library's documentation
-title: "[DOCS] <title>"
+title: '[DOCS] <title>'
 labels: [documentation, needs triage]
 
 body:
-- type: checkboxes
-  attributes:
-    label: Documentation can be submitted with pull requests
-    options:
-    - label: I know that I can edit the docs myself but prefer to file this issue instead
-      required: true
+    - type: checkboxes
+      attributes:
+          label: Documentation can be submitted with pull requests
+          options:
+              - label: I know that I can edit the docs myself but prefer to file this issue instead
+                required: true
 
-- type: input
-  attributes:
-    label: Docs URL
-    description: The URL of the page you'd like to see an enhancement to or report a problem from.
-  validations:
-    required: false
+    - type: input
+      attributes:
+          label: Docs URL
+          description: The URL of the page you'd like to see an enhancement to or report a problem from.
+      validations:
+          required: false
 
-- type: textarea
-  attributes:
-    label: Description
-    description: A clear and concise description of the enhancement or problem.
-  validations:
-    required: true
+    - type: textarea
+      attributes:
+          label: Description
+          description: A clear and concise description of the enhancement or problem.
+      validations:
+          required: true
diff --git a/.github/workflows/ci_release.yml b/.github/workflows/ci_release.yml
index 560c4af7..e59bedfc 100644
--- a/.github/workflows/ci_release.yml
+++ b/.github/workflows/ci_release.yml
@@ -2,98 +2,98 @@ name: Release
 run-name: Release ${{ inputs.package }}${{ inputs.dry-run && ' (dry-run)' || '' }}
 
 on:
-  workflow_dispatch:
-    inputs:
-      package:
-        description: Package
-        required: true
-        type: choice
-        options:
-          - core
-          - layout
-          - list-loader
-          - message-box
-          - message-box-dialog
-          - numeric-stepper
-          - overlay
-          - search-container
-          - sidenav
-          - snackbar
-          - splitter
-          - status
-          - time-picker
-          - tooltip
-          - user-card
-          - user-tooltip
-      dry-run:
-        description: --dry-run
-        type: boolean
-        default: false
+    workflow_dispatch:
+        inputs:
+            package:
+                description: Package
+                required: true
+                type: choice
+                options:
+                    - core
+                    - layout
+                    - list-loader
+                    - message-box
+                    - message-box-dialog
+                    - numeric-stepper
+                    - overlay
+                    - search-container
+                    - sidenav
+                    - snackbar
+                    - splitter
+                    - status
+                    - time-picker
+                    - tooltip
+                    - user-card
+                    - user-tooltip
+            dry-run:
+                description: --dry-run
+                type: boolean
+                default: false
 
 env:
-  HUSKY: 0
-  FORCE_COLOR: 3
+    HUSKY: 0
+    FORCE_COLOR: 3
 
 jobs:
-  ci_release:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    secrets:
-      GH_USER_NAME: 'dsi-hug-bot'
-      GH_USER_EMAIL: 'dsi-hug-bot@users.noreply.github.com'
-      GH_TOKEN: ${{ secrets.DSI_HUG_BOT_GITHUB_TOKEN }}
-      NPM_TOKEN: ${{ secrets.DSI_HUG_NPM_TOKEN }}
-    with:
-      working-directory: 'projects/${{ inputs.package }}'
-      dry-run: ${{ inputs.dry-run }}
-      release: true
-
-  ci_sync_peer_deps:
-    needs: ci_release
-    runs-on: 'ubuntu-latest'
-    steps:
-      - name: Checkout sources
-        uses: actions/checkout@v4
+    ci_release:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        secrets:
+            GH_USER_NAME: 'dsi-hug-bot'
+            GH_USER_EMAIL: 'dsi-hug-bot@users.noreply.github.com'
+            GH_TOKEN: ${{ secrets.DSI_HUG_BOT_GITHUB_TOKEN }}
+            NPM_TOKEN: ${{ secrets.DSI_HUG_NPM_TOKEN }}
         with:
-          ref: ${{ github.ref_name }} # https://github.com/actions/checkout/issues/1327
-          persist-credentials: false # https://github.com/semantic-release/semantic-release/issues/2636
+            working-directory: 'projects/${{ inputs.package }}'
+            dry-run: ${{ inputs.dry-run }}
+            release: true
 
-      - name: Synchronize peer dependencies
-        working-directory: 'scripts'
-        env:
-          GITHUB_TOKEN: ${{ secrets.DSI_HUG_BOT_GITHUB_TOKEN }}
-        run: |
-          git config user.name 'dsi-hug-bot'
-          git config user.email 'dsi-hug-bot@users.noreply.github.com'
-          git remote set-url origin https://x-access-token:${{ secrets.DSI_HUG_BOT_GITHUB_TOKEN }}@github.com/${{ github.repository }}
-          npm --prefix . i chalk
-          node ./sync-peer-deps.mjs
+    ci_sync_peer_deps:
+        needs: ci_release
+        runs-on: 'ubuntu-latest'
+        steps:
+            - name: Checkout sources
+              uses: actions/checkout@v4
+              with:
+                  ref: ${{ github.ref_name }} # https://github.com/actions/checkout/issues/1327
+                  persist-credentials: false # https://github.com/semantic-release/semantic-release/issues/2636
 
-  #
-  # nx does not update package-lock file correctly.
-  # @see https://github.com/nrwl/nx/issues/26660
-  #
-  # This results in the following error, next time deps are installed:
-  #  “npm error `npm ci` can only install packages when your package.json and package-lock.json or
-  #   npm-shrinkwrap.json are in sync. Please update your lock file with `npm install` before continuing."
-  #
-  ci_update_package_lock_file:
-    needs: ci_sync_peer_deps
-    runs-on: 'ubuntu-latest'
-    steps:
-      - name: Checkout sources
-        uses: actions/checkout@v4
-        with:
-          ref: ${{ github.ref_name }} # https://github.com/actions/checkout/issues/1327
-          persist-credentials: false # https://github.com/semantic-release/semantic-release/issues/2636
+            - name: Synchronize peer dependencies
+              working-directory: 'scripts'
+              env:
+                  GITHUB_TOKEN: ${{ secrets.DSI_HUG_BOT_GITHUB_TOKEN }}
+              run: |
+                  git config user.name 'dsi-hug-bot'
+                  git config user.email 'dsi-hug-bot@users.noreply.github.com'
+                  git remote set-url origin https://x-access-token:${{ secrets.DSI_HUG_BOT_GITHUB_TOKEN }}@github.com/${{ github.repository }}
+                  npm --prefix . i chalk
+                  node ./sync-peer-deps.mjs
+
+    #
+    # nx does not update package-lock file correctly.
+    # @see https://github.com/nrwl/nx/issues/26660
+    #
+    # This results in the following error, next time deps are installed:
+    #  “npm error `npm ci` can only install packages when your package.json and package-lock.json or
+    #   npm-shrinkwrap.json are in sync. Please update your lock file with `npm install` before continuing."
+    #
+    ci_update_package_lock_file:
+        needs: ci_sync_peer_deps
+        runs-on: 'ubuntu-latest'
+        steps:
+            - name: Checkout sources
+              uses: actions/checkout@v4
+              with:
+                  ref: ${{ github.ref_name }} # https://github.com/actions/checkout/issues/1327
+                  persist-credentials: false # https://github.com/semantic-release/semantic-release/issues/2636
 
-      - name: Synchronize package.json and package-lock.json
-        env:
-          GITHUB_TOKEN: ${{ secrets.DSI_HUG_BOT_GITHUB_TOKEN }}
-        run: |
-          git config user.name 'dsi-hug-bot'
-          git config user.email 'dsi-hug-bot@users.noreply.github.com'
-          git remote set-url origin https://x-access-token:${{ secrets.DSI_HUG_BOT_GITHUB_TOKEN }}@github.com/${{ github.repository }}
-          npm install
-          git add package.json package-lock.json
-          git commit --message "chore: synchronize package.json and package-lock.json"
-          git push --follow-tags --no-verify --atomic
+            - name: Synchronize package.json and package-lock.json
+              env:
+                  GITHUB_TOKEN: ${{ secrets.DSI_HUG_BOT_GITHUB_TOKEN }}
+              run: |
+                  git config user.name 'dsi-hug-bot'
+                  git config user.email 'dsi-hug-bot@users.noreply.github.com'
+                  git remote set-url origin https://x-access-token:${{ secrets.DSI_HUG_BOT_GITHUB_TOKEN }}@github.com/${{ github.repository }}
+                  npm install
+                  git add package.json package-lock.json
+                  git commit --message "chore: synchronize package.json and package-lock.json"
+                  git push --follow-tags --no-verify --atomic
diff --git a/.github/workflows/ci_test_core.yml b/.github/workflows/ci_test_core.yml
index 367527ef..7f90aa67 100644
--- a/.github/workflows/ci_test_core.yml
+++ b/.github/workflows/ci_test_core.yml
@@ -1,84 +1,84 @@
 name: Test core
 
 on:
-  workflow_dispatch:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_core.yml'
-      - 'projects/core/**'
+    workflow_dispatch:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_core.yml'
+            - 'projects/core/**'
 
 concurrency:
-  group: ci-test-core-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-core-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_core:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/core
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_core:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/core
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
 
-  #
-  # Not needed here because it will be triggered by `ci_test_sidenav`
-  #
-  # ci_test_layout:
-  #   needs: ci_test_core
-  #   uses: ./.github/workflows/ci_test_layout.yml
+    #
+    # Not needed here because it will be triggered by `ci_test_sidenav`
+    #
+    # ci_test_layout:
+    #   needs: ci_test_core
+    #   uses: ./.github/workflows/ci_test_layout.yml
 
-  ci_test_message-box-dialog:
-    needs: ci_test_core
-    uses: ./.github/workflows/ci_test_message-box-dialog.yml
+    ci_test_message-box-dialog:
+        needs: ci_test_core
+        uses: ./.github/workflows/ci_test_message-box-dialog.yml
 
-  ci_test_numeric-stepper:
-    needs: ci_test_core
-    uses: ./.github/workflows/ci_test_numeric-stepper.yml
+    ci_test_numeric-stepper:
+        needs: ci_test_core
+        uses: ./.github/workflows/ci_test_numeric-stepper.yml
 
-  ci_test_overlay:
-    needs: ci_test_core
-    uses: ./.github/workflows/ci_test_overlay.yml
+    ci_test_overlay:
+        needs: ci_test_core
+        uses: ./.github/workflows/ci_test_overlay.yml
 
-  ci_test_search-container:
-    needs: ci_test_core
-    uses: ./.github/workflows/ci_test_search-container.yml
+    ci_test_search-container:
+        needs: ci_test_core
+        uses: ./.github/workflows/ci_test_search-container.yml
 
-  ci_test_sidenav:
-    needs: ci_test_core
-    uses: ./.github/workflows/ci_test_sidenav.yml
+    ci_test_sidenav:
+        needs: ci_test_core
+        uses: ./.github/workflows/ci_test_sidenav.yml
 
-  ci_test_snackbar:
-    needs: ci_test_core
-    uses: ./.github/workflows/ci_test_snackbar.yml
+    ci_test_snackbar:
+        needs: ci_test_core
+        uses: ./.github/workflows/ci_test_snackbar.yml
 
-  ci_test_splitter:
-    needs: ci_test_core
-    uses: ./.github/workflows/ci_test_splitter.yml
+    ci_test_splitter:
+        needs: ci_test_core
+        uses: ./.github/workflows/ci_test_splitter.yml
 
-  #
-  # Not needed here because it will be triggered by `ci_test_snackbar`
-  #
-  # ci_test_status:
-  #   needs: ci_test_core
-  #   uses: ./.github/workflows/ci_test_status.yml
+    #
+    # Not needed here because it will be triggered by `ci_test_snackbar`
+    #
+    # ci_test_status:
+    #   needs: ci_test_core
+    #   uses: ./.github/workflows/ci_test_status.yml
 
-  #
-  # Not needed here because it will be triggered by `ci_test_numeric-stepper`
-  #
-  # ci_test_time-picker:
-  #   needs: ci_test_core
-  #   uses: ./.github/workflows/ci_test_time-picker.yml
+    #
+    # Not needed here because it will be triggered by `ci_test_numeric-stepper`
+    #
+    # ci_test_time-picker:
+    #   needs: ci_test_core
+    #   uses: ./.github/workflows/ci_test_time-picker.yml
 
-  ci_test_tooltip:
-    needs: ci_test_core
-    uses: ./.github/workflows/ci_test_tooltip.yml
+    ci_test_tooltip:
+        needs: ci_test_core
+        uses: ./.github/workflows/ci_test_tooltip.yml
 
-  #
-  # Not needed here because it will be triggered by `ci_test_tooltip`
-  #
-  # ci_test_user-tooltip:
-  #   needs: ci_test_core
-  #   uses: ./.github/workflows/ci_test_user-tooltip.yml
+    #
+    # Not needed here because it will be triggered by `ci_test_tooltip`
+    #
+    # ci_test_user-tooltip:
+    #   needs: ci_test_core
+    #   uses: ./.github/workflows/ci_test_user-tooltip.yml
diff --git a/.github/workflows/ci_test_layout.yml b/.github/workflows/ci_test_layout.yml
index ad25519d..88a44b42 100644
--- a/.github/workflows/ci_test_layout.yml
+++ b/.github/workflows/ci_test_layout.yml
@@ -1,25 +1,25 @@
 name: Test layout
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_layout.yml'
-      - 'projects/layout/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_layout.yml'
+            - 'projects/layout/**'
 
 concurrency:
-  group: ci-test-layout-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-layout-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_layout:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/layout
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_layout:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/layout
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
diff --git a/.github/workflows/ci_test_list-loader.yml b/.github/workflows/ci_test_list-loader.yml
index 7ad7b769..d32c8df4 100644
--- a/.github/workflows/ci_test_list-loader.yml
+++ b/.github/workflows/ci_test_list-loader.yml
@@ -1,24 +1,24 @@
 name: Test list-loader
 
 on:
-  workflow_dispatch:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_list-loader.yml'
-      - 'projects/list-loader/**'
+    workflow_dispatch:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_list-loader.yml'
+            - 'projects/list-loader/**'
 
 concurrency:
-  group: ci-test-list-loader-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-list-loader-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_list-loader:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/list-loader
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_list-loader:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/list-loader
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
diff --git a/.github/workflows/ci_test_message-box-dialog.yml b/.github/workflows/ci_test_message-box-dialog.yml
index 5ac15084..abc5ac67 100644
--- a/.github/workflows/ci_test_message-box-dialog.yml
+++ b/.github/workflows/ci_test_message-box-dialog.yml
@@ -1,25 +1,25 @@
 name: Test message-box-dialog
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_message-box-dialog.yml'
-      - 'projects/message-box-dialog/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_message-box-dialog.yml'
+            - 'projects/message-box-dialog/**'
 
 concurrency:
-  group: ci-test-message-box-dialog-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-message-box-dialog-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_message-box-dialog:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/message-box-dialog
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_message-box-dialog:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/message-box-dialog
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
diff --git a/.github/workflows/ci_test_message-box.yml b/.github/workflows/ci_test_message-box.yml
index 034f7978..c9e556cd 100644
--- a/.github/workflows/ci_test_message-box.yml
+++ b/.github/workflows/ci_test_message-box.yml
@@ -1,28 +1,28 @@
 name: Test message-box
 
 on:
-  workflow_dispatch:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_message-box.yml'
-      - 'projects/message-box/**'
+    workflow_dispatch:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_message-box.yml'
+            - 'projects/message-box/**'
 
 concurrency:
-  group: ci-test-message-box-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-message-box-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_message-box:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/message-box
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_message-box:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/message-box
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
 
-  ci_test_status:
-    needs: ci_test_message-box
-    uses: ./.github/workflows/ci_test_status.yml
+    ci_test_status:
+        needs: ci_test_message-box
+        uses: ./.github/workflows/ci_test_status.yml
diff --git a/.github/workflows/ci_test_numeric-stepper.yml b/.github/workflows/ci_test_numeric-stepper.yml
index 96d9646a..91ec8bd0 100644
--- a/.github/workflows/ci_test_numeric-stepper.yml
+++ b/.github/workflows/ci_test_numeric-stepper.yml
@@ -1,29 +1,29 @@
 name: Test numeric-stepper
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_numeric-stepper.yml'
-      - 'projects/numeric-stepper/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_numeric-stepper.yml'
+            - 'projects/numeric-stepper/**'
 
 concurrency:
-  group: ci-test-numeric-stepper-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-numeric-stepper-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_numeric-stepper:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/numeric-stepper
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_numeric-stepper:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/numeric-stepper
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
 
-  ci_test_time-picker:
-    needs: ci_test_numeric-stepper
-    uses: ./.github/workflows/ci_test_time-picker.yml
+    ci_test_time-picker:
+        needs: ci_test_numeric-stepper
+        uses: ./.github/workflows/ci_test_time-picker.yml
diff --git a/.github/workflows/ci_test_overlay.yml b/.github/workflows/ci_test_overlay.yml
index fb1f5040..d57bba09 100644
--- a/.github/workflows/ci_test_overlay.yml
+++ b/.github/workflows/ci_test_overlay.yml
@@ -1,25 +1,25 @@
 name: Test overlay
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_overlay.yml'
-      - 'projects/overlay/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_overlay.yml'
+            - 'projects/overlay/**'
 
 concurrency:
-  group: ci-test-overlay-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-overlay-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_overlay:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/overlay
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_overlay:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/overlay
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
diff --git a/.github/workflows/ci_test_search-container.yml b/.github/workflows/ci_test_search-container.yml
index 68883dcf..78097607 100644
--- a/.github/workflows/ci_test_search-container.yml
+++ b/.github/workflows/ci_test_search-container.yml
@@ -1,25 +1,25 @@
 name: Test search-container
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_search-container.yml'
-      - 'projects/search-container/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_search-container.yml'
+            - 'projects/search-container/**'
 
 concurrency:
-  group: ci-test-search-container-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-search-container-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_search-container:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/search-container
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_search-container:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/search-container
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
diff --git a/.github/workflows/ci_test_sidenav.yml b/.github/workflows/ci_test_sidenav.yml
index c8c6b887..b95bb2ac 100644
--- a/.github/workflows/ci_test_sidenav.yml
+++ b/.github/workflows/ci_test_sidenav.yml
@@ -1,29 +1,29 @@
 name: Test sidenav
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_sidenav.yml'
-      - 'projects/sidenav/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_sidenav.yml'
+            - 'projects/sidenav/**'
 
 concurrency:
-  group: ci-test-sidenav-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-sidenav-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_sidenav:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/sidenav
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_sidenav:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/sidenav
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
 
-  ci_test_layout:
-    needs: ci_test_sidenav
-    uses: ./.github/workflows/ci_test_layout.yml
+    ci_test_layout:
+        needs: ci_test_sidenav
+        uses: ./.github/workflows/ci_test_layout.yml
diff --git a/.github/workflows/ci_test_snackbar.yml b/.github/workflows/ci_test_snackbar.yml
index 11ccb160..da64ccdf 100644
--- a/.github/workflows/ci_test_snackbar.yml
+++ b/.github/workflows/ci_test_snackbar.yml
@@ -1,29 +1,29 @@
 name: Test snackbar
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_snackbar.yml'
-      - 'projects/snackbar/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_snackbar.yml'
+            - 'projects/snackbar/**'
 
 concurrency:
-  group: ci-test-snackbar-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-snackbar-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_snackbar:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/snackbar
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_snackbar:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/snackbar
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
 
-  ci_test_status:
-    needs: ci_test_snackbar
-    uses: ./.github/workflows/ci_test_status.yml
+    ci_test_status:
+        needs: ci_test_snackbar
+        uses: ./.github/workflows/ci_test_status.yml
diff --git a/.github/workflows/ci_test_splitter.yml b/.github/workflows/ci_test_splitter.yml
index 67bad89a..b4022808 100644
--- a/.github/workflows/ci_test_splitter.yml
+++ b/.github/workflows/ci_test_splitter.yml
@@ -1,25 +1,25 @@
 name: Test splitter
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_splitter.yml'
-      - 'projects/splitter/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_splitter.yml'
+            - 'projects/splitter/**'
 
 concurrency:
-  group: ci-test-splitter-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-splitter-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_splitter:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/splitter
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_splitter:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/splitter
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
diff --git a/.github/workflows/ci_test_status.yml b/.github/workflows/ci_test_status.yml
index 54996dbb..463b1dbd 100644
--- a/.github/workflows/ci_test_status.yml
+++ b/.github/workflows/ci_test_status.yml
@@ -1,25 +1,25 @@
 name: Test status
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_status.yml'
-      - 'projects/status/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_status.yml'
+            - 'projects/status/**'
 
 concurrency:
-  group: ci-test-status-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-status-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_status:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/status
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_status:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/status
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
diff --git a/.github/workflows/ci_test_time-picker.yml b/.github/workflows/ci_test_time-picker.yml
index 381b067c..25c75a9d 100644
--- a/.github/workflows/ci_test_time-picker.yml
+++ b/.github/workflows/ci_test_time-picker.yml
@@ -1,25 +1,25 @@
 name: Test time-picker
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_time-picker.yml'
-      - 'projects/time-picker/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_time-picker.yml'
+            - 'projects/time-picker/**'
 
 concurrency:
-  group: ci-test-time-picker-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-time-picker-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_time-picker:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/time-picker
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_time-picker:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/time-picker
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
diff --git a/.github/workflows/ci_test_tooltip.yml b/.github/workflows/ci_test_tooltip.yml
index 183f8d64..475e4e7a 100644
--- a/.github/workflows/ci_test_tooltip.yml
+++ b/.github/workflows/ci_test_tooltip.yml
@@ -1,29 +1,29 @@
 name: Test tooltip
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_tooltip.yml'
-      - 'projects/tooltip/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_tooltip.yml'
+            - 'projects/tooltip/**'
 
 concurrency:
-  group: ci-test-tooltip-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-tooltip-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_tooltip:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/tooltip
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_tooltip:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/tooltip
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
 
-  ci_test_user-tooltip:
-    needs: ci_test_tooltip
-    uses: ./.github/workflows/ci_test_user-tooltip.yml
+    ci_test_user-tooltip:
+        needs: ci_test_tooltip
+        uses: ./.github/workflows/ci_test_user-tooltip.yml
diff --git a/.github/workflows/ci_test_user-card.yml b/.github/workflows/ci_test_user-card.yml
index 6826b3d2..51f3147d 100644
--- a/.github/workflows/ci_test_user-card.yml
+++ b/.github/workflows/ci_test_user-card.yml
@@ -1,29 +1,29 @@
 name: Test user-card
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_user-card.yml'
-      - 'projects/user-card/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_user-card.yml'
+            - 'projects/user-card/**'
 
 concurrency:
-  group: ci-test-user-card-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-user-card-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_user-card:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/user-card
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_user-card:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/user-card
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
 
-  ci_test_user-tooltip:
-    needs: ci_test_user-card
-    uses: ./.github/workflows/ci_test_user-tooltip.yml
+    ci_test_user-tooltip:
+        needs: ci_test_user-card
+        uses: ./.github/workflows/ci_test_user-tooltip.yml
diff --git a/.github/workflows/ci_test_user-tooltip.yml b/.github/workflows/ci_test_user-tooltip.yml
index 4637c2ed..4be67a40 100644
--- a/.github/workflows/ci_test_user-tooltip.yml
+++ b/.github/workflows/ci_test_user-tooltip.yml
@@ -1,25 +1,25 @@
 name: Test user-tooltip
 
 on:
-  workflow_dispatch:
-  workflow_call:
-  push:
-    branches:
-      - '**'
-    tags-ignore:
-      - '**'
-    paths:
-      - '.github/workflows/ci_test_user-tooltip.yml'
-      - 'projects/user-tooltip/**'
+    workflow_dispatch:
+    workflow_call:
+    push:
+        branches:
+            - '**'
+        tags-ignore:
+            - '**'
+        paths:
+            - '.github/workflows/ci_test_user-tooltip.yml'
+            - 'projects/user-tooltip/**'
 
 concurrency:
-  group: ci-test-user-tooltip-group-${{ github.ref }}
-  cancel-in-progress: true
+    group: ci-test-user-tooltip-group-${{ github.ref }}
+    cancel-in-progress: true
 
 jobs:
-  ci_test_user-tooltip:
-    uses: dsi-hug/action/.github/workflows/action.yml@v1
-    with:
-      working-directory: projects/user-tooltip
-      runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
-      node-versions: '[18, 20]'
+    ci_test_user-tooltip:
+        uses: dsi-hug/action/.github/workflows/action.yml@v1
+        with:
+            working-directory: projects/user-tooltip
+            runs-on: '["ubuntu-latest", "macos-latest", "windows-latest"]'
+            node-versions: '[18, 20]'
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 00000000..d128a94b
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,9 @@
+# Ignore all JS and TS files:
+**/*.js
+**/*.ts
+
+/node_modules/
+/.angular/
+/.husky/
+/.vscode/
+/dist/
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 00000000..a7c6a763
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,12 @@
+{
+    "trailingComma": "all",
+    "tabWidth": 4,
+    "useTabs": false,
+    "bracketSameLine": true,
+    "htmlWhitespaceSensitivity": "ignore",
+    "proseWrap": "never",
+    "endOfLine": "lf",
+    "singleAttributePerLine": false,
+    "printWidth": 800,
+    "singleQuote": true
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
index bfdf84c8..4a737b06 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -20,10 +20,10 @@
     "html.format.wrapAttributes": "force-aligned",
     "html.format.wrapLineLength": 120,
     "[html]": {
-        "editor.defaultFormatter": "vscode.html-language-features"
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
     "[scss]": {
-        "editor.defaultFormatter": "HookyQR.beautify"
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
     },
     "npm.exclude": "**/{dist,tmp}{,/**}",
     "npm.scriptExplorerExclude": [
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
index 277e50f8..ce183ccf 100644
--- a/CODE_OF_CONDUCT.md
+++ b/CODE_OF_CONDUCT.md
@@ -2,131 +2,81 @@
 
 ## Our Pledge
 
-We as members, contributors, and leaders pledge to make participation in our
-community a harassment-free experience for everyone, regardless of age, body
-size, visible or invisible disability, ethnicity, sex characteristics, gender
-identity and expression, level of experience, education, socio-economic status,
-nationality, personal appearance, race, caste, color, religion, or sexual identity
-and orientation.
+We as members, contributors, and leaders pledge to make participation in our community a harassment-free experience for everyone, regardless of age, body size, visible or invisible disability, ethnicity, sex characteristics, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, caste, color, religion, or sexual identity and orientation.
 
-We pledge to act and interact in ways that contribute to an open, welcoming,
-diverse, inclusive, and healthy community.
+We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community.
 
 ## Our Standards
 
-Examples of behavior that contributes to a positive environment for our
-community include:
+Examples of behavior that contributes to a positive environment for our community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
-  and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the
-  overall community
+-   Demonstrating empathy and kindness toward other people
+-   Being respectful of differing opinions, viewpoints, and experiences
+-   Giving and gracefully accepting constructive feedback
+-   Accepting responsibility and apologizing to those affected by our mistakes, and learning from the experience
+-   Focusing on what is best not just for us as individuals, but for the overall community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or
-  advances of any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email
-  address, without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
-  professional setting
+-   The use of sexualized language or imagery, and sexual attention or advances of any kind
+-   Trolling, insulting or derogatory comments, and personal or political attacks
+-   Public or private harassment
+-   Publishing others' private information, such as a physical or email address, without their explicit permission
+-   Other conduct which could reasonably be considered inappropriate in a professional setting
 
 ## Enforcement Responsibilities
 
-Community leaders are responsible for clarifying and enforcing our standards of
-acceptable behavior and will take appropriate and fair corrective action in
-response to any behavior that they deem inappropriate, threatening, offensive,
-or harmful.
+Community leaders are responsible for clarifying and enforcing our standards of acceptable behavior and will take appropriate and fair corrective action in response to any behavior that they deem inappropriate, threatening, offensive, or harmful.
 
-Community leaders have the right and responsibility to remove, edit, or reject
-comments, commits, code, wiki edits, issues, and other contributions that are
-not aligned to this Code of Conduct, and will communicate reasons for moderation
-decisions when appropriate.
+Community leaders have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, and will communicate reasons for moderation decisions when appropriate.
 
 ## Scope
 
-This Code of Conduct applies within all community spaces, and also applies when
-an individual is officially representing the community in public spaces.
-Examples of representing our community include using an official e-mail address,
-posting via an official social media account, or acting as an appointed
-representative at an online or offline event.
+This Code of Conduct applies within all community spaces, and also applies when an individual is officially representing the community in public spaces. Examples of representing our community include using an official e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event.
 
 ## Enforcement
 
-Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by opening an issue or contacting one or more of the project maintainers.
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by opening an issue or contacting one or more of the project maintainers.
 
 All complaints will be reviewed and investigated promptly and fairly.
 
-All community leaders are obligated to respect the privacy and security of the
-reporter of any incident.
+All community leaders are obligated to respect the privacy and security of the reporter of any incident.
 
 ## Enforcement Guidelines
 
-Community leaders will follow these Community Impact Guidelines in determining
-the consequences for any action they deem in violation of this Code of Conduct:
+Community leaders will follow these Community Impact Guidelines in determining the consequences for any action they deem in violation of this Code of Conduct:
 
 ### 1. Correction
 
-**Community Impact**: Use of inappropriate language or other behavior deemed
-unprofessional or unwelcome in the community.
+**Community Impact**: Use of inappropriate language or other behavior deemed unprofessional or unwelcome in the community.
 
-**Consequence**: A private, written warning from community leaders, providing
-clarity around the nature of the violation and an explanation of why the
-behavior was inappropriate. A public apology may be requested.
+**Consequence**: A private, written warning from community leaders, providing clarity around the nature of the violation and an explanation of why the behavior was inappropriate. A public apology may be requested.
 
 ### 2. Warning
 
-**Community Impact**: A violation through a single incident or series
-of actions.
+**Community Impact**: A violation through a single incident or series of actions.
 
-**Consequence**: A warning with consequences for continued behavior. No
-interaction with the people involved, including unsolicited interaction with
-those enforcing the Code of Conduct, for a specified period of time. This
-includes avoiding interactions in community spaces as well as external channels
-like social media. Violating these terms may lead to a temporary or
-permanent ban.
+**Consequence**: A warning with consequences for continued behavior. No interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, for a specified period of time. This includes avoiding interactions in community spaces as well as external channels like social media. Violating these terms may lead to a temporary or permanent ban.
 
 ### 3. Temporary Ban
 
-**Community Impact**: A serious violation of community standards, including
-sustained inappropriate behavior.
+**Community Impact**: A serious violation of community standards, including sustained inappropriate behavior.
 
-**Consequence**: A temporary ban from any sort of interaction or public
-communication with the community for a specified period of time. No public or
-private interaction with the people involved, including unsolicited interaction
-with those enforcing the Code of Conduct, is allowed during this period.
-Violating these terms may lead to a permanent ban.
+**Consequence**: A temporary ban from any sort of interaction or public communication with the community for a specified period of time. No public or private interaction with the people involved, including unsolicited interaction with those enforcing the Code of Conduct, is allowed during this period. Violating these terms may lead to a permanent ban.
 
 ### 4. Permanent Ban
 
-**Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior,  harassment of an
-individual, or aggression toward or disparagement of classes of individuals.
+**Community Impact**: Demonstrating a pattern of violation of community standards, including sustained inappropriate behavior, harassment of an individual, or aggression toward or disparagement of classes of individuals.
 
-**Consequence**: A permanent ban from any sort of public interaction within
-the community.
+**Consequence**: A permanent ban from any sort of public interaction within the community.
 
 ## Attribution
 
-This Code of Conduct is adapted from the [Contributor Covenant][homepage],
-version 2.0, available at
-[https://www.contributor-covenant.org/version/2/0/code_of_conduct.html][v2.0].
-
-Community Impact Guidelines were inspired by
-[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
-
-For answers to common questions about this code of conduct, see the FAQ at
-[https://www.contributor-covenant.org/faq][FAQ]. Translations are available
-at [https://www.contributor-covenant.org/translations][translations].
-
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 2.0, available at [https://www.contributor-covenant.org/version/2/0/code_of_conduct.html][v2.0].
 
+Community Impact Guidelines were inspired by [Mozilla's code of conduct enforcement ladder][Mozilla CoC].
 
+For answers to common questions about this code of conduct, see the FAQ at [https://www.contributor-covenant.org/faq][FAQ]. Translations are available at [https://www.contributor-covenant.org/translations][translations].
 
 [homepage]: https://www.contributor-covenant.org
 [v2.0]: https://www.contributor-covenant.org/version/2/0/code_of_conduct.html
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 5d5f6c7e..5463e18d 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -1,47 +1,40 @@
 # Contributing
 
-We would love for you to contribute to this project and help make it even better than it is today!
-As a contributor, here are the guidelines we would like you to follow:
-
- * [Code of Conduct](#coc)
- * [Question or Problem?](#question)
- * [Issues and Bugs](#issue)
- * [Feature Requests](#feature)
- * [Submission Guidelines](#submit)
- * [Coding Rules](#rules)
- * [Commit Message Guidelines](#commit)
+We would love for you to contribute to this project and help make it even better than it is today! As a contributor, here are the guidelines we would like you to follow:
 
+-   [Code of Conduct](#coc)
+-   [Question or Problem?](#question)
+-   [Issues and Bugs](#issue)
+-   [Feature Requests](#feature)
+-   [Submission Guidelines](#submit)
+-   [Coding Rules](#rules)
+-   [Commit Message Guidelines](#commit)
 
 ## <a name="coc"></a> Code of Conduct
 
 Please read and follow our [Code of Conduct][coc], and help us keep this project open and inclusive.
 
-
 ## <a name="question"></a> Got a Question or Problem ?
 
 Please open an issue and add the `question` label to it.
 
-
 ## <a name="issue"></a> Found a Bug ?
 
 If you find a bug in the source code, you can help us by [submitting an issue](#submit-issue) to our [GitHub Repository][github].
 
 Even better, you can [submit a Pull Request](#submit-pr) with a fix.
 
-
 ## <a name="feature"></a> Missing a Feature ?
 
-You can *request* a new feature by [submitting an issue](#submit-issue) to our [GitHub Repository][github].
-
-If you would like to *implement* a new feature, please consider the size of the change in order to determine the right steps to proceed:
+You can _request_ a new feature by [submitting an issue](#submit-issue) to our [GitHub Repository][github].
 
-* For a **Major Feature**, first open an issue and outline your proposal so that it can be discussed.
-  This process allows us to better coordinate our efforts, prevent duplication of work, and help you to craft the change so that it is successfully accepted into the project.
+If you would like to _implement_ a new feature, please consider the size of the change in order to determine the right steps to proceed:
 
-  **Note**: Adding a new topic to the documentation, or significantly re-writing a topic, counts as a major feature.
+-   For a **Major Feature**, first open an issue and outline your proposal so that it can be discussed. This process allows us to better coordinate our efforts, prevent duplication of work, and help you to craft the change so that it is successfully accepted into the project.
 
-* **Small Features** can be crafted and directly [submitted as a Pull Request](#submit-pr).
+    **Note**: Adding a new topic to the documentation, or significantly re-writing a topic, counts as a major feature.
 
+-   **Small Features** can be crafted and directly [submitted as a Pull Request](#submit-pr).
 
 ## <a name="submit"></a> Submission Guidelines
 
@@ -49,38 +42,31 @@ If you would like to *implement* a new feature, please consider the size of the
 
 Before you submit an issue, please search the issue tracker, maybe an issue for your problem already exists and the discussion might inform you of workarounds readily available.
 
-We want to fix all the issues as soon as possible, but before fixing a bug we need to reproduce and confirm it.
-In order to reproduce bugs, we require that you provide a minimal reproduction.
-Having a minimal reproducible scenario gives us a wealth of important information without going back and forth to you with additional questions.
+We want to fix all the issues as soon as possible, but before fixing a bug we need to reproduce and confirm it. In order to reproduce bugs, we require that you provide a minimal reproduction. Having a minimal reproducible scenario gives us a wealth of important information without going back and forth to you with additional questions.
 
 A minimal reproduction allows us to quickly confirm a bug (or point out a coding problem) as well as confirm that we are fixing the right problem.
 
-We require a minimal reproduction to save maintainers' time and ultimately be able to fix more bugs.
-Often, developers find coding problems themselves while preparing a minimal reproduction.
-We understand that sometimes it might be hard to extract essential bits of code from a larger codebase but we really need to isolate the problem before we can fix it.
+We require a minimal reproduction to save maintainers' time and ultimately be able to fix more bugs. Often, developers find coding problems themselves while preparing a minimal reproduction. We understand that sometimes it might be hard to extract essential bits of code from a larger codebase but we really need to isolate the problem before we can fix it.
 
 Unfortunately, we are not able to investigate / fix bugs without a minimal reproduction, so if we don't hear back from you, we are going to close an issue that doesn't have enough info to be reproduced.
 
 You can file new issues by selecting and filling out the issue template from our [new issue templates][issue-templates].
 
-
 ### <a name="submit-pr"></a> Submitting a Pull Request (PR)
 
 Before you submit your Pull Request (PR) consider the following guidelines:
 
-1. Search [GitHub][github-pr] for an open or closed PR that relates to your submission.
-   You don't want to duplicate existing efforts.
+1. Search [GitHub][github-pr] for an open or closed PR that relates to your submission. You don't want to duplicate existing efforts.
 
-2. Be sure that an issue describes the problem you're fixing, or documents the design for the feature you'd like to add.
-   Discussing the design upfront helps to ensure that we're ready to accept your work.
+2. Be sure that an issue describes the problem you're fixing, or documents the design for the feature you'd like to add. Discussing the design upfront helps to ensure that we're ready to accept your work.
 
 3. Fork this repository.
 
 4. Make your changes in a new git branch:
 
-     ```sh
-     git checkout -b my-fix-branch master
-     ```
+    ```sh
+    git checkout -b my-fix-branch master
+    ```
 
 5. Create your patch, **including appropriate test cases**.
 
@@ -88,12 +74,12 @@ Before you submit your Pull Request (PR) consider the following guidelines:
 
 7. Run a full test suite and ensure that all tests pass.
 
-8. Commit your changes using a descriptive commit message that follows our [commit message conventions](#commit).
-   Adherence to these conventions is necessary because release notes are automatically generated from these messages.
+8. Commit your changes using a descriptive commit message that follows our [commit message conventions](#commit). Adherence to these conventions is necessary because release notes are automatically generated from these messages.
+
+    ```sh
+    git commit --all
+    ```
 
-     ```sh
-     git commit --all
-     ```
     Note: the optional commit `-a` command line option will automatically "add" and "rm" edited files.
 
 9. Push your branch to GitHub:
@@ -151,51 +137,47 @@ In order to update the commit message of the last commit on your branch:
     git push --force-with-lease
     ```
 
-> NOTE:<br />
-> If you need to update the commit message of an earlier commit, you can use `git rebase` in interactive mode.
-> See the [git docs](https://git-scm.com/docs/git-rebase#_interactive_mode) for more details.
+> NOTE:<br /> If you need to update the commit message of an earlier commit, you can use `git rebase` in interactive mode. See the [git docs](https://git-scm.com/docs/git-rebase#_interactive_mode) for more details.
 
 #### After your pull request is merged
 
 After your pull request is merged, you can safely delete your branch and pull the changes from the main (upstream) repository:
 
-* Delete the remote branch on GitHub either through the GitHub web UI or your local shell as follows:
+-   Delete the remote branch on GitHub either through the GitHub web UI or your local shell as follows:
 
     ```sh
     git push origin --delete my-fix-branch
     ```
 
-* Check out the master branch:
+-   Check out the master branch:
 
     ```sh
     git checkout master -f
     ```
 
-* Delete the local branch:
+-   Delete the local branch:
 
     ```sh
     git branch -D my-fix-branch
     ```
 
-* Update your master with the latest upstream version:
+-   Update your master with the latest upstream version:
 
     ```sh
     git pull --ff upstream master
     ```
 
-
 ## <a name="rules"></a> Coding Rules
 
 To ensure consistency throughout the source code, keep these rules in mind as you are working:
 
-* All features or bug fixes **must be tested** by one or more specs (unit-tests)
-* All public API methods **must be documented**
-* We follow [Google's JavaScript Style Guide][js-style-guide], but wrap all code at **100 characters**
-
+-   All features or bug fixes **must be tested** by one or more specs (unit-tests)
+-   All public API methods **must be documented**
+-   We follow [Google's JavaScript Style Guide][js-style-guide], but wrap all code at **100 characters**
 
 ## <a name="commit"></a> Commit Message Format
 
-*This specification is inspired by and supersedes the [Conventional Commits message format][commit-message-format].*
+_This specification is inspired by and supersedes the [Conventional Commits message format][commit-message-format]._
 
 We have very precise rules over how our Git commit messages must be formatted.
 
@@ -203,7 +185,6 @@ This format leads to **easier to read commit history**.
 
 Each commit message consists of a **header**, a **body**, and a **footer**.
 
-
 ```
 <header>
 <BLANK LINE>
@@ -220,7 +201,6 @@ The `footer` is optional. The [Commit Message Footer](#commit-footer) format des
 
 Any line of the commit message cannot be longer than 100 characters.
 
-
 #### <a name="commit-header"></a> Commit Message Header
 
 ```
@@ -233,34 +213,30 @@ Any line of the commit message cannot be longer than 100 characters.
   └─⫸ Commit Type: build|ci|docs|feat|fix|perf|refactor|test
 ```
 
-
 ##### Type
 
 Must be one of the following:
 
-* **build**: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
-* **ci**: Changes to CI configuration files and scripts (example scopes: Circle, BrowserStack, SauceLabs)
-* **docs**: Documentation only changes
-* **feat**: A new feature
-* **fix**: A bug fix
-* **perf**: A code change that improves performance
-* **refactor**: A code change that neither fixes a bug nor adds a feature
-* **test**: Adding missing tests or correcting existing tests
-
+-   **build**: Changes that affect the build system or external dependencies (example scopes: gulp, broccoli, npm)
+-   **ci**: Changes to CI configuration files and scripts (example scopes: Circle, BrowserStack, SauceLabs)
+-   **docs**: Documentation only changes
+-   **feat**: A new feature
+-   **fix**: A bug fix
+-   **perf**: A code change that improves performance
+-   **refactor**: A code change that neither fixes a bug nor adds a feature
+-   **test**: Adding missing tests or correcting existing tests
 
 ##### Scope
 
 Scope can be anything specifying place of the commit change.
 
-
 ##### Summary
 
 Use the summary field to provide a succinct description of the change:
 
-* use the imperative, present tense: "change" not "changed" nor "changes"
-* don't capitalize the first letter
-* no dot (.) at the end
-
+-   use the imperative, present tense: "change" not "changed" nor "changes"
+-   don't capitalize the first letter
+-   no dot (.) at the end
 
 #### <a name="commit-body"></a> Commit Message Body
 
@@ -270,7 +246,6 @@ Explain the motivation for the change in the commit message body. This commit me
 
 You can include a comparison of the previous behavior with the new behavior in order to illustrate the impact of the change.
 
-
 #### <a name="commit-footer"></a> Commit Message Footer
 
 The footer can contain information about breaking changes and is also the place to reference GitHub issues, Jira tickets, and other PRs that this commit closes or is related to.
@@ -286,18 +261,14 @@ Fixes #<issue number>
 
 Breaking Change section should start with the phrase `BREAKING CHANGE: ` followed by a summary of the breaking change, a blank line, and a detailed description of the breaking change that also includes migration instructions.
 
-
 ### Revert commits
 
 If the commit reverts a previous commit, it should begin with `revert: `, followed by the header of the reverted commit.
 
 The content of the commit message body should contain:
 
-* information about the SHA of the commit being reverted in the following format: `This reverts commit <SHA>`
-* a clear description of the reason for reverting the commit message
-
-
-
+-   information about the SHA of the commit being reverted in the following format: `This reverts commit <SHA>`
+-   a clear description of the reason for reverting the commit message
 
 [coc]: https://github.com/dsi-hug/ngx-components/blob/main/CODE_OF_CONDUCT.md
 [github]: https://github.com/dsi-hug/ngx-components
diff --git a/DEVELOPER.md b/DEVELOPER.md
index cb29a673..4e251527 100644
--- a/DEVELOPER.md
+++ b/DEVELOPER.md
@@ -6,8 +6,8 @@ This document describes how you can create, lint, test, build and publish packag
 
 Before you can start you must install and configure the following products on your development machine:
 
-* [Git][git]
-* [Node.js][nodejs]
+-   [Git][git]
+-   [Node.js][nodejs]
 
 You will then need to clone this project and install the required dependencies:
 
@@ -26,9 +26,10 @@ run run new-package
 ```
 
 If this new package has any other internal packages as peer dependencies:
-- make sure that this new package is also tested during the tests of the other packages
 
-*(have a look at [ci_test_core.yml](https://github.com/DSI-HUG/ngx-components/blob/main/.github/workflows/ci_test_core.yml#L27-L29) for examples)*
+-   make sure that this new package is also tested during the tests of the other packages
+
+_(have a look at [ci_test_core.yml](https://github.com/DSI-HUG/ngx-components/blob/main/.github/workflows/ci_test_core.yml#L27-L29) for examples)_
 
 ## Linting/verifying source code
 
@@ -62,7 +63,7 @@ npm run build -w=projects/<package_name>
 
 ## Publishing a package to NPM repository
 
-This project comes with automatic continuous delivery (CD) using *GitHub Actions*.
+This project comes with automatic continuous delivery (CD) using _GitHub Actions_.
 
 To publish a package:
 
@@ -76,11 +77,13 @@ To publish a package:
 So when you publish a package for the first time, you will have to do the following:
 
 1. Commit and push the package, using this commit message:
+
 ```sh
 feat(<package_name>): first commit
 ```
 
 2. Add a tag to the commit prior the one you just created, and push it:
+
 ```sh
 @hug/ngx-<package_name>@1.0.0
 ```
@@ -89,6 +92,5 @@ feat(<package_name>): first commit
 
 4. Once done, remove the tag you previously created
 
-
 [git]: https://git-scm.com/
 [nodejs]: https://nodejs.org/
diff --git a/README.md b/README.md
index df390003..9d4ef99f 100644
--- a/README.md
+++ b/README.md
@@ -19,24 +19,24 @@
 
 <hr/>
 
-Package | Version | Downloads | Tests
---- | --- | --- | ---
-[@hug/ngx-core](/projects/core) | [![npm version][npm-logo-core]][npm-core] | [![npm downloads][npm-dl-logo-core]][npm-dl-core] | [![build status][tests-logo-core]][tests-core]
-[@hug/ngx-layout](/projects/layout) | [![npm version][npm-logo-layout]][npm-layout] | [![npm downloads][npm-dl-logo-layout]][npm-dl-layout] | [![build status][tests-logo-layout]][tests-layout]
-[@hug/ngx-list-loader](/projects/list-loader) | [![npm version][npm-logo-list-loader]][npm-list-loader] | [![npm downloads][npm-dl-logo-list-loader]][npm-dl-list-loader] | [![build status][tests-logo-list-loader]][tests-list-loader]
-[@hug/ngx-message-box](/projects/message-box) | [![npm version][npm-logo-message-box]][npm-message-box] | [![npm downloads][npm-dl-logo-message-box]][npm-dl-message-box] | [![build status][tests-logo-message-box]][tests-message-box]
-[@hug/ngx-message-box-dialog](/projects/message-box-dialog) | [![npm version][npm-logo-message-box-dialog]][npm-message-box-dialog] | [![npm downloads][npm-dl-logo-message-box-dialog]][npm-dl-message-box-dialog] | [![build status][tests-logo-message-box-dialog]][tests-message-box-dialog]
-[@hug/ngx-numeric-stepper](/projects/numeric-stepper) | [![npm version][npm-logo-numeric-stepper]][npm-numeric-stepper] | [![npm downloads][npm-dl-logo-numeric-stepper]][npm-dl-numeric-stepper] | [![build status][tests-logo-numeric-stepper]][tests-numeric-stepper]
-[@hug/ngx-overlay](/projects/overlay) | [![npm version][npm-logo-overlay]][npm-overlay] | [![npm downloads][npm-dl-logo-overlay]][npm-dl-overlay] | [![build status][tests-logo-overlay]][tests-overlay]
-[@hug/ngx-search-container](/projects/search-container) | [![npm version][npm-logo-search-container]][npm-search-container] | [![npm downloads][npm-dl-logo-search-container]][npm-dl-search-container] | [![build status][tests-logo-search-container]][tests-search-container]
-[@hug/ngx-sidenav](/projects/sidenav) | [![npm version][npm-logo-sidenav]][npm-sidenav] | [![npm downloads][npm-dl-logo-sidenav]][npm-dl-sidenav] | [![build status][tests-logo-sidenav]][tests-sidenav]
-[@hug/ngx-snackbar](/projects/snackbar) | [![npm version][npm-logo-snackbar]][npm-snackbar] | [![npm downloads][npm-dl-logo-snackbar]][npm-dl-snackbar] | [![build status][tests-logo-snackbar]][tests-snackbar]
-[@hug/ngx-splitter](/projects/splitter) | [![npm version][npm-logo-splitter]][npm-splitter] | [![npm downloads][npm-dl-logo-splitter]][npm-dl-splitter] | [![build status][tests-logo-splitter]][tests-splitter]
-[@hug/ngx-status](/projects/status) | [![npm version][npm-logo-status]][npm-status] | [![npm downloads][npm-dl-logo-status]][npm-dl-status] | [![build status][tests-logo-status]][tests-status]
-[@hug/ngx-time-picker](/projects/time-picker) | [![npm version][npm-logo-time-picker]][npm-time-picker] | [![npm downloads][npm-dl-logo-time-picker]][npm-dl-time-picker] | [![build status][tests-logo-time-picker]][tests-time-picker]
-[@hug/ngx-tooltip](/projects/tooltip) | [![npm version][npm-logo-tooltip]][npm-tooltip] | [![npm downloads][npm-dl-logo-tooltip]][npm-dl-tooltip] | [![build status][tests-logo-tooltip]][tests-tooltip]
-[@hug/ngx-user-card](/projects/user-card) | [![npm version][npm-logo-user-card]][npm-user-card] | [![npm downloads][npm-dl-logo-user-card]][npm-dl-user-card] | [![build status][tests-logo-user-card]][tests-user-card]
-[@hug/ngx-user-tooltip](/projects/user-tooltip) | [![npm version][npm-logo-user-tooltip]][npm-user-tooltip] | [![npm downloads][npm-dl-logo-user-tooltip]][npm-dl-user-tooltip] | [![build status][tests-logo-user-tooltip]][tests-user-tooltip]
+| Package                                                     | Version                                                               | Downloads                                                                     | Tests                                                                      |
+| ----------------------------------------------------------- | --------------------------------------------------------------------- | ----------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
+| [@hug/ngx-core](/projects/core)                             | [![npm version][npm-logo-core]][npm-core]                             | [![npm downloads][npm-dl-logo-core]][npm-dl-core]                             | [![build status][tests-logo-core]][tests-core]                             |
+| [@hug/ngx-layout](/projects/layout)                         | [![npm version][npm-logo-layout]][npm-layout]                         | [![npm downloads][npm-dl-logo-layout]][npm-dl-layout]                         | [![build status][tests-logo-layout]][tests-layout]                         |
+| [@hug/ngx-list-loader](/projects/list-loader)               | [![npm version][npm-logo-list-loader]][npm-list-loader]               | [![npm downloads][npm-dl-logo-list-loader]][npm-dl-list-loader]               | [![build status][tests-logo-list-loader]][tests-list-loader]               |
+| [@hug/ngx-message-box](/projects/message-box)               | [![npm version][npm-logo-message-box]][npm-message-box]               | [![npm downloads][npm-dl-logo-message-box]][npm-dl-message-box]               | [![build status][tests-logo-message-box]][tests-message-box]               |
+| [@hug/ngx-message-box-dialog](/projects/message-box-dialog) | [![npm version][npm-logo-message-box-dialog]][npm-message-box-dialog] | [![npm downloads][npm-dl-logo-message-box-dialog]][npm-dl-message-box-dialog] | [![build status][tests-logo-message-box-dialog]][tests-message-box-dialog] |
+| [@hug/ngx-numeric-stepper](/projects/numeric-stepper)       | [![npm version][npm-logo-numeric-stepper]][npm-numeric-stepper]       | [![npm downloads][npm-dl-logo-numeric-stepper]][npm-dl-numeric-stepper]       | [![build status][tests-logo-numeric-stepper]][tests-numeric-stepper]       |
+| [@hug/ngx-overlay](/projects/overlay)                       | [![npm version][npm-logo-overlay]][npm-overlay]                       | [![npm downloads][npm-dl-logo-overlay]][npm-dl-overlay]                       | [![build status][tests-logo-overlay]][tests-overlay]                       |
+| [@hug/ngx-search-container](/projects/search-container)     | [![npm version][npm-logo-search-container]][npm-search-container]     | [![npm downloads][npm-dl-logo-search-container]][npm-dl-search-container]     | [![build status][tests-logo-search-container]][tests-search-container]     |
+| [@hug/ngx-sidenav](/projects/sidenav)                       | [![npm version][npm-logo-sidenav]][npm-sidenav]                       | [![npm downloads][npm-dl-logo-sidenav]][npm-dl-sidenav]                       | [![build status][tests-logo-sidenav]][tests-sidenav]                       |
+| [@hug/ngx-snackbar](/projects/snackbar)                     | [![npm version][npm-logo-snackbar]][npm-snackbar]                     | [![npm downloads][npm-dl-logo-snackbar]][npm-dl-snackbar]                     | [![build status][tests-logo-snackbar]][tests-snackbar]                     |
+| [@hug/ngx-splitter](/projects/splitter)                     | [![npm version][npm-logo-splitter]][npm-splitter]                     | [![npm downloads][npm-dl-logo-splitter]][npm-dl-splitter]                     | [![build status][tests-logo-splitter]][tests-splitter]                     |
+| [@hug/ngx-status](/projects/status)                         | [![npm version][npm-logo-status]][npm-status]                         | [![npm downloads][npm-dl-logo-status]][npm-dl-status]                         | [![build status][tests-logo-status]][tests-status]                         |
+| [@hug/ngx-time-picker](/projects/time-picker)               | [![npm version][npm-logo-time-picker]][npm-time-picker]               | [![npm downloads][npm-dl-logo-time-picker]][npm-dl-time-picker]               | [![build status][tests-logo-time-picker]][tests-time-picker]               |
+| [@hug/ngx-tooltip](/projects/tooltip)                       | [![npm version][npm-logo-tooltip]][npm-tooltip]                       | [![npm downloads][npm-dl-logo-tooltip]][npm-dl-tooltip]                       | [![build status][tests-logo-tooltip]][tests-tooltip]                       |
+| [@hug/ngx-user-card](/projects/user-card)                   | [![npm version][npm-logo-user-card]][npm-user-card]                   | [![npm downloads][npm-dl-logo-user-card]][npm-dl-user-card]                   | [![build status][tests-logo-user-card]][tests-user-card]                   |
+| [@hug/ngx-user-tooltip](/projects/user-tooltip)             | [![npm version][npm-logo-user-tooltip]][npm-user-tooltip]             | [![npm downloads][npm-dl-logo-user-tooltip]][npm-dl-user-tooltip]             | [![build status][tests-logo-user-tooltip]][tests-user-tooltip]             |
 
 </div>
 
@@ -46,12 +46,10 @@ Package | Version | Downloads | Tests
 
 This library provide a large set of components and utilities that can be used while developing for Angular.
 
-
 ## Development
 
 See the [developer docs][developer].
 
-
 ## Contributing
 
 #### > Want to Help?
@@ -64,127 +62,107 @@ But please read up first on the guidelines for [contributing][contributing], and
 
 Please read and follow the [Code of Conduct][codeofconduct], and help us keep this project open and inclusive.
 
-
 ## Credits
 
 Copyright (C) 2024 [HUG - Hôpitaux Universitaires Genève][dsi-hug]
 
 [![love@hug](https://img.shields.io/badge/@hug-%E2%9D%A4%EF%B8%8Flove-magenta)][dsi-hug]
 
-
-
-
 [license]: https://github.com/dsi-hug/ngx-components/blob/main/LICENSE
 [developer]: https://github.com/dsi-hug/ngx-components/blob/main/DEVELOPER.md
 [contributing]: https://github.com/dsi-hug/ngx-components/blob/main/CONTRIBUTING.md
 [codeofconduct]: https://github.com/dsi-hug/ngx-components/blob/main/CODE_OF_CONDUCT.md
 [dsi-hug]: https://github.com/dsi-hug
-
 [npm-core]: https://www.npmjs.com/package/@hug/ngx-core
 [npm-logo-core]: https://img.shields.io/npm/v/@hug/ngx-core.svg?color=blue&logo=npm
 [npm-dl-core]: https://npmcharts.com/compare/@hug/ngx-core?minimal=true
 [npm-dl-logo-core]: https://img.shields.io/npm/dw/@hug/ngx-core.svg?color=7986CB&logo=npm&label=npm
 [tests-core]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_core.yml
 [tests-logo-core]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_core.yml/badge.svg
-
 [npm-layout]: https://www.npmjs.com/package/@hug/ngx-layout
 [npm-logo-layout]: https://img.shields.io/npm/v/@hug/ngx-layout.svg?color=blue&logo=npm
 [npm-dl-layout]: https://npmcharts.com/compare/@hug/ngx-layout?minimal=true
 [npm-dl-logo-layout]: https://img.shields.io/npm/dw/@hug/ngx-layout.svg?color=7986CB&logo=npm&label=npm
 [tests-layout]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_layout.yml
 [tests-logo-layout]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_layout.yml/badge.svg
-
 [npm-list-loader]: https://www.npmjs.com/package/@hug/ngx-list-loader
 [npm-logo-list-loader]: https://img.shields.io/npm/v/@hug/ngx-list-loader.svg?color=blue&logo=npm
 [npm-dl-list-loader]: https://npmcharts.com/compare/@hug/ngx-list-loader?minimal=true
 [npm-dl-logo-list-loader]: https://img.shields.io/npm/dw/@hug/ngx-list-loader.svg?color=7986CB&logo=npm&label=npm
 [tests-list-loader]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_list-loader.yml
 [tests-logo-list-loader]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_list-loader.yml/badge.svg
-
 [npm-message-box]: https://www.npmjs.com/package/@hug/ngx-message-box
 [npm-logo-message-box]: https://img.shields.io/npm/v/@hug/ngx-message-box.svg?color=blue&logo=npm
 [npm-dl-message-box]: https://npmcharts.com/compare/@hug/ngx-message-box?minimal=true
 [npm-dl-logo-message-box]: https://img.shields.io/npm/dw/@hug/ngx-message-box.svg?color=7986CB&logo=npm&label=npm
 [tests-message-box]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_message-box.yml
 [tests-logo-message-box]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_message-box.yml/badge.svg
-
 [npm-message-box-dialog]: https://www.npmjs.com/package/@hug/ngx-message-box-dialog
 [npm-logo-message-box-dialog]: https://img.shields.io/npm/v/@hug/ngx-message-box-dialog.svg?color=blue&logo=npm
 [npm-dl-message-box-dialog]: https://npmcharts.com/compare/@hug/ngx-message-box-dialog?minimal=true
 [npm-dl-logo-message-box-dialog]: https://img.shields.io/npm/dw/@hug/ngx-message-box-dialog.svg?color=7986CB&logo=npm&label=npm
 [tests-message-box-dialog]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_message-box-dialog.yml
 [tests-logo-message-box-dialog]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_message-box-dialog.yml/badge.svg
-
 [npm-numeric-stepper]: https://www.npmjs.com/package/@hug/ngx-numeric-stepper
 [npm-logo-numeric-stepper]: https://img.shields.io/npm/v/@hug/ngx-numeric-stepper.svg?color=blue&logo=npm
 [npm-dl-numeric-stepper]: https://npmcharts.com/compare/@hug/ngx-numeric-stepper?minimal=true
 [npm-dl-logo-numeric-stepper]: https://img.shields.io/npm/dw/@hug/ngx-numeric-stepper.svg?color=7986CB&logo=npm&label=npm
 [tests-numeric-stepper]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_numeric-stepper.yml
 [tests-logo-numeric-stepper]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_numeric-stepper.yml/badge.svg
-
 [npm-overlay]: https://www.npmjs.com/package/@hug/ngx-overlay
 [npm-logo-overlay]: https://img.shields.io/npm/v/@hug/ngx-overlay.svg?color=blue&logo=npm
 [npm-dl-overlay]: https://npmcharts.com/compare/@hug/ngx-overlay?minimal=true
 [npm-dl-logo-overlay]: https://img.shields.io/npm/dw/@hug/ngx-overlay.svg?color=7986CB&logo=npm&label=npm
 [tests-overlay]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_overlay.yml
 [tests-logo-overlay]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_overlay.yml/badge.svg
-
 [npm-search-container]: https://www.npmjs.com/package/@hug/ngx-search-container
 [npm-logo-search-container]: https://img.shields.io/npm/v/@hug/ngx-search-container.svg?color=blue&logo=npm
 [npm-dl-search-container]: https://npmcharts.com/compare/@hug/ngx-search-container?minimal=true
 [npm-dl-logo-search-container]: https://img.shields.io/npm/dw/@hug/ngx-search-container.svg?color=7986CB&logo=npm&label=npm
 [tests-search-container]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_search-container.yml
 [tests-logo-search-container]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_search-container.yml/badge.svg
-
 [npm-sidenav]: https://www.npmjs.com/package/@hug/ngx-sidenav
 [npm-logo-sidenav]: https://img.shields.io/npm/v/@hug/ngx-sidenav.svg?color=blue&logo=npm
 [npm-dl-sidenav]: https://npmcharts.com/compare/@hug/ngx-sidenav?minimal=true
 [npm-dl-logo-sidenav]: https://img.shields.io/npm/dw/@hug/ngx-sidenav.svg?color=7986CB&logo=npm&label=npm
 [tests-sidenav]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_sidenav.yml
 [tests-logo-sidenav]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_sidenav.yml/badge.svg
-
 [npm-snackbar]: https://www.npmjs.com/package/@hug/ngx-snackbar
 [npm-logo-snackbar]: https://img.shields.io/npm/v/@hug/ngx-snackbar.svg?color=blue&logo=npm
 [npm-dl-snackbar]: https://npmcharts.com/compare/@hug/ngx-snackbar?minimal=true
 [npm-dl-logo-snackbar]: https://img.shields.io/npm/dw/@hug/ngx-snackbar.svg?color=7986CB&logo=npm&label=npm
 [tests-snackbar]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_snackbar.yml
 [tests-logo-snackbar]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_snackbar.yml/badge.svg
-
 [npm-splitter]: https://www.npmjs.com/package/@hug/ngx-splitter
 [npm-logo-splitter]: https://img.shields.io/npm/v/@hug/ngx-splitter.svg?color=blue&logo=npm
 [npm-dl-splitter]: https://npmcharts.com/compare/@hug/ngx-splitter?minimal=true
 [npm-dl-logo-splitter]: https://img.shields.io/npm/dw/@hug/ngx-splitter.svg?color=7986CB&logo=npm&label=npm
 [tests-splitter]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_splitter.yml
 [tests-logo-splitter]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_splitter.yml/badge.svg
-
 [npm-status]: https://www.npmjs.com/package/@hug/ngx-status
 [npm-logo-status]: https://img.shields.io/npm/v/@hug/ngx-status.svg?color=blue&logo=npm
 [npm-dl-status]: https://npmcharts.com/compare/@hug/ngx-status?minimal=true
 [npm-dl-logo-status]: https://img.shields.io/npm/dw/@hug/ngx-status.svg?color=7986CB&logo=npm&label=npm
 [tests-status]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_status.yml
 [tests-logo-status]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_status.yml/badge.svg
-
 [npm-time-picker]: https://www.npmjs.com/package/@hug/ngx-time-picker
 [npm-logo-time-picker]: https://img.shields.io/npm/v/@hug/ngx-time-picker.svg?color=blue&logo=npm
 [npm-dl-time-picker]: https://npmcharts.com/compare/@hug/ngx-time-picker?minimal=true
 [npm-dl-logo-time-picker]: https://img.shields.io/npm/dw/@hug/ngx-time-picker.svg?color=7986CB&logo=npm&label=npm
 [tests-time-picker]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_time-picker.yml
 [tests-logo-time-picker]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_time-picker.yml/badge.svg
-
 [npm-tooltip]: https://www.npmjs.com/package/@hug/ngx-tooltip
 [npm-logo-tooltip]: https://img.shields.io/npm/v/@hug/ngx-tooltip.svg?color=blue&logo=npm
 [npm-dl-tooltip]: https://npmcharts.com/compare/@hug/ngx-tooltip?minimal=true
 [npm-dl-logo-tooltip]: https://img.shields.io/npm/dw/@hug/ngx-tooltip.svg?color=7986CB&logo=npm&label=npm
 [tests-tooltip]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_tooltip.yml
 [tests-logo-tooltip]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_tooltip.yml/badge.svg
-
 [npm-user-card]: https://www.npmjs.com/package/@hug/ngx-user-card
 [npm-logo-user-card]: https://img.shields.io/npm/v/@hug/ngx-user-card.svg?color=blue&logo=npm
 [npm-dl-user-card]: https://npmcharts.com/compare/@hug/ngx-user-card?minimal=true
 [npm-dl-logo-user-card]: https://img.shields.io/npm/dw/@hug/ngx-user-card.svg?color=7986CB&logo=npm&label=npm
 [tests-user-card]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_user-card.yml
 [tests-logo-user-card]: https://github.com/dsi-hug/ngx-components/actions/workflows/ci_test_user-card.yml/badge.svg
-
 [npm-user-tooltip]: https://www.npmjs.com/package/@hug/ngx-user-tooltip
 [npm-logo-user-tooltip]: https://img.shields.io/npm/v/@hug/ngx-user-tooltip.svg?color=blue&logo=npm
 [npm-dl-user-tooltip]: https://npmcharts.com/compare/@hug/ngx-user-tooltip?minimal=true
diff --git a/angular.json b/angular.json
index 13eb8537..795073d9 100644
--- a/angular.json
+++ b/angular.json
@@ -23,14 +23,8 @@
                         "polyfills": "projects/demo-app/src/polyfills.ts",
                         "tsConfig": "projects/demo-app/tsconfig.app.json",
                         "inlineStyleLanguage": "scss",
-                        "assets": [
-                            "projects/demo-app/src/favicon.ico",
-                            "projects/demo-app/src/assets"
-                        ],
-                        "styles": [
-                            "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
-                            "projects/demo-app/src/styles.scss"
-                        ],
+                        "assets": ["projects/demo-app/src/favicon.ico", "projects/demo-app/src/assets"],
+                        "styles": ["./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "projects/demo-app/src/styles.scss"],
                         "scripts": []
                     },
                     "configurations": {
@@ -92,14 +86,8 @@
                         "tsConfig": "projects/demo-app/tsconfig.spec.json",
                         "karmaConfig": "projects/demo-app/karma.conf.js",
                         "inlineStyleLanguage": "scss",
-                        "assets": [
-                            "projects/demo-app/src/favicon.ico",
-                            "projects/demo-app/src/assets"
-                        ],
-                        "styles": [
-                            "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
-                            "projects/demo-app/src/styles.scss"
-                        ],
+                        "assets": ["projects/demo-app/src/favicon.ico", "projects/demo-app/src/assets"],
+                        "styles": ["./node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "projects/demo-app/src/styles.scss"],
                         "scripts": []
                     }
                 }
@@ -603,6 +591,6 @@
         }
     },
     "cli": {
-      "analytics": false
+        "analytics": false
     }
 }
diff --git a/nx.json b/nx.json
index 67adef24..23b2ab01 100644
--- a/nx.json
+++ b/nx.json
@@ -2,14 +2,10 @@
     "$schema": "./node_modules/nx/schemas/nx-schema.json",
     "targetDefaults": {
         "build:ng": {
-            "dependsOn": [
-                "^build:ng"
-            ]
+            "dependsOn": ["^build:ng"]
         },
         "nx-release-publish": {
-            "dependsOn": [
-                "build"
-            ],
+            "dependsOn": ["build"],
             "options": {
                 "packageRoot": "{workspaceRoot}/dist/{projectRoot}"
             }
diff --git a/package-lock.json b/package-lock.json
index 67b8c458..e7f993a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -65,6 +65,7 @@
                 "ng-packagr": "~14.2.2",
                 "nx": "^19.3.2",
                 "patch-package": "^8.0.0",
+                "prettier": "3.3.2",
                 "typescript": "~4.7.4"
             }
         },
@@ -18898,6 +18899,21 @@
                 "node": ">= 0.8.0"
             }
         },
+        "node_modules/prettier": {
+            "version": "3.3.2",
+            "resolved": "https://nxrm.hisaas.hcuge.ch/repository/npm-all/prettier/-/prettier-3.3.2.tgz",
+            "integrity": "sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA==",
+            "dev": true,
+            "bin": {
+                "prettier": "bin/prettier.cjs"
+            },
+            "engines": {
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/prettier/prettier?sponsor=1"
+            }
+        },
         "node_modules/pretty-bytes": {
             "version": "5.6.0",
             "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
@@ -22830,7 +22846,7 @@
         },
         "projects/overlay": {
             "name": "@hug/ngx-overlay",
-            "version": "1.1.2",
+            "version": "1.1.3",
             "license": "GPL-3.0-only",
             "dependencies": {
                 "tslib": "^2.6.3"
diff --git a/package.json b/package.json
index 727b7690..8eaa54d4 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,9 @@
         "new-package": "ng g .:new-package",
         "release:dry-run": "nx release --verbose --dry-run",
         "postinstall": "patch-package",
+        "start": "ng serve",
+        "prettier": "npx prettier . --check",
+        "prettier-fix": "npx prettier . --write",
         "ng": "ng"
     },
     "workspaces": [
@@ -69,6 +72,7 @@
         "ng-packagr": "~14.2.2",
         "nx": "^19.3.2",
         "patch-package": "^8.0.0",
+        "prettier": "3.3.2",
         "typescript": "~4.7.4"
     },
     "schematics": "./scripts/new-package/collection.json",
@@ -98,8 +102,11 @@
         }
     },
     "lint-staged": {
-        "**/*.{js,json,ts,html}": [
+        "**/*.{js,ts}": [
             "eslint --fix"
+        ],
+        "**/*.{html,scss,json}": [
+            "npx prettier . --check"
         ]
     }
 }
diff --git a/projects/core/CHANGELOG.md b/projects/core/CHANGELOG.md
index 94120a03..77c35338 100644
--- a/projects/core/CHANGELOG.md
+++ b/projects/core/CHANGELOG.md
@@ -1,36 +1,29 @@
 ## 1.1.5 (2024-06-24)
 
-
 ### 🐛 Fixes
 
-- fix some issues ([74cc405](https://github.com/DSI-HUG/ngx-components/commit/74cc405))
-
+-   fix some issues ([74cc405](https://github.com/DSI-HUG/ngx-components/commit/74cc405))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
+-   Badisi
 
 ## 1.1.4 (2024-06-21)
 
-
 ### 🛠️ Chore
 
-- **release:** include CHANGELOG.md in distribution package ([9897e06](https://github.com/DSI-HUG/ngx-components/commit/9897e06))
-
+-   **release:** include CHANGELOG.md in distribution package ([9897e06](https://github.com/DSI-HUG/ngx-components/commit/9897e06))
 
-### ❤️  Thank You
-
-- @Badisi
+### ❤️ Thank You
 
+-   @Badisi
 
 ## 1.1.2 (2024-06-17)
 
-
 ### 🚀 Features
 
-- **core**: first commit ([1cb90ba](https://github.com/DSI-HUG/ngx-components/commit/1cb90bac803acbb9708e3983ab9e4d6a872d2a5c))
-
+-   **core**: first commit ([1cb90ba](https://github.com/DSI-HUG/ngx-components/commit/1cb90bac803acbb9708e3983ab9e4d6a872d2a5c))
 
 ### ❤️ Thank You
 
-- @Badisi
+-   @Badisi
diff --git a/projects/core/README.md b/projects/core/README.md
index 6e6d2916..802b6e5f 100644
--- a/projects/core/README.md
+++ b/projects/core/README.md
@@ -1,5 +1,4 @@
-@hug/ngx-core
-=======
+# @hug/ngx-core
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/core/src/styles/_palette.scss b/projects/core/src/styles/_palette.scss
index c8c3a637..0c20e2db 100644
--- a/projects/core/src/styles/_palette.scss
+++ b/projects/core/src/styles/_palette.scss
@@ -1,32 +1,32 @@
 $mat-hug-primary: (
-    50 : #e8f1f9,
-    100 : #c6dcef,
-    200 : #a1c5e5,
-    300 : #7baeda,
-    400 : #5e9cd2,
-    500 : #428bca,
-    600 : #3c83c5,
-    700 : #3378bd,
-    800 : #2b6eb7,
-    900 : #1d5bab,
-    A100 : #e3eeff,
-    A200 : #bed2ff,
-    A400 : #7db2ff,
-    A700 : #63a3ff,
+    50: #e8f1f9,
+    100: #c6dcef,
+    200: #a1c5e5,
+    300: #7baeda,
+    400: #5e9cd2,
+    500: #428bca,
+    600: #3c83c5,
+    700: #3378bd,
+    800: #2b6eb7,
+    900: #1d5bab,
+    A100: #e3eeff,
+    A200: #bed2ff,
+    A400: #7db2ff,
+    A700: #63a3ff,
     contrast: (
-        50 : #000000,
-        100 : #000000,
-        200 : #000000,
-        300 : #000000,
-        400 : #000000,
-        500 : #ffffff,
-        600 : #ffffff,
-        700 : #ffffff,
-        800 : #ffffff,
-        900 : #ffffff,
-        A100 : #000000,
-        A200 : #000000,
-        A400 : #000000,
-        A700 : #000000,
-    )
+        50: #000000,
+        100: #000000,
+        200: #000000,
+        300: #000000,
+        400: #000000,
+        500: #ffffff,
+        600: #ffffff,
+        700: #ffffff,
+        800: #ffffff,
+        900: #ffffff,
+        A100: #000000,
+        A200: #000000,
+        A400: #000000,
+        A700: #000000,
+    ),
 );
diff --git a/projects/core/src/styles/_theme.scss b/projects/core/src/styles/_theme.scss
index b4864368..4f0acc96 100644
--- a/projects/core/src/styles/_theme.scss
+++ b/projects/core/src/styles/_theme.scss
@@ -11,7 +11,7 @@
 
 body#hug-ngx {
     margin: 0;
-    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
     font-size: 14px;
 
     .mat-icon {
diff --git a/projects/core/src/styles/_themeVariables.scss b/projects/core/src/styles/_themeVariables.scss
index 9f1b92e9..1f55d999 100644
--- a/projects/core/src/styles/_themeVariables.scss
+++ b/projects/core/src/styles/_themeVariables.scss
@@ -1,5 +1,5 @@
-@use "@angular/material" as mat;
-@use "./palette" as palette;
+@use '@angular/material' as mat;
+@use './palette' as palette;
 
 // Define color scheme
 $primary: mat.define-palette(palette.$mat-hug-primary);
diff --git a/projects/core/src/styles/mixins/_icon-theme.scss b/projects/core/src/styles/mixins/_icon-theme.scss
index edcca502..044edfa3 100644
--- a/projects/core/src/styles/mixins/_icon-theme.scss
+++ b/projects/core/src/styles/mixins/_icon-theme.scss
@@ -9,15 +9,15 @@
 
     mat-icon,
     fa-icon {
-        &[background="primary"] {
+        &[background='primary'] {
             background: mat.get-color-from-palette($primary) !important;
         }
 
-        &[background="accent"] {
+        &[background='accent'] {
             background: mat.get-color-from-palette($accent) !important;
         }
 
-        &[background="warn"] {
+        &[background='warn'] {
             background: mat.get-color-from-palette($warn) !important;
         }
     }
@@ -27,8 +27,8 @@
         position: relative;
         $ratio: 50%;
 
-        >mat-icon[secondary],
-        >fa-icon[secondary] {
+        > mat-icon[secondary],
+        > fa-icon[secondary] {
             background: mat.get-color-from-palette($background, background);
             border-radius: 50%;
             bottom: 0;
@@ -41,7 +41,7 @@
             line-height: 1;
         }
 
-        >fa-icon[secondary] {
+        > fa-icon[secondary] {
             font-size: calc($ratio - 5%);
         }
     }
@@ -67,15 +67,15 @@
         -moz-osx-font-smoothing: grayscale;
         -webkit-font-smoothing: antialiased;
 
-        &[color="primary"] {
+        &[color='primary'] {
             color: mat.get-color-from-palette($primary);
         }
 
-        &[color="accent"] {
+        &[color='accent'] {
             color: mat.get-color-from-palette($accent);
         }
 
-        &[color="warn"] {
+        &[color='warn'] {
             color: mat.get-color-from-palette($warn);
         }
 
diff --git a/projects/core/src/styles/mixins/_loader-theme.scss b/projects/core/src/styles/mixins/_loader-theme.scss
index 1b014062..d5ddf577 100644
--- a/projects/core/src/styles/mixins/_loader-theme.scss
+++ b/projects/core/src/styles/mixins/_loader-theme.scss
@@ -20,8 +20,7 @@
         height: 10vmin;
     }
 
-    @media (max-height: 150px),
-    (max-width: 150px) {
+    @media (max-height: 150px), (max-width: 150px) {
         .loader {
             width: 15px;
             height: 15px;
diff --git a/projects/core/src/styles/mixins/_material-icons-theme.scss b/projects/core/src/styles/mixins/_material-icons-theme.scss
index 3238bc63..4d7c48c4 100644
--- a/projects/core/src/styles/mixins/_material-icons-theme.scss
+++ b/projects/core/src/styles/mixins/_material-icons-theme.scss
@@ -2,7 +2,7 @@
 
 @include matSymbols.faces($axes: all);
 
-$fontFamily: "Material Symbols Outlined Variable";
+$fontFamily: 'Material Symbols Outlined Variable';
 
 @mixin theme {
     .mat-icon {
@@ -35,6 +35,6 @@ $fontFamily: "Material Symbols Outlined Variable";
     }
 
     .filled {
-        font-variation-settings: "FILL"1;
+        font-variation-settings: 'FILL' 1;
     }
 }
diff --git a/projects/core/src/styles/mixins/_menu-theme.scss b/projects/core/src/styles/mixins/_menu-theme.scss
index 8c0e9b3e..455161c2 100644
--- a/projects/core/src/styles/mixins/_menu-theme.scss
+++ b/projects/core/src/styles/mixins/_menu-theme.scss
@@ -1,4 +1,4 @@
-@use "@angular/material" as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
     $primary: map-get($theme, primary);
diff --git a/projects/core/tsconfig.lib.json b/projects/core/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/core/tsconfig.lib.json
+++ b/projects/core/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/core/tsconfig.spec.json b/projects/core/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/core/tsconfig.spec.json
+++ b/projects/core/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/demo-app/src/app/app.component.html b/projects/demo-app/src/app/app.component.html
index b0ecf3fc..e94e5770 100644
--- a/projects/demo-app/src/app/app.component.html
+++ b/projects/demo-app/src/app/app.component.html
@@ -1,23 +1,15 @@
-<div class="demo-container"
-     [class.demo-is-mobile]="mobileQuery.matches">
-    <mat-toolbar color="primary"
-                 class="demo-toolbar">
+<div class="demo-container" [class.demo-is-mobile]="mobileQuery.matches">
+    <mat-toolbar color="primary" class="demo-toolbar">
         <button mat-icon-button (click)="snav.toggle()">
             <mat-icon>menu</mat-icon>
         </button>
-        <h1 class="demo-app-name">@hug/ngx-components Demo</h1>
+        <h1 class="demo-app-name">hug/ngx-components Demo</h1>
     </mat-toolbar>
 
-    <mat-sidenav-container class="demo-sidenav-container"
-                           [style.marginTop.px]="mobileQuery.matches ? 56 : 0">
-        <mat-sidenav #snav
-                     [mode]="mobileQuery.matches ? 'over' : 'side'"
-                     [fixedInViewport]="mobileQuery.matches"
-                     fixedTopGap="56">
+    <mat-sidenav-container class="demo-sidenav-container" [style.marginTop.px]="mobileQuery.matches ? 56 : 0">
+        <mat-sidenav #snav [mode]="mobileQuery.matches ? 'over' : 'side'" [fixedInViewport]="mobileQuery.matches" fixedTopGap="56">
             <mat-nav-list>
-                <mat-list-item title="Overlay"
-                               routerLink="/overlay"
-                               routerLinkActive="active">
+                <mat-list-item title="Overlay" routerLink="/overlay" routerLinkActive="active">
                     <mat-icon mat-list-icon>menu</mat-icon>
                     <span mat-line>Overlay</span>
                 </mat-list-item>
@@ -28,4 +20,4 @@ <h1 class="demo-app-name">@hug/ngx-components Demo</h1>
             <router-outlet></router-outlet>
         </mat-sidenav-content>
     </mat-sidenav-container>
-</div>
\ No newline at end of file
+</div>
diff --git a/projects/demo-app/src/app/overlay/overlay-demo.component.html b/projects/demo-app/src/app/overlay/overlay-demo.component.html
index 77892800..e9f60312 100644
--- a/projects/demo-app/src/app/overlay/overlay-demo.component.html
+++ b/projects/demo-app/src/app/overlay/overlay-demo.component.html
@@ -1,30 +1,25 @@
-<mat-tab-group [selectedIndex]="tabIndex"
-               (selectedTabChange)="tabIndex = $event.index">
-    <mat-tab label="API REFERENCE"> </mat-tab>
+<mat-tab-group [selectedIndex]="tabIndex" (selectedTabChange)="tabIndex = $event.index">
+    <mat-tab label="API REFERENCE"></mat-tab>
     <mat-tab label="EXAMPLES"></mat-tab>
 </mat-tab-group>
 
-<mat-card class="demo-card demo-basic"
-          *ngIf="tabIndex === 0">
-    TODO
-</mat-card>
+<mat-card class="demo-card demo-basic" *ngIf="tabIndex === 0">TODO</mat-card>
 
-<div *ngIf="tabIndex === 1"
-     (contextmenu)="onContextMenu($event)">
-    <overlay #contextMenu>
-        <div class="deja-menu-content">
+<div *ngIf="tabIndex === 1" (contextmenu)="onContextMenu($event)">
+    <overlay #contextMenu ngx-menu>
+        <div class="ngx-menu-content">
             <ul>
-                <li class="menu-item"
-                    (click)="contextMenu.close()">
-                    <mat-icon>delete_sweep</mat-icon> Context menu
+                <li class="menu-item" (click)="contextMenu.close()">
+                    <mat-icon>delete_sweep</mat-icon>
+                    Context menu
                 </li>
-                <li class="menu-item"
-                    (click)="contextMenu.close()">
-                    <mat-icon>content_copy</mat-icon> Dupliquer
+                <li class="menu-item" (click)="contextMenu.close()">
+                    <mat-icon>content_copy</mat-icon>
+                    Dupliquer
                 </li>
-                <li class="menu-item"
-                    (click)="contextMenu.close()">
-                    <mat-icon>edit</mat-icon> Editer
+                <li class="menu-item" (click)="contextMenu.close()">
+                    <mat-icon>edit</mat-icon>
+                    Editer
                 </li>
             </ul>
         </div>
@@ -33,53 +28,52 @@
         <mat-toolbar color="primary">Overlay</mat-toolbar>
         <mat-card-content>
             <overlay #posYMenu>
-                <div class="deja-menu-content">
+                <div class="ngx-menu-content">
                     <ul>
-                        <li class="menu-item"
-                            (click)="posYMenu.close()">
-                            <mat-icon>delete_sweep</mat-icon> Supprimer
+                        <li class="menu-item" (click)="posYMenu.close()">
+                            <mat-icon>delete_sweep</mat-icon>
+                            Supprimer
                         </li>
-                        <li class="menu-item"
-                            (click)="posYMenu.close()">
-                            <mat-icon>content_copy</mat-icon> Dupliquer
+                        <li class="menu-item" (click)="posYMenu.close()">
+                            <mat-icon>content_copy</mat-icon>
+                            Dupliquer
                         </li>
-                        <li class="menu-item"
-                            (click)="posYMenu.close()">
-                            <mat-icon>edit</mat-icon> Editer
+                        <li class="menu-item" (click)="posYMenu.close()">
+                            <mat-icon>edit</mat-icon>
+                            Editer
                         </li>
                     </ul>
                 </div>
             </overlay>
 
-            <div id="demo-deja-menu">
+            <div id="demo-ngx-menu">
                 <div class="menu-section">
                     <p>You clicked on: {{ selected }}</p>
 
                     <mat-toolbar>
                         <button mat-icon-button (click)="menu.show($event)">
-							<mat-icon>more_vert</mat-icon>
-						</button>
+                            <mat-icon>more_vert</mat-icon>
+                        </button>
                     </mat-toolbar>
 
                     <overlay #menu>
-                        <div class="deja-menu-content">
+                        <div class="ngx-menu-content">
                             <button class="menu-item" *ngFor="let item of items" (click)="select(item.text); menu.close()">
-								{{ item.text }}
-							</button>
+                                {{ item.text }}
+                            </button>
                         </div>
                     </overlay>
                 </div>
                 <div class="menu-section">
-                    <p> Clicking these will navigate:</p>
+                    <p>Clicking these will navigate:</p>
                     <mat-toolbar>
                         <button mat-icon-button (click)="anchorMenu.show($event)">
-							<mat-icon>more_vert</mat-icon>
-						</button>
+                            <mat-icon>more_vert</mat-icon>
+                        </button>
                     </mat-toolbar>
 
                     <overlay #anchorMenu>
-                        <div id="anchorMenu"
-                             class="deja-menu-content">
+                        <div id="anchorMenu" class="ngx-menu-content">
                             <a class="menu-item" *ngFor="let item of items" href="http://www.google.com">
                                 {{ item.text }}
                             </a>
@@ -87,37 +81,31 @@
                     </overlay>
                 </div>
                 <div class="menu-section">
-                    <p>
-                        With buttons position before
-                    </p>
+                    <p>With buttons position before</p>
                     <mat-toolbar class="end-icon">
                         <button mat-icon-button (click)="posXMenu.show($event)">
-							<mat-icon>more_vert</mat-icon>
-						</button>
+                            <mat-icon>more_vert</mat-icon>
+                        </button>
                     </mat-toolbar>
 
-                    <overlay #posXMenu
-                             class="before"
-                             positions="end bottom end top">
-                        <div class="deja-menu-content">
+                    <overlay #posXMenu class="before" positions="end bottom end top">
+                        <div class="ngx-menu-content">
                             <button class="menu-item" *ngFor="let item of items" (click)="posXMenu.close()">
-								{{ item.text }}
-							</button>
+                                {{ item.text }}
+                            </button>
                         </div>
                     </overlay>
                 </div>
 
                 <div class="menu-section">
-                    <p>
-                        With ul/li, position top
-                    </p>
+                    <p>With ul/li, position top</p>
                     <mat-toolbar>
                         <button mat-icon-button (click)="posYMenu.show($event)">
-							<mat-icon>more_vert</mat-icon>
-						</button>
+                            <mat-icon>more_vert</mat-icon>
+                        </button>
                     </mat-toolbar>
                 </div>
             </div>
         </mat-card-content>
     </mat-card>
-</div>
\ No newline at end of file
+</div>
diff --git a/projects/demo-app/src/app/overlay/overlay-demo.component.scss b/projects/demo-app/src/app/overlay/overlay-demo.component.scss
index a98e8d8f..433c91ad 100644
--- a/projects/demo-app/src/app/overlay/overlay-demo.component.scss
+++ b/projects/demo-app/src/app/overlay/overlay-demo.component.scss
@@ -1,5 +1,5 @@
 overlay-demo {
-    #demo-deja-menu {
+    #demo-ngx-menu {
         display: flex;
         flex-flow: row;
 
@@ -15,7 +15,7 @@ overlay-demo {
 }
 
 .overlay-container {
-    .deja-menu-content {
+    .ngx-menu-content {
         &#anchorMenu {
             .menu-item {
                 white-space: nowrap;
diff --git a/projects/demo-app/src/index.html b/projects/demo-app/src/index.html
index 7429b771..2d1c890b 100644
--- a/projects/demo-app/src/index.html
+++ b/projects/demo-app/src/index.html
@@ -1,16 +1,16 @@
 <!doctype html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>DemoApp</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link rel="preconnect" href="https://fonts.gstatic.com">
-  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet">
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-</head>
-<body>
-  <app-root></app-root>
-</body>
+    <head>
+        <meta charset="utf-8" />
+        <title>DemoApp</title>
+        <base href="/" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="icon" type="image/x-icon" href="favicon.ico" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" />
+        <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet" />
+        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
+    </head>
+    <body>
+        <app-root></app-root>
+    </body>
 </html>
diff --git a/projects/demo-app/src/styles.scss b/projects/demo-app/src/styles.scss
index 472dc441..b66a7579 100644
--- a/projects/demo-app/src/styles.scss
+++ b/projects/demo-app/src/styles.scss
@@ -1,6 +1,6 @@
 // Custom Theming for Angular Material
 // For more information: https://material.angular.io/guide/theming
-@use "@angular/material" as mat;
+@use '@angular/material' as mat;
 // Plus imports for other components in your app.
 //@use "@hug/ngx-list-loader" as list-loader;
 // @use "../../list-loader/src/list-loader-theme" as list-loader;
@@ -26,8 +26,8 @@ $demo-app-theme: mat.define-light-theme(
         color: (
             primary: $demo-app-primary,
             accent: $demo-app-accent,
-            warn: $demo-app-warn
-        )
+            warn: $demo-app-warn,
+        ),
     )
 );
 
@@ -47,5 +47,58 @@ body {
 
 body {
     margin: 0;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
+    font-family: Roboto, 'Helvetica Neue', sans-serif;
 }
+
+@mixin menu() {
+    .ngx-menu,
+    [ngx-menu] {
+        .cdk-overlay-pane {
+            display: flex;
+            flex-direction: column;
+
+            .menu-content {
+                overflow-x: hidden;
+                overflow-y: auto;
+                display: block;
+                border-style: solid;
+                border-width: 1px;
+                box-shadow:
+                    0 3px 1px -2px rgba(0, 0, 0, 0.2),
+                    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
+                    0 1px 5px 0 rgba(0, 0, 0, 0.12);
+                height: 100%;
+
+                .menu-header,
+                .menu-footer {
+                    flex: 0 0 auto;
+                    padding: 0.5rem;
+                }
+
+                > ul,
+                &ul {
+                    padding: 0;
+                    margin: 0;
+                    display: flex;
+                    flex-direction: column;
+                    flex: 1 1 auto;
+
+                    li {
+                        cursor: pointer;
+                        align-items: center;
+                        display: flex;
+                        justify-content: flex-start;
+                        list-style-type: none;
+                        padding: 0.5rem;
+
+                        md-icon {
+                            margin: 0 0.5rem;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+@include menu();
diff --git a/projects/demo-app/tsconfig.app.json b/projects/demo-app/tsconfig.app.json
index 0c22a9cc..3a54079d 100644
--- a/projects/demo-app/tsconfig.app.json
+++ b/projects/demo-app/tsconfig.app.json
@@ -5,11 +5,6 @@
         "outDir": "../../out-tsc/app",
         "types": []
     },
-    "files": [
-        "src/main.ts",
-        "src/polyfills.ts"
-    ],
-    "include": [
-        "src/**/*.d.ts"
-    ]
+    "files": ["src/main.ts", "src/polyfills.ts"],
+    "include": ["src/**/*.d.ts"]
 }
diff --git a/projects/demo-app/tsconfig.spec.json b/projects/demo-app/tsconfig.spec.json
index 7074637d..4e1e399f 100644
--- a/projects/demo-app/tsconfig.spec.json
+++ b/projects/demo-app/tsconfig.spec.json
@@ -3,16 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts",
-        "src/polyfills.ts"
-    ],
-    "include": [
-        "src/**/*.spec.ts",
-        "src/**/*.d.ts"
-    ]
+    "files": ["src/test.ts", "src/polyfills.ts"],
+    "include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
 }
diff --git a/projects/layout/CHANGELOG.md b/projects/layout/CHANGELOG.md
index d4f28dc1..7416a849 100644
--- a/projects/layout/CHANGELOG.md
+++ b/projects/layout/CHANGELOG.md
@@ -1,11 +1,9 @@
 ## 1.1.0 (2024-06-26)
 
-
 ### 🚀 Features
 
-- **layout:** first commit ([70a9056](https://github.com/DSI-HUG/ngx-components/commit/70a9056))
-
+-   **layout:** first commit ([70a9056](https://github.com/DSI-HUG/ngx-components/commit/70a9056))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/layout/README.md b/projects/layout/README.md
index 473753d2..b32e37df 100644
--- a/projects/layout/README.md
+++ b/projects/layout/README.md
@@ -1,5 +1,4 @@
-@hug/layout
-=======
+# @hug/layout
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/layout/src/_layout-theme.scss b/projects/layout/src/_layout-theme.scss
index f5d9f8f1..7040d44d 100644
--- a/projects/layout/src/_layout-theme.scss
+++ b/projects/layout/src/_layout-theme.scss
@@ -1,4 +1,4 @@
-@use '@angular/material'as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
     $primary: map-get($theme, primary);
@@ -6,7 +6,7 @@
     $background: map-get($theme, background);
     $foreground: map-get($theme, foreground);
 
-    layout>.mat-toolbar.mat-primary {
+    layout > .mat-toolbar.mat-primary {
         background-color: mat.get-color-from-palette($primary, darker);
         color: mat.get-color-from-palette($primary, darker-contrast);
 
@@ -86,7 +86,7 @@
         }
 
         mat-button-toggle-group {
-            &:not([filters-toggle-group]):not([color="accent"]):not([color="primary"]) {
+            &:not([filters-toggle-group]):not([color='accent']):not([color='primary']) {
                 mat-button-toggle {
                     button {
                         .mat-button-toggle-label-content {
diff --git a/projects/layout/src/layout.component.html b/projects/layout/src/layout.component.html
index b6a589c8..b50b146a 100644
--- a/projects/layout/src/layout.component.html
+++ b/projects/layout/src/layout.component.html
@@ -2,7 +2,7 @@
 
 <ng-template #content>
     <div class="main-content">
-        <span class="primary-action-container" [class.bottom]="(mediaService.isHandset$ | async)" *ngIf="layoutPrimaryAction && !((layoutActions || layoutInfoBoxes) && ((mediaService.isHandset$ | async) === false))">
+        <span class="primary-action-container" [class.bottom]="mediaService.isHandset$ | async" *ngIf="layoutPrimaryAction && !((layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false)">
             <ng-template [ngTemplateOutlet]="layoutPrimaryAction"></ng-template>
         </span>
         <ng-content></ng-content>
@@ -13,8 +13,8 @@
 </ng-template>
 
 <ng-template #actionsToolbar>
-    <mat-toolbar id="actions-toolbar" class="actions" [color]="toolbarColor" [class.bottom]="(mediaService.isHandset$ | async)">
-        <span class="primary-action-container" *ngIf="layoutPrimaryAction && (layoutActions || layoutInfoBoxes) && ((mediaService.isHandset$ | async) === false)">
+    <mat-toolbar id="actions-toolbar" class="actions" [color]="toolbarColor" [class.bottom]="mediaService.isHandset$ | async">
+        <span class="primary-action-container" *ngIf="layoutPrimaryAction && (layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false">
             <ng-template [ngTemplateOutlet]="layoutPrimaryAction"></ng-template>
         </span>
         <ng-container *ngIf="layoutActions">
@@ -28,7 +28,7 @@
 
 <ng-template #filter>
     <mat-toolbar id="toolbar" [color]="toolbarColor" *ngIf="layoutToolbar || layoutRight">
-        <button type="button" id="sidenav-button" mat-icon-button *ngIf="withSidenav && (mediaService.isHandset$ | async) && ((sidenavService.openChanged$ | async) === false)" (click)="sidenavService.toggle()">
+        <button type="button" id="sidenav-button" mat-icon-button *ngIf="withSidenav && (mediaService.isHandset$ | async) && (sidenavService.openChanged$ | async) === false" (click)="sidenavService.toggle()">
             <mat-icon>menu</mat-icon>
         </button>
         <button type="button" id="back-button" mat-icon-button *ngIf="withBackButton" (click)="this.backButtonClicked.emit($event)" [matTooltip]="backButtonLabel">
@@ -46,7 +46,7 @@
             <mat-icon>close</mat-icon>
         </button>
     </mat-toolbar>
-    <ng-container *ngIf="(layoutActions || layoutInfoBoxes) && ((mediaService.isHandset$ | async) === false)">
+    <ng-container *ngIf="(layoutActions || layoutInfoBoxes) && (mediaService.isHandset$ | async) === false">
         <ng-container *ngTemplateOutlet="actionsToolbar"></ng-container>
     </ng-container>
     <mat-drawer-container *ngIf="layoutRight; else content" autosize="true">
diff --git a/projects/layout/src/layout.component.scss b/projects/layout/src/layout.component.scss
index b822d54a..70eb9436 100644
--- a/projects/layout/src/layout.component.scss
+++ b/projects/layout/src/layout.component.scss
@@ -155,8 +155,10 @@ layout {
     .mat-toolbar {
         &:not(.actions) {
             display: flex;
-            box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),
-                0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
+            box-shadow:
+                0 3px 5px -1px rgba(0, 0, 0, 0.2),
+                0 6px 10px 0 rgba(0, 0, 0, 0.14),
+                0 1px 18px 0 rgba(0, 0, 0, 0.12);
             z-index: 10;
 
             #toolbar-content-container {
@@ -170,7 +172,7 @@ layout {
                 text-overflow: ellipsis;
             }
 
-            &>div {
+            & > div {
                 display: flex;
                 align-items: center;
             }
diff --git a/projects/layout/tsconfig.lib.json b/projects/layout/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/layout/tsconfig.lib.json
+++ b/projects/layout/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/layout/tsconfig.spec.json b/projects/layout/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/layout/tsconfig.spec.json
+++ b/projects/layout/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/list-loader/CHANGELOG.md b/projects/list-loader/CHANGELOG.md
index 70fec572..25dc85c5 100644
--- a/projects/list-loader/CHANGELOG.md
+++ b/projects/list-loader/CHANGELOG.md
@@ -1,10 +1,9 @@
 ## 1.1.1 (2024-06-17)
 
-
 ### 🚀 Features
 
-- **list-loader**: first commit ([c33cbae](https://github.com/DSI-HUG/ngx-components/commit/c33cbae53d66241197356d3984e8c37796a3a6a4))
+-   **list-loader**: first commit ([c33cbae](https://github.com/DSI-HUG/ngx-components/commit/c33cbae53d66241197356d3984e8c37796a3a6a4))
 
 ### ❤️ Thank You
 
-- @Badisi
+-   @Badisi
diff --git a/projects/list-loader/README.md b/projects/list-loader/README.md
index 12565dba..9a64558d 100644
--- a/projects/list-loader/README.md
+++ b/projects/list-loader/README.md
@@ -1,5 +1,4 @@
-@hug/ngx-list-loader
-=======
+# @hug/ngx-list-loader
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/list-loader/src/_list-loader-theme.scss b/projects/list-loader/src/_list-loader-theme.scss
index 09013896..d22ea679 100644
--- a/projects/list-loader/src/_list-loader-theme.scss
+++ b/projects/list-loader/src/_list-loader-theme.scss
@@ -1,4 +1,4 @@
-@use "@angular/material" as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
     $primary: map-get($theme, primary);
diff --git a/projects/list-loader/src/list-loader.component.html b/projects/list-loader/src/list-loader.component.html
index 75d2c790..1cd86998 100644
--- a/projects/list-loader/src/list-loader.component.html
+++ b/projects/list-loader/src/list-loader.component.html
@@ -5,4 +5,4 @@
         <div class="bounce3"></div>
     </div>
     <div class="label" *ngIf="label">{{ label }}</div>
-</div>
\ No newline at end of file
+</div>
diff --git a/projects/list-loader/src/list-loader.component.scss b/projects/list-loader/src/list-loader.component.scss
index f03e22df..bffe4e61 100644
--- a/projects/list-loader/src/list-loader.component.scss
+++ b/projects/list-loader/src/list-loader.component.scss
@@ -4,14 +4,14 @@ list-loader {
     height: 100%;
     align-items: center;
 
-    >.container {
+    > .container {
         display: flex;
         flex-direction: column;
         flex: 1 1 auto;
         margin-top: 1rem;
         margin-bottom: 1rem;
 
-        >.spinner {
+        > .spinner {
             margin: auto;
             width: 60px;
             text-align: center;
@@ -27,38 +27,42 @@ list-loader {
                 animation: sk-bouncedelay 1.4s infinite ease-in-out both;
             }
 
-            >.bounce1 {
+            > .bounce1 {
                 -webkit-animation-delay: -0.32s;
                 animation-delay: -0.32s;
             }
 
-            >.bounce2 {
+            > .bounce2 {
                 -webkit-animation-delay: -0.16s;
                 animation-delay: -0.16s;
             }
         }
 
         @-webkit-keyframes sk-bouncedelay {
-            0%, 80%, 100% {
+            0%,
+            80%,
+            100% {
                 -webkit-transform: scale(0);
             }
             40% {
-                -webkit-transform: scale(1.0);
+                -webkit-transform: scale(1);
             }
         }
 
         @keyframes sk-bouncedelay {
-            0%, 80%, 100% {
+            0%,
+            80%,
+            100% {
                 -webkit-transform: scale(0);
                 transform: scale(0);
             }
             40% {
-                -webkit-transform: scale(1.0);
-                transform: scale(1.0);
+                -webkit-transform: scale(1);
+                transform: scale(1);
             }
         }
 
-        >.label {
+        > .label {
             text-align: center;
             font-size: 0.9rem;
             margin-top: 1rem;
diff --git a/projects/list-loader/tsconfig.lib.json b/projects/list-loader/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/list-loader/tsconfig.lib.json
+++ b/projects/list-loader/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/list-loader/tsconfig.spec.json b/projects/list-loader/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/list-loader/tsconfig.spec.json
+++ b/projects/list-loader/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/message-box-dialog/CHANGELOG.md b/projects/message-box-dialog/CHANGELOG.md
index 99d522c1..26a80130 100644
--- a/projects/message-box-dialog/CHANGELOG.md
+++ b/projects/message-box-dialog/CHANGELOG.md
@@ -1,23 +1,19 @@
 ## 1.1.1 (2024-07-01)
 
-
 ### 🐛 Fixes
 
-- add mat-config parameter ([986dc5f](https://github.com/DSI-HUG/ngx-components/commit/986dc5f))
-
+-   add mat-config parameter ([986dc5f](https://github.com/DSI-HUG/ngx-components/commit/986dc5f))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Serge
+-   Serge
 
 ## 1.1.0 (2024-06-26)
 
-
 ### 🚀 Features
 
-- **message-box-dialog:** first commit ([534d841](https://github.com/DSI-HUG/ngx-components/commit/534d841))
-
+-   **message-box-dialog:** first commit ([534d841](https://github.com/DSI-HUG/ngx-components/commit/534d841))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/message-box-dialog/README.md b/projects/message-box-dialog/README.md
index 27e991f6..18510de9 100644
--- a/projects/message-box-dialog/README.md
+++ b/projects/message-box-dialog/README.md
@@ -1,5 +1,4 @@
-@hug/message-box-dialog
-=======
+# @hug/message-box-dialog
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/message-box-dialog/tsconfig.lib.json b/projects/message-box-dialog/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/message-box-dialog/tsconfig.lib.json
+++ b/projects/message-box-dialog/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/message-box-dialog/tsconfig.spec.json b/projects/message-box-dialog/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/message-box-dialog/tsconfig.spec.json
+++ b/projects/message-box-dialog/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/message-box/CHANGELOG.md b/projects/message-box/CHANGELOG.md
index 830e8d66..46643070 100644
--- a/projects/message-box/CHANGELOG.md
+++ b/projects/message-box/CHANGELOG.md
@@ -1,10 +1,9 @@
 ## 1.1.1 (2024-06-17)
 
-
 ### 🚀 Features
 
-- **message-box**: first commit ([ca30f27](https://github.com/DSI-HUG/ngx-components/commit/ca30f2791b4b013bedf38839e2bc2aed296c2acc))
+-   **message-box**: first commit ([ca30f27](https://github.com/DSI-HUG/ngx-components/commit/ca30f2791b4b013bedf38839e2bc2aed296c2acc))
 
 ### ❤️ Thank You
 
-- @Badisi
+-   @Badisi
diff --git a/projects/message-box/README.md b/projects/message-box/README.md
index b8c219f1..f58fbd92 100644
--- a/projects/message-box/README.md
+++ b/projects/message-box/README.md
@@ -1,5 +1,4 @@
-@hug/ngx-message-box
-=======
+# @hug/ngx-message-box
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/message-box/src/_message-box-theme.scss b/projects/message-box/src/_message-box-theme.scss
index cbfd9df8..88165559 100644
--- a/projects/message-box/src/_message-box-theme.scss
+++ b/projects/message-box/src/_message-box-theme.scss
@@ -1,4 +1,4 @@
-@use "@angular/material" as mat;
+@use '@angular/material' as mat;
 
 @mixin messageBoxStandard($palette) {
     background-color: mat.get-color-from-palette($palette, 500);
diff --git a/projects/message-box/src/message-box.component.html b/projects/message-box/src/message-box.component.html
index a729a98b..0a14b8b6 100644
--- a/projects/message-box/src/message-box.component.html
+++ b/projects/message-box/src/message-box.component.html
@@ -1,7 +1,7 @@
-<mat-card id="msgbox" class="{{type}}">
+<mat-card id="msgbox" class="{{ type }}">
     <mat-card-title *ngIf="icon || showCloseIcon">
-        <mat-icon id="icon" *ngIf="icon">{{icon}}</mat-icon>
-        <span id="title" *ngIf="!horizontal">{{title}}</span>
+        <mat-icon id="icon" *ngIf="icon">{{ icon }}</mat-icon>
+        <span id="title" *ngIf="!horizontal">{{ title }}</span>
         <div class="header-actions">
             <button *ngIf="showCloseIcon" mat-icon-button type="button" class="close" (click)="onClose()">
                 <mat-icon>close</mat-icon>
@@ -9,13 +9,13 @@
         </div>
     </mat-card-title>
     <mat-card-content>
-        <h2 id="title" *ngIf="horizontal && title">{{title}}</h2>
+        <h2 id="title" *ngIf="horizontal && title">{{ title }}</h2>
         <ng-content></ng-content>
     </mat-card-content>
     <mat-card-actions *ngIf="actions">
         <span *ngFor="let action of actions">
             <button mat-button type="button" *ngIf="action.text" (click)="action.action()" class="with-icon" [attr.data-icon]="action.icon">
-                {{action.text}}
+                {{ action.text }}
             </button>
             <button mat-icon-button type="button" *ngIf="!action.text && action.icon as icon" [class.action-button]="!action.type" (click)="action.action()">
                 <mat-icon>{{ icon }}</mat-icon>
@@ -23,6 +23,6 @@ <h2 id="title" *ngIf="horizontal && title">{{title}}</h2>
         </span>
     </mat-card-actions>
     <mat-card-actions *ngIf="!actions && actionsTemplate">
-		<ng-template [ngTemplateOutlet]="actionsTemplate"></ng-template>
-	</mat-card-actions>
+        <ng-template [ngTemplateOutlet]="actionsTemplate"></ng-template>
+    </mat-card-actions>
 </mat-card>
diff --git a/projects/message-box/src/message-box.component.scss b/projects/message-box/src/message-box.component.scss
index e8b0ae95..0b489046 100644
--- a/projects/message-box/src/message-box.component.scss
+++ b/projects/message-box/src/message-box.component.scss
@@ -11,7 +11,7 @@ message-box {
         display: block;
         border-radius: 3px;
 
-        >.mat-card-title {
+        > .mat-card-title {
             text-transform: uppercase;
             align-items: center;
             display: flex;
@@ -30,7 +30,7 @@ message-box {
             }
         }
 
-        >.mat-card-content {
+        > .mat-card-content {
             margin: 0;
             padding: 0.75rem;
             overflow: hidden;
@@ -50,7 +50,7 @@ message-box {
             }
         }
 
-        >.mat-card-actions {
+        > .mat-card-actions {
             align-items: center;
             display: flex;
             justify-content: flex-end;
@@ -67,7 +67,7 @@ message-box {
             padding: 0;
             position: relative;
 
-            >.mat-card-title {
+            > .mat-card-title {
                 align-items: center;
                 display: flex;
                 flex: 0 0 auto;
@@ -81,13 +81,13 @@ message-box {
                 }
             }
 
-            >.mat-card-content {
+            > .mat-card-content {
                 align-self: center;
                 flex: 1 1 auto;
                 padding: 0.75rem;
             }
 
-            >.mat-card-actions {
+            > .mat-card-actions {
                 margin: 0;
                 padding: 0;
                 position: absolute;
diff --git a/projects/message-box/tsconfig.lib.json b/projects/message-box/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/message-box/tsconfig.lib.json
+++ b/projects/message-box/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/message-box/tsconfig.spec.json b/projects/message-box/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/message-box/tsconfig.spec.json
+++ b/projects/message-box/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/numeric-stepper/CHANGELOG.md b/projects/numeric-stepper/CHANGELOG.md
index 2b5c3cfe..b542bb35 100644
--- a/projects/numeric-stepper/CHANGELOG.md
+++ b/projects/numeric-stepper/CHANGELOG.md
@@ -1,25 +1,21 @@
 ## 1.1.2 (2024-06-24)
 
-
 ### 🌱 Dependencies
 
-- **@hug/ngx-core:** upgrade to v1.1.4 ([6c4181e](https://github.com/DSI-HUG/ngx-components/commit/6c4181e))
-
-- **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
+-   **@hug/ngx-core:** upgrade to v1.1.4 ([6c4181e](https://github.com/DSI-HUG/ngx-components/commit/6c4181e))
 
+-   **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
+-   Badisi
 
 ## 1.1.1 (2024-06-17)
 
-
 ### 🚀 Features
 
-- **numeric-stepper**: first commit ([f7b4413](https://github.com/DSI-HUG/ngx-components/commit/f7b4413))
-
+-   **numeric-stepper**: first commit ([f7b4413](https://github.com/DSI-HUG/ngx-components/commit/f7b4413))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- @Badisi
+-   @Badisi
diff --git a/projects/numeric-stepper/README.md b/projects/numeric-stepper/README.md
index 56bff018..a3421c2d 100644
--- a/projects/numeric-stepper/README.md
+++ b/projects/numeric-stepper/README.md
@@ -1,5 +1,4 @@
-@hug/ngx-numeric-stepper
-=======
+# @hug/ngx-numeric-stepper
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/numeric-stepper/src/_numeric-stepper-theme.scss b/projects/numeric-stepper/src/_numeric-stepper-theme.scss
index ac30af64..b5bc19d3 100644
--- a/projects/numeric-stepper/src/_numeric-stepper-theme.scss
+++ b/projects/numeric-stepper/src/_numeric-stepper-theme.scss
@@ -1,4 +1,4 @@
-@use "@angular/material" as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
     $primary: map-get($theme, primary);
diff --git a/projects/numeric-stepper/src/numeric-stepper.component.html b/projects/numeric-stepper/src/numeric-stepper.component.html
index e17c8bb0..ffd89951 100644
--- a/projects/numeric-stepper/src/numeric-stepper.component.html
+++ b/projects/numeric-stepper/src/numeric-stepper.component.html
@@ -1,3 +1,3 @@
-<mat-icon *ngIf="leftUp !== null" class="arrow noselect increment" [attr.disabled]="disableUp || null" [style.left.px]="leftUp" [style.top.px]="topUp" (click)="clickArrow$.next(true)">{{ (!arrowIcons && "add") || (layout==="vertical" && "keyboard_arrow_up") || "keyboard_arrow_right" }}</mat-icon>
-<mat-icon *ngIf="leftDown !== null" class="arrow noselect decrement" [attr.disabled]="disableDown || null" [style.left.px]="leftDown" [style.top.px]="topDown" (click)="clickArrow$.next(false)">{{ (!arrowIcons && "remove") || (layout==="vertical" && "keyboard_arrow_down") || "keyboard_arrow_left" }}</mat-icon>
+<mat-icon *ngIf="leftUp !== null" class="arrow noselect increment" [attr.disabled]="disableUp || null" [style.left.px]="leftUp" [style.top.px]="topUp" (click)="clickArrow$.next(true)">{{ (!arrowIcons && 'add') || (layout === 'vertical' && 'keyboard_arrow_up') || 'keyboard_arrow_right' }}</mat-icon>
+<mat-icon *ngIf="leftDown !== null" class="arrow noselect decrement" [attr.disabled]="disableDown || null" [style.left.px]="leftDown" [style.top.px]="topDown" (click)="clickArrow$.next(false)">{{ (!arrowIcons && 'remove') || (layout === 'vertical' && 'keyboard_arrow_down') || 'keyboard_arrow_left' }}</mat-icon>
 <div *ngIf="widthShadow !== null" class="shadow" [style.left.px]="leftShadow" [style.width.px]="widthShadow" [style.top.px]="topShadow" [style.height.px]="heightShadow"></div>
diff --git a/projects/numeric-stepper/src/numeric-stepper.component.scss b/projects/numeric-stepper/src/numeric-stepper.component.scss
index dbb032f5..87d9df01 100644
--- a/projects/numeric-stepper/src/numeric-stepper.component.scss
+++ b/projects/numeric-stepper/src/numeric-stepper.component.scss
@@ -6,10 +6,8 @@
         align-items: center;
     }
 
-    &[numeric-stepper-form-field="vertical"] {
-
+    &[numeric-stepper-form-field='vertical'] {
         &:not(.disabled) {
-
             &:hover {
                 .mat-form-field-label-wrapper {
                     opacity: 0 !important;
@@ -24,16 +22,16 @@
         }
     }
 
-    &[numeric-stepper-form-field="horizontal-inlay"] {
+    &[numeric-stepper-form-field='horizontal-inlay'] {
         &:not(.disabled) {
             input:not([inputAutosize]) {
                 width: calc(100% - 64px);
             }
 
             &:hover {
-                &:not([float-label="always"]) {
+                &:not([float-label='always']) {
                     .mat-form-field-label.mat-empty {
-                        padding-left: 23px
+                        padding-left: 23px;
                     }
                 }
 
@@ -50,7 +48,6 @@
                 }
 
                 &:not([inputAutosizeFormField]) {
-
                     &.mat-form-field-appearance-fill {
                         input {
                             margin: 0 18px;
@@ -93,9 +90,7 @@
     }
 
     &:not(.disabled) {
-
         &:hover {
-
             .arrow,
             .shadow {
                 opacity: 1;
@@ -119,7 +114,6 @@
 
         &:hover,
         &[hover] {
-
             .arrow,
             .shadow {
                 visibility: visible;
@@ -148,7 +142,7 @@
             height: 32px;
             width: 32px;
 
-            &[disabled=true] {
+            &[disabled='true'] {
                 cursor: default;
             }
         }
@@ -166,8 +160,8 @@
             border-radius: 0 0 4px 4px;
         }
 
-        &[layout="horizontal"],
-        &[layout="horizontal-inlay"] {
+        &[layout='horizontal'],
+        &[layout='horizontal-inlay'] {
             .increment {
                 border-radius: 0 4px 4px 0;
             }
diff --git a/projects/numeric-stepper/tsconfig.lib.json b/projects/numeric-stepper/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/numeric-stepper/tsconfig.lib.json
+++ b/projects/numeric-stepper/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/numeric-stepper/tsconfig.spec.json b/projects/numeric-stepper/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/numeric-stepper/tsconfig.spec.json
+++ b/projects/numeric-stepper/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/overlay/CHANGELOG.md b/projects/overlay/CHANGELOG.md
index 886296f1..b0fdd276 100644
--- a/projects/overlay/CHANGELOG.md
+++ b/projects/overlay/CHANGELOG.md
@@ -1,30 +1,25 @@
 ## 1.1.1 (2024-06-24)
 
-
 ### 🐛 Fixes
 
-- fix some issues ([74cc405](https://github.com/DSI-HUG/ngx-components/commit/74cc405))
-
+-   fix some issues ([74cc405](https://github.com/DSI-HUG/ngx-components/commit/74cc405))
 
 ### 🌱 Dependencies
 
-- **@hug/ngx-core:** upgrade to v1.1.4 ([6c4181e](https://github.com/DSI-HUG/ngx-components/commit/6c4181e))
-
-- **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
+-   **@hug/ngx-core:** upgrade to v1.1.4 ([6c4181e](https://github.com/DSI-HUG/ngx-components/commit/6c4181e))
 
+-   **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
+-   Badisi
 
 ## 1.1.0 (2024-06-21)
 
-
 ### 🚀 Features
 
-- **overlay:** first commit ([a163353](https://github.com/DSI-HUG/ngx-components/commit/a163353))
-
+-   **overlay:** first commit ([a163353](https://github.com/DSI-HUG/ngx-components/commit/a163353))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/overlay/README.md b/projects/overlay/README.md
index a30efefd..ba40cbbf 100644
--- a/projects/overlay/README.md
+++ b/projects/overlay/README.md
@@ -1,5 +1,4 @@
-@hug/ngx-overlay
-=======
+# @hug/ngx-overlay
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/overlay/ng-package.json b/projects/overlay/ng-package.json
index 5cbecc18..7a9176f1 100644
--- a/projects/overlay/ng-package.json
+++ b/projects/overlay/ng-package.json
@@ -1,9 +1,7 @@
 {
     "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
     "dest": "../../dist/overlay",
-    "assets": [
-        "CHANGELOG.md"
-    ],
+    "assets": ["CHANGELOG.md"],
     "lib": {
         "entryFile": "src/index.ts"
     }
diff --git a/projects/overlay/src/overlay.component.html b/projects/overlay/src/overlay.component.html
index 4e227c9c..4605b341 100644
--- a/projects/overlay/src/overlay.component.html
+++ b/projects/overlay/src/overlay.component.html
@@ -1,19 +1,6 @@
 <ng-container *ngIf="overlayInfos$ | async as overlayInfos">
-    <ng-template #overlayCmp
-                 cdk-connected-overlay
-                 [cdkConnectedOverlayHasBackdrop]="hasBackdrop"
-                 [cdkConnectedOverlayBackdropClass]="overlayBackdropClass"
-                 [cdkConnectedOverlayOpen]="true"
-                 [cdkConnectedOverlayOffsetY]="overlayInfos.offsetY"
-                 [cdkConnectedOverlayOffsetX]="overlayInfos.offsetX"
-                 [cdkConnectedOverlayOrigin]="overlayInfos.origin"
-                 (backdropClick)="close()"
-                 (detach)="close()"
-                 [cdkConnectedOverlayPositions]="positionPairs"
-                 [cdkConnectedOverlayWidth]="overlayInfos.width">
-        <ng-template *ngIf="contentTemplate; else noContentTemplate"
-                     [ngTemplateOutlet]="contentTemplate"
-                     [ngTemplateOutletContext]="{$implicit: overlayInfos.context}"></ng-template>
+    <ng-template #overlayCmp cdk-connected-overlay [cdkConnectedOverlayHasBackdrop]="hasBackdrop" [cdkConnectedOverlayBackdropClass]="overlayBackdropClass" [cdkConnectedOverlayOpen]="true" [cdkConnectedOverlayOffsetY]="overlayInfos.offsetY" [cdkConnectedOverlayOffsetX]="overlayInfos.offsetX" [cdkConnectedOverlayOrigin]="overlayInfos.origin" (backdropClick)="close()" (detach)="close()" [cdkConnectedOverlayPositions]="positionPairs" [cdkConnectedOverlayWidth]="overlayInfos.width">
+        <ng-template *ngIf="contentTemplate; else noContentTemplate" [ngTemplateOutlet]="contentTemplate" [ngTemplateOutletContext]="{ $implicit: overlayInfos.context }"></ng-template>
         <ng-template #noContentTemplate>
             <ng-content></ng-content>
         </ng-template>
diff --git a/projects/overlay/src/overlay.component.scss b/projects/overlay/src/overlay.component.scss
index 45089fa0..384a925f 100644
--- a/projects/overlay/src/overlay.component.scss
+++ b/projects/overlay/src/overlay.component.scss
@@ -1,5 +1,5 @@
 @media print {
-	.ngx-overlay-container {
-		display: none;
+    .ngx-overlay-container {
+        display: none;
     }
 }
diff --git a/projects/overlay/tsconfig.lib.json b/projects/overlay/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/overlay/tsconfig.lib.json
+++ b/projects/overlay/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/overlay/tsconfig.spec.json b/projects/overlay/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/overlay/tsconfig.spec.json
+++ b/projects/overlay/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/search-container/CHANGELOG.md b/projects/search-container/CHANGELOG.md
index e453af91..fc4551e5 100644
--- a/projects/search-container/CHANGELOG.md
+++ b/projects/search-container/CHANGELOG.md
@@ -1,11 +1,9 @@
 ## 1.1.0 (2024-06-26)
 
-
 ### 🚀 Features
 
-- **search-container:** first commit ([f140942](https://github.com/DSI-HUG/ngx-components/commit/f140942))
-
+-   **search-container:** first commit ([f140942](https://github.com/DSI-HUG/ngx-components/commit/f140942))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/search-container/README.md b/projects/search-container/README.md
index 7d208381..56495ec0 100644
--- a/projects/search-container/README.md
+++ b/projects/search-container/README.md
@@ -1,5 +1,4 @@
-@hug/search-container
-=======
+# @hug/search-container
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/search-container/src/_search-container-theme.scss b/projects/search-container/src/_search-container-theme.scss
index 069a8897..5623ae73 100644
--- a/projects/search-container/src/_search-container-theme.scss
+++ b/projects/search-container/src/_search-container-theme.scss
@@ -39,7 +39,7 @@
 
             .icon-clear {
                 :hover {
-                    color: mat.get-color-from-palette($background, background)
+                    color: mat.get-color-from-palette($background, background);
                 }
             }
 
diff --git a/projects/search-container/tsconfig.lib.json b/projects/search-container/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/search-container/tsconfig.lib.json
+++ b/projects/search-container/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/search-container/tsconfig.spec.json b/projects/search-container/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/search-container/tsconfig.spec.json
+++ b/projects/search-container/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/sidenav/CHANGELOG.md b/projects/sidenav/CHANGELOG.md
index 9be2858b..6c130768 100644
--- a/projects/sidenav/CHANGELOG.md
+++ b/projects/sidenav/CHANGELOG.md
@@ -1,11 +1,9 @@
 ## 1.1.0 (2024-06-26)
 
-
 ### 🚀 Features
 
-- **sidenav:** first commit ([46f69ec](https://github.com/DSI-HUG/ngx-components/commit/46f69ec))
-
+-   **sidenav:** first commit ([46f69ec](https://github.com/DSI-HUG/ngx-components/commit/46f69ec))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/sidenav/README.md b/projects/sidenav/README.md
index fd5d2108..a5d85998 100644
--- a/projects/sidenav/README.md
+++ b/projects/sidenav/README.md
@@ -1,5 +1,4 @@
-@hug/sidenav
-=======
+# @hug/sidenav
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/sidenav/src/_sidenav-theme.scss b/projects/sidenav/src/_sidenav-theme.scss
index cd1a485d..af25c49b 100644
--- a/projects/sidenav/src/_sidenav-theme.scss
+++ b/projects/sidenav/src/_sidenav-theme.scss
@@ -29,24 +29,23 @@
 
                 .mat-list-item {
                     &.active {
-
                         .mat-list-icon,
                         .mat-list-text {
                             color: mat.get-color-from-palette($primary) !important;
                         }
 
                         .mat-icon {
-                            font-variation-settings: "FILL" 1;
+                            font-variation-settings: 'FILL' 1;
                         }
                     }
 
                     .mat-list-item-content {
                         .mat-list-icon {
-                            color: mat.get-color-from-palette($foreground, icons)
+                            color: mat.get-color-from-palette($foreground, icons);
                         }
 
                         .mat-list-text {
-                            color: mat.get-color-from-palette($foreground, text)
+                            color: mat.get-color-from-palette($foreground, text);
                         }
                     }
                 }
diff --git a/projects/sidenav/tsconfig.lib.json b/projects/sidenav/tsconfig.lib.json
index 77ee6a24..d2090cb2 100644
--- a/projects/sidenav/tsconfig.lib.json
+++ b/projects/sidenav/tsconfig.lib.json
@@ -1,15 +1,12 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "src/test.ts",
-    "**/*.spec.ts"
-  ]
+    "extends": "../../tsconfig.base.json",
+    "compilerOptions": {
+        "outDir": "../../out-tsc/lib",
+        "declaration": true,
+        "declarationMap": true,
+        "inlineSources": true,
+        "types": []
+    },
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/sidenav/tsconfig.lib.prod.json b/projects/sidenav/tsconfig.lib.prod.json
index 06de549e..560c2391 100644
--- a/projects/sidenav/tsconfig.lib.prod.json
+++ b/projects/sidenav/tsconfig.lib.prod.json
@@ -1,10 +1,10 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
+    "extends": "./tsconfig.lib.json",
+    "compilerOptions": {
+        "declarationMap": false
+    },
+    "angularCompilerOptions": {
+        "compilationMode": "partial"
+    }
 }
diff --git a/projects/sidenav/tsconfig.spec.json b/projects/sidenav/tsconfig.spec.json
index 715dd0a5..4ed8f505 100644
--- a/projects/sidenav/tsconfig.spec.json
+++ b/projects/sidenav/tsconfig.spec.json
@@ -1,17 +1,10 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "files": [
-    "src/test.ts"
-  ],
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
+    "extends": "../../tsconfig.json",
+    "compilerOptions": {
+        "outDir": "../../out-tsc/spec",
+        "types": ["jasmine"]
+    },
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/snackbar/CHANGELOG.md b/projects/snackbar/CHANGELOG.md
index 7363cce0..a3d885ac 100644
--- a/projects/snackbar/CHANGELOG.md
+++ b/projects/snackbar/CHANGELOG.md
@@ -1,23 +1,19 @@
 ## 1.1.1 (2024-06-24)
 
-
 ### 🌱 Dependencies
 
-- **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
-
+-   **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
+-   Badisi
 
 ## 1.1.0 (2024-06-22)
 
-
 ### 🚀 Features
 
-- **snackbar:** first commit ([c61bbab](https://github.com/DSI-HUG/ngx-components/commit/c61bbab))
-
+-   **snackbar:** first commit ([c61bbab](https://github.com/DSI-HUG/ngx-components/commit/c61bbab))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/snackbar/README.md b/projects/snackbar/README.md
index 5be593eb..88fe6178 100644
--- a/projects/snackbar/README.md
+++ b/projects/snackbar/README.md
@@ -1,5 +1,4 @@
-@hug/ngx-snackbar
-=======
+# @hug/ngx-snackbar
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/snackbar/ng-package.json b/projects/snackbar/ng-package.json
index 73412942..68126c78 100644
--- a/projects/snackbar/ng-package.json
+++ b/projects/snackbar/ng-package.json
@@ -1,9 +1,7 @@
 {
     "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
     "dest": "../../dist/snackbar",
-    "assets": [
-        "CHANGELOG.md"
-    ],
+    "assets": ["CHANGELOG.md"],
     "lib": {
         "entryFile": "src/index.ts"
     }
diff --git a/projects/snackbar/tsconfig.lib.json b/projects/snackbar/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/snackbar/tsconfig.lib.json
+++ b/projects/snackbar/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/snackbar/tsconfig.spec.json b/projects/snackbar/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/snackbar/tsconfig.spec.json
+++ b/projects/snackbar/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/splitter/CHANGELOG.md b/projects/splitter/CHANGELOG.md
index ea2f9a28..afe14ed6 100644
--- a/projects/splitter/CHANGELOG.md
+++ b/projects/splitter/CHANGELOG.md
@@ -1,28 +1,23 @@
 ## 1.1.1 (2024-06-24)
 
-
 ### 🐛 Fixes
 
-- showStatus access ([620b43e](https://github.com/DSI-HUG/ngx-components/commit/620b43e))
-
+-   showStatus access ([620b43e](https://github.com/DSI-HUG/ngx-components/commit/620b43e))
 
 ### 🌱 Dependencies
 
-- **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
-
+-   **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
+-   Badisi
 
 ## 1.1.0 (2024-06-22)
 
-
 ### 🚀 Features
 
-- **splitter:** first commit ([da03015](https://github.com/DSI-HUG/ngx-components/commit/da03015))
-
+-   **splitter:** first commit ([da03015](https://github.com/DSI-HUG/ngx-components/commit/da03015))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/splitter/README.md b/projects/splitter/README.md
index 5210d2ae..5f1e5b99 100644
--- a/projects/splitter/README.md
+++ b/projects/splitter/README.md
@@ -1,5 +1,4 @@
-@hug/ngx-splitter
-=======
+# @hug/ngx-splitter
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/splitter/src/_splitter-theme.scss b/projects/splitter/src/_splitter-theme.scss
index 2ae3fde2..03660134 100644
--- a/projects/splitter/src/_splitter-theme.scss
+++ b/projects/splitter/src/_splitter-theme.scss
@@ -1,4 +1,4 @@
-@use "@angular/material" as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
     $background: map-get($theme, background);
diff --git a/projects/splitter/src/splitter.component.html b/projects/splitter/src/splitter.component.html
index 83741c4d..d9dd7646 100644
--- a/projects/splitter/src/splitter.component.html
+++ b/projects/splitter/src/splitter.component.html
@@ -1,5 +1,4 @@
 <ng-content></ng-content>
 <ng-template ngFor let-area [ngForOf]="areas" let-index="index" let-last="last">
-    <div class="split-gutter" *ngIf="last === false" [style.order]="index*2+1" [style.flex-basis.px]="gutterSize" (mousedown)="startDragging$.next({ event: $event, index: index*2+1 })" (touchstart)="startDragging$.next({ event: $event, index: index*2+1 })">
-    </div>
+    <div class="split-gutter" *ngIf="last === false" [style.order]="index * 2 + 1" [style.flex-basis.px]="gutterSize" (mousedown)="startDragging$.next({ event: $event, index: index * 2 + 1 })" (touchstart)="startDragging$.next({ event: $event, index: index * 2 + 1 })"></div>
 </ng-template>
diff --git a/projects/splitter/src/splitter.component.scss b/projects/splitter/src/splitter.component.scss
index c8e36f6e..f3da5a91 100644
--- a/projects/splitter/src/splitter.component.scss
+++ b/projects/splitter/src/splitter.component.scss
@@ -23,7 +23,7 @@ splitter {
         background-image: none;
     }
 
-    &[direction="horizontal"] {
+    &[direction='horizontal'] {
         split-area {
             width: 100%;
         }
@@ -31,13 +31,13 @@ splitter {
         &:not([disabled]) {
             .split-gutter {
                 cursor: col-resize;
-                content: " ";
-                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==");
+                content: ' ';
+                background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
             }
         }
     }
 
-    &[direction="vertical"] {
+    &[direction='vertical'] {
         split-area {
             height: 100%;
         }
@@ -45,7 +45,7 @@ splitter {
         &:not([disabled]) {
             .split-gutter {
                 cursor: row-resize;
-                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFCAMAAABl/6zIAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABRJREFUeAFjYGRkwIMJSeMHlBkOABP7AEGzSuPKAAAAAElFTkSuQmCC");
+                background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFCAMAAABl/6zIAAAABlBMVEUAAADMzMzIT8AyAAAAAXRSTlMAQObYZgAAABRJREFUeAFjYGRkwIMJSeMHlBkOABP7AEGzSuPKAAAAAElFTkSuQmCC');
             }
         }
     }
diff --git a/projects/splitter/tsconfig.lib.json b/projects/splitter/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/splitter/tsconfig.lib.json
+++ b/projects/splitter/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/splitter/tsconfig.spec.json b/projects/splitter/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/splitter/tsconfig.spec.json
+++ b/projects/splitter/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/status/CHANGELOG.md b/projects/status/CHANGELOG.md
index 66a04fdd..7a64fcd6 100644
--- a/projects/status/CHANGELOG.md
+++ b/projects/status/CHANGELOG.md
@@ -1,23 +1,19 @@
 ## 1.1.0 (2024-06-24)
 
-
 ### 🚀 Features
 
-- **status:** first commit ([9913c8d](https://github.com/DSI-HUG/ngx-components/commit/9913c8d))
-
+-   **status:** first commit ([9913c8d](https://github.com/DSI-HUG/ngx-components/commit/9913c8d))
 
 ### 🐛 Fixes
 
-- showStatus access ([620b43e](https://github.com/DSI-HUG/ngx-components/commit/620b43e))
-
+-   showStatus access ([620b43e](https://github.com/DSI-HUG/ngx-components/commit/620b43e))
 
 ### 🌱 Dependencies
 
-- **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
-
-- **@hug/ngx-snackbar:** upgrade to v1.1.1 ([d689525](https://github.com/DSI-HUG/ngx-components/commit/d689525))
+-   **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
 
+-   **@hug/ngx-snackbar:** upgrade to v1.1.1 ([d689525](https://github.com/DSI-HUG/ngx-components/commit/d689525))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/status/README.md b/projects/status/README.md
index 22964ce0..c8e8c621 100644
--- a/projects/status/README.md
+++ b/projects/status/README.md
@@ -1,5 +1,4 @@
-@hug/ngx-status
-=======
+# @hug/ngx-status
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/status/src/_status-theme.scss b/projects/status/src/_status-theme.scss
index 79521c82..a0a4160a 100644
--- a/projects/status/src/_status-theme.scss
+++ b/projects/status/src/_status-theme.scss
@@ -1,4 +1,4 @@
-@use "@angular/material" as mat;
+@use '@angular/material' as mat;
 
 @mixin theme($theme) {
     $background: map-get($theme, background);
diff --git a/projects/status/src/status-detail/status-detail.component.html b/projects/status/src/status-detail/status-detail.component.html
index e04f39d4..6472f076 100644
--- a/projects/status/src/status-detail/status-detail.component.html
+++ b/projects/status/src/status-detail/status-detail.component.html
@@ -1,10 +1,10 @@
 <message-box *ngIf="status" [type]="messageBoxType" [title]="status.title || ''" showCloseIcon="true" (close)="dialogRef.close()">
-    <p>{{status.text}}</p>
+    <p>{{ status.text }}</p>
 
-    <p class="detail-error-title">Détails de l'erreur: </p>
+    <p class="detail-error-title">Détails de l'erreur:</p>
     <div class="detail-error-container">
-        {{status.date | date:'medium'}}
-        <pre>{{status.technicalText}}</pre>
+        {{ status.date | date: 'medium' }}
+        <pre>{{ status.technicalText }}</pre>
     </div>
 
     <ng-template #actionsTemplate>
diff --git a/projects/status/src/status.component.html b/projects/status/src/status.component.html
index d63b6921..a846406e 100644
--- a/projects/status/src/status.component.html
+++ b/projects/status/src/status.component.html
@@ -1,10 +1,10 @@
-<snackbar *ngIf="status" alignment="bottom right" [class.hasInfo]="!!status.technicalText" class="snackbar snackbar-{{status.type}} {{status.className}}">
-    <mat-icon *ngIf="statusIcon">{{statusIcon}}</mat-icon>
+<snackbar *ngIf="status" alignment="bottom right" [class.hasInfo]="!!status.technicalText" class="snackbar snackbar-{{ status.type }} {{ status.className }}">
+    <mat-icon *ngIf="statusIcon">{{ statusIcon }}</mat-icon>
     <span>
-        <b>{{status.title}}</b>
+        <b>{{ status.title }}</b>
         <p *ngIf="status.text" [innerHTML]="status.text"></p>
         <div class="user-defined-actions" *ngIf="status.actions?.length">
-            <button type="button" *ngFor="let action of status.actions" mat-button (click)="executeAction(action)" [class]="action.className">{{action.label}}</button>
+            <button type="button" *ngFor="let action of status.actions" mat-button (click)="executeAction(action)" [class]="action.className">{{ action.label }}</button>
         </div>
         <span class="action-container">
             <mat-icon class="info" inline (click)="displayDetailedStatus$.next(status)" *ngIf="status.technicalText">info</mat-icon>
diff --git a/projects/status/src/status.component.scss b/projects/status/src/status.component.scss
index 46bb5164..65d5e272 100644
--- a/projects/status/src/status.component.scss
+++ b/projects/status/src/status.component.scss
@@ -16,7 +16,7 @@ app-status {
             font-size: 2rem;
         }
 
-        >span {
+        > span {
             b {
                 display: block;
                 font-size: 12px;
diff --git a/projects/status/tsconfig.lib.json b/projects/status/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/status/tsconfig.lib.json
+++ b/projects/status/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/status/tsconfig.spec.json b/projects/status/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/status/tsconfig.spec.json
+++ b/projects/status/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/time-picker/CHANGELOG.md b/projects/time-picker/CHANGELOG.md
index 4b1886a0..17f598c3 100644
--- a/projects/time-picker/CHANGELOG.md
+++ b/projects/time-picker/CHANGELOG.md
@@ -1,26 +1,22 @@
 ## 1.1.1 (2024-06-24)
 
-
 ### 🌱 Dependencies
 
-- **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
-
-- **@hug/ngx-numeric-stepper:** upgrade to v1.1.2 ([5ce85f8](https://github.com/DSI-HUG/ngx-components/commit/5ce85f8))
+-   **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
 
+-   **@hug/ngx-numeric-stepper:** upgrade to v1.1.2 ([5ce85f8](https://github.com/DSI-HUG/ngx-components/commit/5ce85f8))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
-- dsi-hug-bot @dsi-hug-bot
+-   Badisi
+-   dsi-hug-bot @dsi-hug-bot
 
 ## 1.1.0 (2024-06-23)
 
-
 ### 🚀 Features
 
-- **time-picker:** first commit ([721f5e8](https://github.com/DSI-HUG/ngx-components/commit/721f5e8))
-
+-   **time-picker:** first commit ([721f5e8](https://github.com/DSI-HUG/ngx-components/commit/721f5e8))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/time-picker/README.md b/projects/time-picker/README.md
index 3eb21d3e..6d5573da 100644
--- a/projects/time-picker/README.md
+++ b/projects/time-picker/README.md
@@ -1,5 +1,4 @@
-@hug/ngx-time-picker
-=======
+# @hug/ngx-time-picker
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/time-picker/ng-package.json b/projects/time-picker/ng-package.json
index d51a14aa..c139fa1b 100644
--- a/projects/time-picker/ng-package.json
+++ b/projects/time-picker/ng-package.json
@@ -1,9 +1,7 @@
 {
     "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
     "dest": "../../dist/time-picker",
-    "assets": [
-        "CHANGELOG.md"
-    ],
+    "assets": ["CHANGELOG.md"],
     "lib": {
         "entryFile": "src/index.ts"
     }
diff --git a/projects/time-picker/src/time-picker.component.html b/projects/time-picker/src/time-picker.component.html
index e7d60b11..7aa35b4e 100644
--- a/projects/time-picker/src/time-picker.component.html
+++ b/projects/time-picker/src/time-picker.component.html
@@ -1,6 +1,6 @@
 <!-- Hours -->
 <mat-form-field [appearance]="appearance" class="hours" [class.disabled]="disabled || mode === 'fullTimeWithHoursDisabled'" [style.display]="mode === 'minutesOnly' ? 'none' : 'block'" floatLabel="never">
-    <input #hours matInput type="text" [ngModel]="hoursValue | number:'2.'" (change)="onHoursChange$.next($event)" (keydown)="onKeyDown($event, 'hours')" [disabled]="disabled || mode === 'fullTimeWithHoursDisabled'" [maxLength]="2" autocomplete="off" [placeholder]="defaultPlaceholderHours" (click)="onClick('hours')" />
+    <input #hours matInput type="text" [ngModel]="hoursValue | number: '2.'" (change)="onHoursChange$.next($event)" (keydown)="onKeyDown($event, 'hours')" [disabled]="disabled || mode === 'fullTimeWithHoursDisabled'" [maxLength]="2" autocomplete="off" [placeholder]="defaultPlaceholderHours" (click)="onClick('hours')" />
     <numeric-stepper (increment)="incrementValue('hours')" (decrement)="decrementValue('hours')"></numeric-stepper>
 </mat-form-field>
 
@@ -9,6 +9,6 @@
 
 <!-- Minutes -->
 <mat-form-field [appearance]="appearance" class="minutes" [class.disabled]="disabled || mode === 'fullTimeWithMinutesDisabled'" [style.display]="mode === 'hoursOnly' ? 'none' : 'block'" floatLabel="never">
-    <input #minutes matInput type="text" [ngModel]="minutesValue | number:'2.'" (change)="onMinutesChange$.next($event)" (keydown)="onKeyDown($event, 'minutes')" [disabled]="disabled || mode === 'fullTimeWithMinutesDisabled'" [maxLength]="2" autocomplete="off" [placeholder]="defaultPlaceholderMinutes" (click)="onClick('minutes')" />
+    <input #minutes matInput type="text" [ngModel]="minutesValue | number: '2.'" (change)="onMinutesChange$.next($event)" (keydown)="onKeyDown($event, 'minutes')" [disabled]="disabled || mode === 'fullTimeWithMinutesDisabled'" [maxLength]="2" autocomplete="off" [placeholder]="defaultPlaceholderMinutes" (click)="onClick('minutes')" />
     <numeric-stepper (increment)="incrementValue('minutes')" (decrement)="decrementValue('minutes')"></numeric-stepper>
 </mat-form-field>
diff --git a/projects/time-picker/tsconfig.lib.json b/projects/time-picker/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/time-picker/tsconfig.lib.json
+++ b/projects/time-picker/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/time-picker/tsconfig.spec.json b/projects/time-picker/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/time-picker/tsconfig.spec.json
+++ b/projects/time-picker/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/tooltip/CHANGELOG.md b/projects/tooltip/CHANGELOG.md
index 21267fb7..99eabcea 100644
--- a/projects/tooltip/CHANGELOG.md
+++ b/projects/tooltip/CHANGELOG.md
@@ -1,28 +1,23 @@
 ## 1.1.1 (2024-06-24)
 
-
 ### 🐛 Fixes
 
-- fix some issues ([74cc405](https://github.com/DSI-HUG/ngx-components/commit/74cc405))
-
+-   fix some issues ([74cc405](https://github.com/DSI-HUG/ngx-components/commit/74cc405))
 
 ### 🌱 Dependencies
 
-- **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
-
+-   **@hug/ngx-core:** upgrade to v1.1.5 ([f00df9c](https://github.com/DSI-HUG/ngx-components/commit/f00df9c))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
+-   Badisi
 
 ## 1.1.0 (2024-06-23)
 
-
 ### 🚀 Features
 
-- **tooltip:** first commit ([cb8c276](https://github.com/DSI-HUG/ngx-components/commit/cb8c276))
-
+-   **tooltip:** first commit ([cb8c276](https://github.com/DSI-HUG/ngx-components/commit/cb8c276))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/tooltip/README.md b/projects/tooltip/README.md
index 6438c5f2..58b6414f 100644
--- a/projects/tooltip/README.md
+++ b/projects/tooltip/README.md
@@ -1,5 +1,4 @@
-@hug/ngx-tooltip
-=======
+# @hug/ngx-tooltip
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/tooltip/ng-package.json b/projects/tooltip/ng-package.json
index 25ab4bf0..9e3ad179 100644
--- a/projects/tooltip/ng-package.json
+++ b/projects/tooltip/ng-package.json
@@ -1,9 +1,7 @@
 {
     "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
     "dest": "../../dist/tooltip",
-    "assets": [
-        "CHANGELOG.md"
-    ],
+    "assets": ["CHANGELOG.md"],
     "lib": {
         "entryFile": "src/index.ts"
     }
diff --git a/projects/tooltip/tsconfig.lib.json b/projects/tooltip/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/tooltip/tsconfig.lib.json
+++ b/projects/tooltip/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/tooltip/tsconfig.spec.json b/projects/tooltip/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/tooltip/tsconfig.spec.json
+++ b/projects/tooltip/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/user-card/CHANGELOG.md b/projects/user-card/CHANGELOG.md
index a7d22183..41ae0965 100644
--- a/projects/user-card/CHANGELOG.md
+++ b/projects/user-card/CHANGELOG.md
@@ -1,11 +1,9 @@
 ## 1.1.0 (2024-06-26)
 
-
 ### 🚀 Features
 
-- **user-card:** first commit ([c259e41](https://github.com/DSI-HUG/ngx-components/commit/c259e41))
-
+-   **user-card:** first commit ([c259e41](https://github.com/DSI-HUG/ngx-components/commit/c259e41))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/user-card/README.md b/projects/user-card/README.md
index da51e900..4ad659c8 100644
--- a/projects/user-card/README.md
+++ b/projects/user-card/README.md
@@ -1,5 +1,4 @@
-@hug/user-card
-=======
+# @hug/user-card
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/user-card/src/_user-card-theme.scss b/projects/user-card/src/_user-card-theme.scss
index 84e63b2f..9384997e 100644
--- a/projects/user-card/src/_user-card-theme.scss
+++ b/projects/user-card/src/_user-card-theme.scss
@@ -9,7 +9,6 @@
         @include mat.elevation(3);
 
         .header-badge {
-
             &.green-badge {
                 background-color: mat.get-color-from-palette(mat.$green-palette, 500);
             }
diff --git a/projects/user-card/src/user-card.component.html b/projects/user-card/src/user-card.component.html
index a0c72d85..beaebd8e 100644
--- a/projects/user-card/src/user-card.component.html
+++ b/projects/user-card/src/user-card.component.html
@@ -1,45 +1,39 @@
 <div class="user-card-header">
-    <span class="header-badge"
-          *ngIf="userCard.badgeColor as badgeColor"
-          [ngClass]="badgeColor + '-badge'"></span>
+    <span class="header-badge" *ngIf="userCard.badgeColor as badgeColor" [ngClass]="badgeColor + '-badge'"></span>
     <div class="header-infos">
         <div class="header-fullname">
-            {{ userCard.fullname }} <span class="header-initials"
-                  *ngIf="userCard.initials as initials">{{' - ' + initials}}</span>
-        </div>
-        <div class="header-function">
-            {{ userCard.function }}{{ userCard.specialty ? ' - ' + userCard.specialty : '' }}
+            {{ userCard.fullname }}
+            <span class="header-initials" *ngIf="userCard.initials as initials">{{ ' - ' + initials }}</span>
         </div>
+        <div class="header-function">{{ userCard.function }}{{ userCard.specialty ? ' - ' + userCard.specialty : '' }}</div>
     </div>
 </div>
-<div class="user-card-wrapper"
-     *ngIf="expanded">
-    <hr>
+<div class="user-card-wrapper" *ngIf="expanded">
+    <hr />
     <div class="user-card-content">
         <div class="content-service">
             <div class="label">Service</div>
-            <div class="value">{{ userCard.service ?? '-'}}</div>
+            <div class="value">{{ userCard.service ?? '-' }}</div>
         </div>
         <div class="content-type">
             <div class="label">Type</div>
-            <div class="value">{{ userCard.type ?? '-'}}</div>
+            <div class="value">{{ userCard.type ?? '-' }}</div>
         </div>
         <div class="content-phone">
             <div class="label">Téléphone</div>
-            <div class="value">{{ userCard.phoneNumber ?? '-'}}</div>
+            <div class="value">{{ userCard.phoneNumber ?? '-' }}</div>
         </div>
         <div class="content-mobile">
             <div class="label">Mobile</div>
-            <div class="value">{{ userCard.mobileNumber ?? '-'}}</div>
+            <div class="value">{{ userCard.mobileNumber ?? '-' }}</div>
         </div>
         <div class="content-email">
             <div class="label">Email</div>
-            <div class="value">{{ userCard.email ?? '-'}}</div>
+            <div class="value">{{ userCard.email ?? '-' }}</div>
         </div>
         <div class="content-address">
             <div class="label">Adresse</div>
-            <div class="value"
-                 [innerHTML]="userCard.address ?? '-'"></div>
+            <div class="value" [innerHTML]="userCard.address ?? '-'"></div>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/projects/user-card/src/user-card.component.scss b/projects/user-card/src/user-card.component.scss
index 03f5b9ca..510f4294 100644
--- a/projects/user-card/src/user-card.component.scss
+++ b/projects/user-card/src/user-card.component.scss
@@ -5,7 +5,7 @@ user-card {
     width: 350px;
     word-break: break-word;
 
-    >.user-card-header {
+    > .user-card-header {
         display: flex;
         flex-direction: row;
         align-items: center;
@@ -16,7 +16,7 @@ user-card {
             cursor: pointer;
         }
 
-        >.header-badge {
+        > .header-badge {
             display: flex;
             flex: 0 0 auto;
             width: 16px;
@@ -25,18 +25,18 @@ user-card {
             border-radius: 12px;
         }
 
-        >.header-infos {
+        > .header-infos {
             display: flex;
             flex-direction: column;
             flex: 1 1 auto;
 
-            >.header-fullname {
+            > .header-fullname {
                 display: flex;
                 align-items: baseline;
                 font-weight: 600;
                 font-size: 1rem;
 
-                >.header-initials {
+                > .header-initials {
                     font-size: 12px;
                     margin-left: 5px;
                     font-weight: 400;
@@ -44,7 +44,7 @@ user-card {
                 }
             }
 
-            >.header-function {
+            > .header-function {
                 font-size: 14px;
 
                 &::first-letter {
@@ -53,7 +53,7 @@ user-card {
             }
         }
 
-        >.header-icon {
+        > .header-icon {
             display: flex;
             transition: rotate 300ms ease-in-out;
 
@@ -63,7 +63,7 @@ user-card {
         }
     }
 
-    >.user-card-wrapper {
+    > .user-card-wrapper {
         overflow: hidden;
     }
 
@@ -77,12 +77,12 @@ user-card {
         grid-template-columns: 3fr 2fr;
         grid-template-rows: auto;
         grid-template-areas:
-        "service type"
-        "phone mobile"
-        "email email"
-        "address address";
+            'service type'
+            'phone mobile'
+            'email email'
+            'address address';
         row-gap: 12px;
-        column-gap: .5rem;
+        column-gap: 0.5rem;
 
         .label {
             font-weight: 400;
@@ -94,28 +94,28 @@ user-card {
             line-height: 20px;
         }
 
-        >.content-service {
+        > .content-service {
             grid-area: service;
         }
 
-        >.content-type {
+        > .content-type {
             grid-area: type;
         }
 
-        >.content-phone {
+        > .content-phone {
             grid-area: phone;
         }
 
-        >.content-mobile {
+        > .content-mobile {
             grid-area: mobile;
         }
 
-        >.content-email {
+        > .content-email {
             grid-area: email;
         }
 
-        >.content-address {
+        > .content-address {
             grid-area: address;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/projects/user-card/tsconfig.lib.json b/projects/user-card/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/user-card/tsconfig.lib.json
+++ b/projects/user-card/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/user-card/tsconfig.spec.json b/projects/user-card/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/user-card/tsconfig.spec.json
+++ b/projects/user-card/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/projects/user-tooltip/CHANGELOG.md b/projects/user-tooltip/CHANGELOG.md
index 246e7c8d..b016fcba 100644
--- a/projects/user-tooltip/CHANGELOG.md
+++ b/projects/user-tooltip/CHANGELOG.md
@@ -1,23 +1,19 @@
 ## 1.1.2 (2024-07-02)
 
-
 ### 🌱 Dependencies
 
-- **@hug/ngx-tooltip:** upgrade to v1.1.4 ([ed6d39d](https://github.com/DSI-HUG/ngx-components/commit/ed6d39d))
-
+-   **@hug/ngx-tooltip:** upgrade to v1.1.4 ([ed6d39d](https://github.com/DSI-HUG/ngx-components/commit/ed6d39d))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
+-   Badisi
 
 ## 1.1.0 (2024-06-26)
 
-
 ### 🚀 Features
 
-- **user-tooltip:** first commit ([8eb7c30](https://github.com/DSI-HUG/ngx-components/commit/8eb7c30))
-
+-   **user-tooltip:** first commit ([8eb7c30](https://github.com/DSI-HUG/ngx-components/commit/8eb7c30))
 
-### ❤️  Thank You
+### ❤️ Thank You
 
-- Badisi
\ No newline at end of file
+-   Badisi
diff --git a/projects/user-tooltip/README.md b/projects/user-tooltip/README.md
index 47bcd53e..96edcced 100644
--- a/projects/user-tooltip/README.md
+++ b/projects/user-tooltip/README.md
@@ -1,5 +1,4 @@
-@hug/user-tooltip
-=======
+# @hug/user-tooltip
 
 The sources for this package are in the main [DSI-HUG/ngx-components](https://github.com/dsi-hug/ngx-components) repo. Please file issues and pull requests against that repo.
 
diff --git a/projects/user-tooltip/ng-package.json b/projects/user-tooltip/ng-package.json
index 4a726467..100c770e 100644
--- a/projects/user-tooltip/ng-package.json
+++ b/projects/user-tooltip/ng-package.json
@@ -1,9 +1,7 @@
 {
     "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
     "dest": "../../dist/user-tooltip",
-    "assets": [
-        "CHANGELOG.md"
-    ],
+    "assets": ["CHANGELOG.md"],
     "lib": {
         "entryFile": "src/index.ts"
     }
diff --git a/projects/user-tooltip/src/user-tooltip.component.html b/projects/user-tooltip/src/user-tooltip.component.html
index 8d10538b..4cea73d7 100644
--- a/projects/user-tooltip/src/user-tooltip.component.html
+++ b/projects/user-tooltip/src/user-tooltip.component.html
@@ -1 +1 @@
-<user-card [user]="user"></user-card>
\ No newline at end of file
+<user-card [user]="user"></user-card>
diff --git a/projects/user-tooltip/tsconfig.lib.json b/projects/user-tooltip/tsconfig.lib.json
index 599bb9f4..d2090cb2 100644
--- a/projects/user-tooltip/tsconfig.lib.json
+++ b/projects/user-tooltip/tsconfig.lib.json
@@ -8,8 +8,5 @@
         "inlineSources": true,
         "types": []
     },
-    "exclude": [
-        "src/test.ts",
-        "**/*.spec.ts"
-    ]
+    "exclude": ["src/test.ts", "**/*.spec.ts"]
 }
diff --git a/projects/user-tooltip/tsconfig.spec.json b/projects/user-tooltip/tsconfig.spec.json
index 3823c756..4ed8f505 100644
--- a/projects/user-tooltip/tsconfig.spec.json
+++ b/projects/user-tooltip/tsconfig.spec.json
@@ -3,15 +3,8 @@
     "extends": "../../tsconfig.json",
     "compilerOptions": {
         "outDir": "../../out-tsc/spec",
-        "types": [
-            "jasmine"
-        ]
+        "types": ["jasmine"]
     },
-    "files": [
-        "src/test.ts"
-    ],
-    "include": [
-        "**/*.spec.ts",
-        "**/*.d.ts"
-    ]
+    "files": ["src/test.ts"],
+    "include": ["**/*.spec.ts", "**/*.d.ts"]
 }
diff --git a/scripts/new-package/schema.json b/scripts/new-package/schema.json
index 977646cf..ec665d6b 100644
--- a/scripts/new-package/schema.json
+++ b/scripts/new-package/schema.json
@@ -17,8 +17,6 @@
             "type": "string"
         }
     },
-    "required": [
-        "libName"
-    ],
+    "required": ["libName"],
     "additionalProperties": false
 }
diff --git a/scripts/sync-peer-deps.mjs b/scripts/sync-peer-deps.mjs
index 5d34732c..9d0fa9f2 100644
--- a/scripts/sync-peer-deps.mjs
+++ b/scripts/sync-peer-deps.mjs
@@ -22,7 +22,7 @@ const { yellow, blue, red, green, gray, white, bgBlue, bgWhite } = chalk;
 const __dirname = dirname(fileURLToPath(import.meta.url));
 const rootPath = resolve(__dirname, '..');
 
-const dryRun = (process.argv[2] === '--dry-run');
+const dryRun = process.argv[2] === '--dry-run';
 
 const execCommand = (command, args) => {
     console.log(`\n${command} ${args.join(' ')}`);
@@ -42,9 +42,9 @@ const getWorkspaces = () => {
     if (!rootPackageJson.workspaces) {
         console.error(red('No workspaces found in package.json'));
     }
-    return (rootPackageJson.workspaces || []).map(workspace => ({
+    return (rootPackageJson.workspaces || []).map((workspace) => ({
         packageJsonPath: resolve(rootPath, workspace, 'package.json'),
-        packageJson: JSON.parse(readFileSync(resolve(rootPath, workspace, 'package.json'), 'utf8'))
+        packageJson: JSON.parse(readFileSync(resolve(rootPath, workspace, 'package.json'), 'utf8')),
     }));
 };
 
@@ -53,8 +53,8 @@ const getWorkspaces = () => {
     let changesDetected = false;
     let packageJsonFiles = [];
     const workspaces = getWorkspaces();
-    workspaces.forEach(workspace => {
-        workspaces.forEach(workspace2 => {
+    workspaces.forEach((workspace) => {
+        workspaces.forEach((workspace2) => {
             const peerDependencies = workspace2.packageJson.peerDependencies || {};
             if (Object.hasOwn(peerDependencies, workspace.packageJson.name)) {
                 const version = peerDependencies[workspace.packageJson.name];
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 76e1abd9..f0ab1c37 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -17,59 +17,24 @@
         "importHelpers": true,
         "target": "es2020",
         "module": "es2020",
-        "lib": [
-            "es2020",
-            "dom"
-        ],
+        "lib": ["es2020", "dom"],
         "paths": {
-            "@hug/ngx-core": [
-                "dist/core"
-            ],
-            "@hug/ngx-layout": [
-                "dist/layout"
-            ],
-            "@hug/ngx-list-loader": [
-                "dist/list-loader"
-            ],
-            "@hug/ngx-message-box": [
-                "dist/message-box"
-            ],
-            "@hug/ngx-message-box-dialog": [
-                "dist/message-box-dialog"
-            ],
-            "@hug/ngx-numeric-stepper": [
-                "dist/numeric-stepper"
-            ],
-            "@hug/ngx-overlay": [
-                "dist/overlay"
-            ],
-            "@hug/ngx-search-container": [
-                "dist/search-container"
-            ],
-            "@hug/ngx-sidenav": [
-                "dist/sidenav"
-            ],
-            "@hug/ngx-snackbar": [
-                "dist/snackbar"
-            ],
-            "@hug/ngx-splitter": [
-                "dist/splitter"
-            ],
-            "@hug/ngx-status": [
-                "dist/status"
-            ],
-            "@hug/ngx-time-picker": [
-                "dist/time-picker"
-            ],
-            "@hug/ngx-tooltip": [
-                "dist/tooltip"
-            ],
-            "@hug/ngx-user-card": [
-                "dist/user-card"
-            ],
-            "@hug/ngx-user-tooltip": [
-                "dist/user-tooltip"
-            ]
+            "@hug/ngx-core": ["dist/core"],
+            "@hug/ngx-layout": ["dist/layout"],
+            "@hug/ngx-list-loader": ["dist/list-loader"],
+            "@hug/ngx-message-box": ["dist/message-box"],
+            "@hug/ngx-message-box-dialog": ["dist/message-box-dialog"],
+            "@hug/ngx-numeric-stepper": ["dist/numeric-stepper"],
+            "@hug/ngx-overlay": ["dist/overlay"],
+            "@hug/ngx-search-container": ["dist/search-container"],
+            "@hug/ngx-sidenav": ["dist/sidenav"],
+            "@hug/ngx-snackbar": ["dist/snackbar"],
+            "@hug/ngx-splitter": ["dist/splitter"],
+            "@hug/ngx-status": ["dist/status"],
+            "@hug/ngx-time-picker": ["dist/time-picker"],
+            "@hug/ngx-tooltip": ["dist/tooltip"],
+            "@hug/ngx-user-card": ["dist/user-card"],
+            "@hug/ngx-user-tooltip": ["dist/user-tooltip"]
         }
     },
     "angularCompilerOptions": {
diff --git a/tsconfig.eslint.json b/tsconfig.eslint.json
index 91ed3b73..51f95e11 100644
--- a/tsconfig.eslint.json
+++ b/tsconfig.eslint.json
@@ -1,13 +1,7 @@
 {
     "extends": "./tsconfig.json",
     "compilerOptions": {
-        "types": [
-            "jasmine",
-            "node"
-        ]
+        "types": ["jasmine", "node"]
     },
-    "include": [
-        "**/*.ts",
-        "**/*.js"
-    ]
+    "include": ["**/*.ts", "**/*.js"]
 }
diff --git a/tsconfig.json b/tsconfig.json
index 7cdf4b7d..5236e570 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,54 +2,22 @@
     "extends": "./tsconfig.base.json",
     "compilerOptions": {
         "paths": {
-            "@hug/ngx-core": [
-                "projects/core/src"
-            ],
-            "@hug/ngx-layout": [
-                "projects/layout/src"
-            ],
-            "@hug/ngx-list-loader": [
-                "projects/list-loader/src"
-            ],
-            "@hug/ngx-message-box": [
-                "projects/message-box/src"
-            ],
-            "@hug/ngx-message-box-dialog": [
-                "projects/message-box-dialog/src"
-            ],
-            "@hug/ngx-numeric-stepper": [
-                "projects/numeric-stepper/src"
-            ],
-            "@hug/ngx-overlay": [
-                "projects/overlay/src"
-            ],
-            "@hug/ngx-search-container": [
-                "projects/search-container/src"
-            ],
-            "@hug/ngx-sidenav": [
-                "projects/sidenav/src"
-            ],
-            "@hug/ngx-snackbar": [
-                "projects/snackbar/src"
-            ],
-            "@hug/ngx-splitter": [
-                "projects/splitter/src"
-            ],
-            "@hug/ngx-status": [
-                "projects/status/src"
-            ],
-            "@hug/ngx-time-picker": [
-                "projects/time-picker/src"
-            ],
-            "@hug/ngx-tooltip": [
-                "projects/tooltip/src"
-            ],
-            "@hug/ngx-user-card": [
-                "projects/user-card/src"
-            ],
-            "@hug/ngx-user-tooltip": [
-                "projects/user-tooltip/src"
-            ]
+            "@hug/ngx-core": ["projects/core/src"],
+            "@hug/ngx-layout": ["projects/layout/src"],
+            "@hug/ngx-list-loader": ["projects/list-loader/src"],
+            "@hug/ngx-message-box": ["projects/message-box/src"],
+            "@hug/ngx-message-box-dialog": ["projects/message-box-dialog/src"],
+            "@hug/ngx-numeric-stepper": ["projects/numeric-stepper/src"],
+            "@hug/ngx-overlay": ["projects/overlay/src"],
+            "@hug/ngx-search-container": ["projects/search-container/src"],
+            "@hug/ngx-sidenav": ["projects/sidenav/src"],
+            "@hug/ngx-snackbar": ["projects/snackbar/src"],
+            "@hug/ngx-splitter": ["projects/splitter/src"],
+            "@hug/ngx-status": ["projects/status/src"],
+            "@hug/ngx-time-picker": ["projects/time-picker/src"],
+            "@hug/ngx-tooltip": ["projects/tooltip/src"],
+            "@hug/ngx-user-card": ["projects/user-card/src"],
+            "@hug/ngx-user-tooltip": ["projects/user-tooltip/src"]
         }
     }
 }