chore: add prettier for html, scss and json formatting

.eslintrc.json

@@ -1,6 +1,4 @@
 {
     "root": true,
-    "extends": [
-        "@hug/eslint-config/recommended"
-    ]
+    "extends": ["@hug/eslint-config/recommended"]
 }

.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

.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

.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

.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