Fixing npm publish as cli is failing building with new js-api version'

Co-authored-by: jacekpluta <73617938+jacekpluta@users.noreply.github.com>

.eslintrc.js

@@ -1,5 +1,6 @@
 module.exports = {
     root: true,
+
     ignorePatterns: [
         'projects/**/*',
         '**/node_modules/**/*',
@@ -10,7 +11,9 @@ module.exports = {
         '**/scripts',
         '**/docs'
     ],
+
     plugins: ['@nrwl/nx'],
+
     overrides: [
         {
             files: ['*.ts'],
@@ -196,5 +199,7 @@ module.exports = {
             extends: ['plugin:@angular-eslint/template/process-inline-templates'],
             excludedFiles: ['*.spec.ts']
         }
-    ]
+    ],
+
+    extends: ['plugin:storybook/recommended']
 };

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["./.eslintrc.js"]
+}

.github/actions/artifact-append/action.yml

@@ -22,7 +22,7 @@ runs:
     - run: echo "Artifact Append"
       shell: bash
     - name: Download artifact
-      uses: actions/upload-artifact@65462800fd760344b1a7b4382951275a0abb4808 # v4.3.3
+      uses: actions/upload-artifact@0b2256b8c012f0828dc542b3febcab082c67f72b # v4.3.4
       with:
         name: ${{ inputs.artifact-name }}
         pattern: ${{ inputs.artifact-name }}-*
@@ -85,7 +85,7 @@ runs:
             }
           }
     - name: Upload artifact
-      uses: actions/upload-artifact@65462800fd760344b1a7b4382951275a0abb4808 # v4.3.3
+      uses: actions/upload-artifact@0b2256b8c012f0828dc542b3febcab082c67f72b # v4.3.4
       with:
         name: ${{ inputs.artifact-name }}
         path: ${{ inputs.file-name }}

.github/actions/artifact-extract/action.yml

@@ -24,11 +24,11 @@ runs:
   using: "composite"
 
   steps:
-    - uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+    - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
     - run: echo "Artifact Extract"
       shell: bash
     - name: Download artifact
-      uses: actions/upload-artifact@65462800fd760344b1a7b4382951275a0abb4808 # v4.3.3
+      uses: actions/upload-artifact@0b2256b8c012f0828dc542b3febcab082c67f72b # v4.3.4
       with:
         name: ${{ inputs.artifact-name }}
         pattern: ${{ inputs.artifact-name }}-*

.github/actions/artifact-initialize/action.yml

@@ -19,14 +19,14 @@ runs:
   using: "composite"
 
   steps:
-    - uses: actions/checkout@1d96c772d19495a3b5c517cd2bc0cb401ea0529f # v4.1.3
+    - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
     - name: Create empty artifact
       shell: bash
       run:
         echo "${{inputs.content}}" > ${{ inputs.file-name }}
 
     - name: Upload artifact
-      uses: actions/upload-artifact@65462800fd760344b1a7b4382951275a0abb4808 # v4.3.3
+      uses: actions/upload-artifact@0b2256b8c012f0828dc542b3febcab082c67f72b # v4.3.4
       with:
         name: ${{ inputs.artifact-name }}
         path: ${{ inputs.file-name }}

.github/actions/e2e/action.yml

@@ -4,6 +4,9 @@ inputs:
   e2e-test-id:
     description: "Test id"
     required: true
+  e2e-artifact-id:
+    description: "Artifact id"
+    required: true
   e2e-test-folder:
     description: "Test folder"
     required: true
@@ -185,7 +188,7 @@ runs:
     - name: upload artifacts on gh
       id: upload_gh
       if: ${{ steps.determine-affected.outputs.isAffected == 'true' }}
-      uses: actions/upload-artifact@65462800fd760344b1a7b4382951275a0abb4808 # v4.3.3
+      uses: actions/upload-artifact@0b2256b8c012f0828dc542b3febcab082c67f72b # v4.3.4
       with:
         name: e2e-artifact-output-${{inputs.e2e-artifact-id}}
         path: /home/runner/work/alfresco-ng2-components/alfresco-ng2-components/e2e-output-*

.github/actions/setup/action.yml

@@ -20,13 +20,13 @@ runs:
   using: "composite"
   steps:
       - name: install NPM
-        uses: actions/setup-node@60edb5dd545a775178f52524783378180af0d1f8 # v4.0.2
+        uses: actions/setup-node@1e60f620b9541d16bece96c5465dc8ee9832be0b # v4.0.3
         with:
           node-version-file: '.nvmrc'
           cache-dependency-path: package-lock.json
       - name: get latest tag sha
         id: tag-sha
-        uses: Alfresco/alfresco-build-tools/.github/actions/git-latest-tag@553490b6434e1ec43ced9b321a04fadb91535d4c # v5.25.0
+        uses: Alfresco/alfresco-build-tools/.github/actions/git-latest-tag@76affd16a4dd9a440cf66bf42656b1d826e8dfc2 # v5.34.0
 # CACHE
       - name: Node Modules cache
         id: node-modules-cache

.github/codeql/codeql-config.yml

@@ -1,6 +1,6 @@
 name: "CodeQL config"
 
 paths-ignore:
-  - 'e2e/resources/**/*.*'
-  - 'docs/**/*.*'
+  - 'e2e/resources/**'
+  - 'docs/**'
 

.github/workflows/codeql-analysis.yml

@@ -4,14 +4,14 @@ on:
   push:
     branches: [develop, master]
     paths-ignore:
-    - 'e2e/resources/**/*.*'
-    - 'docs/**/*.*'
+    - 'e2e/resources/**'
+    - 'docs/**'
   pull_request:
     # The branches below must be a subset of the branches above
     branches: [develop]
     paths-ignore:
-    - 'e2e/resources/**/*.*'
-    - 'docs/**/*.*'
+    - 'e2e/resources/**'
+    - 'docs/**'
   schedule:
     - cron: '0 5 * * 0'
 
@@ -22,7 +22,7 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+      uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
       with:
         # We must fetch at least the immediate parents so that if this is
         # a pull request then we can checkout the head.
@@ -30,7 +30,7 @@ jobs:
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL
-      uses: github/codeql-action/init@ccf74c947955fd1cf117aef6a0e4e66191ef6f61 # v3.25.4
+      uses: github/codeql-action/init@afb54ba388a7dca6ecae48f608c4ff05ff4cc77a # v3.25.15
       # Override language selection by uncommenting this and choosing your languages
       with:
         languages: javascript
@@ -39,7 +39,7 @@ jobs:
     # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
     # If this step fails, then you should remove it and run the build manually (see below)
     - name: Autobuild
-      uses: github/codeql-action/autobuild@ccf74c947955fd1cf117aef6a0e4e66191ef6f61 # v3.25.4
+      uses: github/codeql-action/autobuild@afb54ba388a7dca6ecae48f608c4ff05ff4cc77a # v3.25.15
 
     # ℹ️ Command-line programs to run using the OS shell.
     # 📚 https://git.io/JvXDl
@@ -53,4 +53,4 @@ jobs:
     #   make release
 
     - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@ccf74c947955fd1cf117aef6a0e4e66191ef6f61 # v3.25.4
+      uses: github/codeql-action/analyze@afb54ba388a7dca6ecae48f608c4ff05ff4cc77a # v3.25.15

.github/workflows/cron-e2e.yml

@@ -73,7 +73,7 @@ jobs:
     runs-on: ubuntu-latest
     name: Initialize artifacts
     steps:
-      - uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
       - uses: ./.github/actions/artifact-initialize
         with:
           artifact-name: global-e2e-result

.github/workflows/git-tag.yml

@@ -96,7 +96,7 @@ jobs:
       GITHUB_TOKEN: $BOT_GITHUB_TOKEN
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
       - id: set-dryrun
         uses: ./.github/actions/enable-dryrun
         with:

.github/workflows/pull-request.yml

@@ -98,10 +98,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
 
       - name: Ensure SHA pinned actions
-        uses: zgosalvez/github-actions-ensure-sha-pinned-actions@40e45e738b3cad2729f599d8afc6ed02184e1dbd # v3.0.5
+        uses: zgosalvez/github-actions-ensure-sha-pinned-actions@b88cd0aad2c36a63e42c71f81cb1958fed95ac87 # v3.0.10
 
       - name: Check package-lock.json version
         run: |
@@ -116,15 +116,15 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
          fetch-depth: 0
 
       - name: Get branch name
-        uses: Alfresco/alfresco-build-tools/.github/actions/get-branch-name@553490b6434e1ec43ced9b321a04fadb91535d4c # v5.25.0
+        uses: Alfresco/alfresco-build-tools/.github/actions/get-branch-name@76affd16a4dd9a440cf66bf42656b1d826e8dfc2 # v5.34.0
 
       - name: Save commit message
-        uses: Alfresco/alfresco-build-tools/.github/actions/get-commit-message@553490b6434e1ec43ced9b321a04fadb91535d4c # v5.25.0
+        uses: Alfresco/alfresco-build-tools/.github/actions/get-commit-message@76affd16a4dd9a440cf66bf42656b1d826e8dfc2 # v5.34.0
 
       - name: ci:force flag parser
         shell: bash
@@ -138,7 +138,7 @@ jobs:
           fi
 
       - name: Get PR number
-        if: ${{ github.event_name != 'schedule' }}
+        if: ${{ github.event_name != 'schedule' && github.event_name != 'workflow_dispatch' }}
         uses: kamatama41/get-pr-number-action@0bcaab5752c0b699149e74667c8ce2f764cbb7fa # v0.9.1
         id: action
         with:
@@ -167,8 +167,7 @@ jobs:
             echo -e "\033[32mCommit by ${{ github.actor }}. No need for approval.\033[0m"
             skip_check="true"
           fi
-
-          if [ "${{ github.event_name }}" == "schedule" ]; then
+          if [ "${{ github.event_name }}" == "schedule" ] || [ "${{ github.event_name }}" == "workflow_dispatch" ]; then
             echo -e "\033[32mSchedule event\033[0m"
             skip_check="true"
           fi
@@ -199,7 +198,7 @@ jobs:
     needs: [check-if-pr-is-approved, pre-checks]
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 0 # Fetch all history for all tags and branches
       - uses: ./.github/actions/setup
@@ -236,7 +235,7 @@ jobs:
             exclude: "insights,core,extensions,content-services,process-services,eslint-plugin-eslint-angular,js-api"
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 0 # Fetch all history for all tags and branches
       - uses: ./.github/actions/setup
@@ -253,7 +252,7 @@ jobs:
     needs: [setup]
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 0 # Fetch all history for all tags and branches
       - uses: ./.github/actions/setup
@@ -268,7 +267,7 @@ jobs:
     needs: [setup]
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 0 # Fetch all history for all tags and branches
       - uses: ./.github/actions/setup
@@ -285,7 +284,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 0 # Fetch all history for all
       - uses: ./.github/actions/setup
@@ -443,7 +442,7 @@ jobs:
 
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 0 # Fetch all history for all
       - uses: ./.github/actions/setup
@@ -451,8 +450,6 @@ jobs:
           enable-cache: "true"
           enable-node-modules-cache: "true"
       - uses: ./.github/actions/download-node-modules-and-artifacts
-      - name: setup chrome
-        uses: ./.github/actions/setup-chrome
       - name: e2e
         uses: ./.github/actions/e2e
         with:
@@ -474,7 +471,7 @@ jobs:
     steps:
       - id: checkoutRepo
         name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 1
       - name: PR contains forbidden labels
@@ -501,7 +498,7 @@ jobs:
     name: Final Results
     needs: [check-if-pr-is-approved, pre-checks, setup, unit-tests, lint, build-libs, e2e, e2e-storybook]
     steps:
-      - uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
       - name: identify-slack-group
         id: groups
         if: ${{ github.event_name == 'schedule' }}

.github/workflows/rebase.yml

@@ -9,7 +9,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - name: Checkout the latest code
-      uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+      uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
       with:
         fetch-depth: 0
     - name: Automatic Rebase

.github/workflows/release-branch.yml

@@ -87,7 +87,7 @@ jobs:
           echo "Set TAG with name: ${TAG_NPM}"
           echo "TAG_NPM=${TAG_NPM}" >> $GITHUB_ENV
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 0
       - uses: ./.github/actions/setup
@@ -111,7 +111,7 @@ jobs:
       packages: write
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 0
       - uses: ./.github/actions/setup
@@ -154,5 +154,5 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
       - uses: ./.github/actions/npm-check-bundle

.github/workflows/release.yml

@@ -92,7 +92,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 0
       - uses: ./.github/actions/setup
@@ -114,7 +114,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 1
       - run: git fetch --all
@@ -140,7 +140,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 1
       - run: git fetch --all
@@ -170,7 +170,7 @@ jobs:
       packages: write
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
         with:
           fetch-depth: 0
       - uses: ./.github/actions/setup
@@ -207,6 +207,26 @@ jobs:
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_REGISTRY_TOKEN }}
 
+  propagate:
+    needs: [release-npm]
+    if: ${{ contains(toJson(github.event.pull_request.labels.*.name), 'hxp-upstream') }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
+      - name: HxP upstream invoke
+        uses: the-actions-org/workflow-dispatch@3133c5d135c7dbe4be4f9793872b6ef331b53bc7 # v4.0.0
+        with:
+          repo: Alfresco/hxp-frontend-apps
+          ref: develop
+          workflow: upstream-adf.yml
+          token: ${{ secrets.ALFRESCO_BUILD_GH_TOKEN }}
+          wait-for-completion: false
+          inputs: >
+            {
+              "tag_version": "alpha"
+            }
+
   npm-check-bundle:
     needs: [release-npm]
     timeout-minutes: 15
@@ -214,7 +234,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@44c2b7a8a4ea60a981eaca3cf939b5f4305c123b # v4.1.5
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
       - uses: ./.github/actions/npm-check-bundle
 
   finalize:

.gitignore

@@ -35,3 +35,4 @@ licenses.txt
 .DS_Store
 .angular
 NX
+.nx

.husky/pre-commit

@@ -1,4 +1,5 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
+export NODE_OPTIONS=--max_old_space_size=8192
 npx lint-staged

.nvmrc

@@ -1 +1 @@
-18.18.2
+18.20.3

.storybook/main.js

@@ -1,7 +1,10 @@
 module.exports = {
+    framework: {
+        name: '@storybook/angular',
+        options: {}
+    },
+    staticDirs: [{ from: '../../../demo-shell/src/app.config.json', to: 'app.config.json' }],
+    docs: {},
     stories: [],
-    addons: ['@storybook/addon-essentials'],
-    framework: '@storybook/angular',
-    staticDirs: [ { from: '../../../demo-shell/src/app.config.json', to: 'app.config.json' } ],
-    core: { builder: 'webpack5' }
+    addons: []
 };

.storybook/preview.js

@@ -2,3 +2,4 @@ export const parameters = {
     docs: { inlineStories: true },
     controls: { expanded: true }
 };
+export const tags = ['autodocs'];

.vscode/settings.json

@@ -31,5 +31,6 @@
     "postcss",
     "scss"
   ],
-  "editor.guides.indentation": true
+  "editor.guides.indentation": true,
+  "typescript.tsdk": "node_modules/typescript/lib"
 }

cspell.json

@@ -90,6 +90,7 @@
     "numbervisibilityprocess",
     "OAUTHCONFIG",
     "oidc",
+    "overridable",
     "pdfjs",
     "penta",
     "printf",

demo-shell/project.json

@@ -0,0 +1,201 @@
+{
+  "name": "demoshell",
+  "$schema": "../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "demo-shell/src",
+  "projectType": "application",
+  "targets": {
+    "build": {
+      "executor": "@angular-devkit/build-angular:browser",
+      "options": {
+        "allowedCommonJsDependencies": [
+          "minimatch",
+          "minimatch-browser",
+          "superagent",
+          "event-emitter",
+          "brace-expansion",
+          "zen-observable",
+          "subscriptions-transport-ws",
+          "d",
+          "chart.js",
+          "cropperjs"
+        ],
+        "outputPath": "dist/demo-shell",
+        "index": "demo-shell/src/index.html",
+        "main": "demo-shell/src/main.ts",
+        "tsConfig": "tsconfig.dev.json",
+        "polyfills": "demo-shell/src/polyfills.ts",
+        "stylePreprocessorOptions": {
+          "includePaths": ["lib", "lib/core/src/lib"]
+        },
+        "assets": [
+          "demo-shell/src/assets",
+          "demo-shell/src/favicon-96x96.png",
+          "demo-shell/src/app.config.json",
+          {
+            "glob": "**/*",
+            "input": "demo-shell/src/assets",
+            "output": "/assets"
+          },
+          {
+            "glob": "app.config.json",
+            "input": "demo-shell/src",
+            "output": "/"
+          },
+          {
+            "glob": "**/*",
+            "input": "demo-shell/resources",
+            "output": "/resources"
+          },
+          {
+            "glob": "**/*",
+            "input": "lib/core/src/lib/assets",
+            "output": "/assets"
+          },
+          {
+            "glob": "**/*",
+            "input": "lib/process-services/src/lib/assets",
+            "output": "/assets"
+          },
+          {
+            "glob": "**/*",
+            "input": "lib/process-services-cloud/src/lib/assets",
+            "output": "/assets"
+          },
+          {
+            "glob": "**/*",
+            "input": "lib/content-services/src/lib/assets",
+            "output": "/assets"
+          },
+          {
+            "glob": "**/*",
+            "input": "lib/core/src/lib/i18n",
+            "output": "/assets/adf-core/i18n"
+          },
+          {
+            "glob": "**/*",
+            "input": "lib/content-services/src/lib/i18n",
+            "output": "/assets/adf-content-services/i18n"
+          },
+          {
+            "glob": "**/*",
+            "input": "lib/process-services/src/lib/i18n",
+            "output": "/assets/adf-process-services/i18n"
+          },
+          {
+            "glob": "**/*",
+            "input": "lib/process-services-cloud/src/lib/i18n",
+            "output": "/assets/adf-process-services-cloud/i18n"
+          },
+          {
+            "glob": "**/*",
+            "input": "lib/insights/src/lib/i18n",
+            "output": "/assets/adf-insights/i18n"
+          },
+          {
+            "glob": "pdf.worker.min.js",
+            "input": "node_modules/pdfjs-dist/build",
+            "output": "/"
+          },
+          {
+            "glob": "**/*",
+            "input": "node_modules/monaco-editor",
+            "output": "/assets/monaco/"
+          }
+        ],
+        "styles": [
+          "demo-shell/src/styles.scss",
+          "demo-shell/src/custom-style-dev.scss",
+          "node_modules/cropperjs/dist/cropper.min.css",
+          "node_modules/pdfjs-dist/web/pdf_viewer.css"
+        ],
+        "scripts": ["node_modules/pdfjs-dist/build/pdf.js", "node_modules/pdfjs-dist/web/pdf_viewer.js", "node_modules/raphael/raphael.min.js"],
+        "vendorChunk": true,
+        "extractLicenses": false,
+        "buildOptimizer": false,
+        "sourceMap": true,
+        "optimization": false,
+        "namedChunks": true
+      },
+      "configurations": {
+        "production": {
+          "budgets": [
+            {
+              "type": "anyComponentStyle",
+              "maximumWarning": "12kb"
+            }
+          ],
+          "optimization": true,
+          "outputHashing": "all",
+          "sourceMap": false,
+          "namedChunks": false,
+          "extractLicenses": true,
+          "buildOptimizer": true,
+          "verbose": false,
+          "fileReplacements": [
+            {
+              "replace": "demo-shell/src/environments/environment.ts",
+              "with": "demo-shell/src/environments/environment.prod.ts"
+            }
+          ]
+        },
+        "canary": {
+          "fileReplacements": [
+            {
+              "replace": "demo-shell/src/environments/environment.ts",
+              "with": "demo-shell/src/environments/environment.canary.ts"
+            }
+          ]
+        },
+        "e2e": {
+          "budgets": [
+            {
+              "type": "anyComponentStyle",
+              "maximumWarning": "6kb"
+            }
+          ],
+          "optimization": true,
+          "outputHashing": "all",
+          "sourceMap": false,
+          "namedChunks": false,
+          "extractLicenses": true,
+          "buildOptimizer": true,
+          "verbose": false,
+          "fileReplacements": [
+            {
+              "replace": "demo-shell/src/environments/environment.ts",
+              "with": "demo-shell/src/environments/environment.e2e.ts"
+            }
+          ]
+        }
+      },
+      "defaultConfiguration": ""
+    },
+    "serve": {
+      "executor": "@angular-devkit/build-angular:dev-server",
+      "options": {
+        "browserTarget": "demoshell:build",
+        "host": "0.0.0.0",
+        "port": 3000,
+        "proxyConfig": "demo-shell/proxy.conf.js",
+        "disableHostCheck": true
+      },
+      "configurations": {
+        "production": {
+          "browserTarget": "demoshell:build:production"
+        },
+        "canary": {
+          "browserTarget": "demoshell:build:canary"
+        },
+        "e2e": {
+          "browserTarget": "demoshell:build:e2e"
+        }
+      }
+    },
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "options": {
+        "lintFilePatterns": ["demo-shell/**/*.ts", "demo-shell/**/*.html"]
+      }
+    }
+  }
+}

demo-shell/src/app.config.json

@@ -622,7 +622,7 @@
             "unit": "Byte",
             "field": "cm:content.size",
             "min": 0,
-            "max": 18,
+            "max": 4000,
             "step": 1,
             "thumbLabel": true
           }

demo-shell/src/app/app.module.ts

@@ -22,7 +22,7 @@ import { NgChartsModule } from 'ng2-charts';
 import { HttpClientModule } from '@angular/common/http';
 import { BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { TranslateModule } from '@ngx-translate/core';
-import { AppConfigService, DebugAppConfigService, CoreModule, CoreAutomationService, AuthModule, provideTranslations } from '@alfresco/adf-core';
+import { AppConfigService, DebugAppConfigService, CoreModule, AuthModule, provideTranslations } from '@alfresco/adf-core';
 import { ExtensionsModule } from '@alfresco/adf-extensions';
 import { AppComponent } from './app.component';
 import { MaterialModule } from './material.module';
@@ -67,13 +67,16 @@ import { CustomEditorComponent, CustomWidgetComponent } from './components/cloud
 import { SearchFilterChipsComponent } from './components/search/search-filter-chips.component';
 import { UserInfoComponent } from './components/app-layout/user-info/user-info.component';
 import { FolderDirectiveModule } from './folder-directive';
+import { ContentUserInfoModule } from './components/app-layout/user-info/content-user-info';
+import { PROCESS_USER_INFO_DIRECTIVES } from './components/app-layout/user-info/process-user-info';
+import { CoreAutomationService } from '../testing/automation.service';
 
 @NgModule({
     imports: [
         BrowserModule,
         environment.e2e ? NoopAnimationsModule : BrowserAnimationsModule,
         ReactiveFormsModule,
-        RouterModule.forRoot(appRoutes, { useHash: true, relativeLinkResolution: 'legacy' }),
+        RouterModule.forRoot(appRoutes, { useHash: true }),
         AuthModule.forRoot({ useHash: true }),
         FormsModule,
         HttpClientModule,
@@ -88,7 +91,10 @@ import { FolderDirectiveModule } from './folder-directive';
         NgChartsModule,
         AppCloudSharedModule,
         MonacoEditorModule.forRoot(),
-        FolderDirectiveModule
+        FolderDirectiveModule,
+        ShowDiagramComponent,
+        ContentUserInfoModule,
+        ...PROCESS_USER_INFO_DIRECTIVES
     ],
     declarations: [
         AppComponent,
@@ -98,7 +104,6 @@ import { FolderDirectiveModule } from './folder-directive';
         SearchBarComponent,
         SearchResultComponent,
         ProcessServiceComponent,
-        ShowDiagramComponent,
         FormViewerComponent,
         FormNodeViewerComponent,
         AppsViewComponent,

demo-shell/src/app/components/app-layout/app-layout.component.html

@@ -18,6 +18,18 @@
                 <app-search-bar></app-search-bar>
 
                 <app-shell-user-info [menuPositionX]="'before'" [menuPositionY]="'above'"></app-shell-user-info>
+                <adf-avatar
+                    size="32px"
+                    src="https://avatars.githubusercontent.com/u/503991?v=4&size=64"
+                    initials="DV"
+                    tooltip="Denys Vuika"
+                    cursor="pointer"
+                    [matMenuTriggerFor]="userMenu">
+                </adf-avatar>
+                <mat-menu #userMenu="matMenu">
+                    <button mat-menu-item>Item 1</button>
+                    <button mat-menu-item>Item 2</button>
+                </mat-menu>
             </adf-layout-header>
         </ng-template>
     </adf-sidenav-layout-header>

demo-shell/src/app/components/app-layout/cloud/form-demo/cloud-form-demo.component.scss

@@ -1,3 +1,5 @@
+@import 'styles/mat-selectors';
+
 .app-form-container {
     padding: 10px;
 }
@@ -31,7 +33,7 @@
 }
 
 .app-form-editor-buttons {
-    & > .mat-raised-button {
+    & > #{$mat-raised-button} {
         margin-right: 5px;
     }
 }

demo-shell/src/app/components/app-layout/cloud/form-demo/cloud-form-demo.component.ts

@@ -16,32 +16,18 @@
  */
 
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import {
-    CoreAutomationService,
-    FormFieldModel,
-    FormModel,
-    FormRenderingService,
-    NotificationService
-} from '@alfresco/adf-core';
-import {
-    CloudFormRenderingService,
-    FormCloudService
-} from '@alfresco/adf-process-services-cloud';
+import { FormFieldModel, FormModel, FormRenderingService, NotificationService } from '@alfresco/adf-core';
+import { CloudFormRenderingService, FormCloudService } from '@alfresco/adf-process-services-cloud';
 import { Subscription } from 'rxjs';
-import {
-    CustomEditorComponent,
-    CustomWidgetComponent
-} from '../../../cloud/custom-form-components/custom-editor.component';
+import { CustomEditorComponent, CustomWidgetComponent } from '../../../cloud/custom-form-components/custom-editor.component';
+import { CoreAutomationService } from '../../../../../testing/automation.service';
 
 @Component({
     templateUrl: './cloud-form-demo.component.html',
     styleUrls: ['./cloud-form-demo.component.scss'],
-    providers: [
-        { provide: FormRenderingService, useClass: CloudFormRenderingService }
-    ]
+    providers: [{ provide: FormRenderingService, useClass: CloudFormRenderingService }]
 })
 export class FormCloudDemoComponent implements OnInit, OnDestroy {
-
     form: FormModel;
     errorFields: FormFieldModel[] = [];
     formConfig: string;
@@ -61,7 +47,8 @@ export class FormCloudDemoComponent implements OnInit, OnDestroy {
         private notificationService: NotificationService,
         private formService: FormCloudService,
         private automationService: CoreAutomationService,
-        private formRenderingService: FormRenderingService) {
+        private formRenderingService: FormRenderingService
+    ) {
         this.formRenderingService.register({
             'demo-widget': () => CustomEditorComponent,
             'custom-editor': () => CustomEditorComponent,

demo-shell/src/app/components/app-layout/user-info/content-user-info/content-user-info.component.html

@@ -40,7 +40,7 @@
 
     <mat-menu #menu="matMenu" id="user-profile-lists" [xPosition]="menuPositionX" [yPosition]="menuPositionY"
               [overlapTrigger]="false" class="adf-userinfo-menu">
-        <mat-card *ngIf="mode === userInfoMode.CONTENT" class="adf-userinfo-card adf-content-userinfo-card">
+        <mat-card appearance="outlined" *ngIf="mode === userInfoMode.CONTENT" class="adf-userinfo-card adf-content-userinfo-card">
             <mat-card-header class="adf-userinfo-card-header"
                              [style.background-image]="'url(' + ecmBackgroundImage + ')'">
                 <div *ngIf="ecmUser.avatarId; else initialTemplate"
@@ -53,7 +53,7 @@
                       [outerHTML]="ecmUser | usernameInitials:'adf-userinfo-profile-initials adf-hide-small'"></div>
                 </ng-template>
 
-                <div class="mat-title" id="ecm-username">{{ecmUser | fullName}}</div>
+                <div class="mat-headline-6" id="ecm-username">{{ecmUser | fullName}}</div>
             </mat-card-header>
             <mat-card-content>
                 <div class="adf-userinfo-supporting-text">
@@ -73,7 +73,7 @@
                 </div>
             </mat-card-content>
         </mat-card>
-        <mat-card *ngIf="mode === userInfoMode.CONTENT_SSO" class="adf-userinfo-card adf-content-userinfo-card">
+        <mat-card appearance="outlined" *ngIf="mode === userInfoMode.CONTENT_SSO" class="adf-userinfo-card adf-content-userinfo-card">
             <mat-card-header class="adf-userinfo-card-header"
                              [style.background-image]="'url(' + bpmBackgroundImage + ')'">
                 <div *ngIf="ecmUser.avatarId; else initialTemplate"
@@ -85,7 +85,7 @@
                     <div
                       [outerHTML]="identityUser | usernameInitials:'adf-userinfo-profile-initials adf-hide-small'"></div>
                 </ng-template>
-                <div class="mat-title" id="identity-username">{{identityUser | fullName}}</div>
+                <div class="mat-headline-6" id="identity-username">{{identityUser | fullName}}</div>
             </mat-card-header>
             <mat-card-content>
                 <div class="adf-userinfo-supporting-text">

demo-shell/src/app/components/app-layout/user-info/content-user-info/content-user-info.component.spec.ts

@@ -15,15 +15,55 @@
  * limitations under the License.
  */
 
-import { CoreTestingModule, IdentityUserModel, InitialUsernamePipe, UserInfoMode } from '@alfresco/adf-core';
+import { IdentityUserModel, InitialUsernamePipe, UserInfoMode } from '@alfresco/adf-core';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { MatMenuModule } from '@angular/material/menu';
 import { By, DomSanitizer } from '@angular/platform-browser';
-import { fakeEcmEditedUser, fakeEcmUser, fakeEcmUserNoImage } from '../common/mocks/ecm-user.service.mock';
-import { ContentTestingModule } from '../testing/content.testing.module';
-
+import { fakeEcmUser, ContentTestingModule } from '@alfresco/adf-content-services';
 import { ContentUserInfoComponent } from './content-user-info.component';
 
+const fakeEcmEditedUser = {
+    id: 'fake-id',
+    firstName: null,
+    lastName: 'fake-last-name',
+    description: 'i am a fake user for test',
+    avatarId: 'fake-avatar-id',
+    email: 'fakeEcm@ecmUser.com',
+    skypeId: 'fake-skype-id',
+    googleId: 'fake-googleId-id',
+    instantMessageId: 'fake-instantMessageId-id',
+    company: null,
+    jobTitle: 'test job',
+    location: 'fake location',
+    mobile: '000000000',
+    telephone: '11111111',
+    statusUpdatedAt: 'fake-date',
+    userStatus: 'active',
+    enabled: true,
+    emailNotificationsEnabled: true
+};
+
+export const fakeEcmUserNoImage = {
+    id: 'fake-id',
+    firstName: 'fake-first-name',
+    lastName: 'fake-last-name',
+    description: 'i am a fake user for test',
+    avatarId: null,
+    email: 'fakeEcm@ecmUser.com',
+    skypeId: 'fake-skype-id',
+    googleId: 'fake-googleId-id',
+    instantMessageId: 'fake-instantMessageId-id',
+    company: null,
+    jobTitle: null,
+    location: 'fake location',
+    mobile: '000000000',
+    telephone: '11111111',
+    statusUpdatedAt: 'fake-date',
+    userStatus: 'active',
+    enabled: true,
+    emailNotificationsEnabled: true
+};
+
 class FakeSanitizer extends DomSanitizer {
     constructor() {
         super();
@@ -79,7 +119,7 @@ describe('ContentUserInfoComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [CoreTestingModule, ContentTestingModule, MatMenuModule]
+            imports: [ContentTestingModule, MatMenuModule]
         });
         fixture = TestBed.createComponent(ContentUserInfoComponent);
         component = fixture.componentInstance;

demo-shell/src/app/components/app-layout/user-info/content-user-info/content-user-info.component.ts

@@ -19,8 +19,7 @@ import { IdentityUserModel, UserInfoMode } from '@alfresco/adf-core';
 import { Component, Input, OnDestroy, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MatMenuTrigger, MenuPositionX, MenuPositionY } from '@angular/material/menu';
 import { Subject } from 'rxjs';
-import { EcmUserModel } from '../common/models/ecm-user.model';
-import { PeopleContentService } from '../common/services/people-content.service';
+import { EcmUserModel, PeopleContentService } from '@alfresco/adf-content-services';
 
 @Component({
     selector: 'adf-content-user-info',
@@ -29,7 +28,6 @@ import { PeopleContentService } from '../common/services/people-content.service'
     encapsulation: ViewEncapsulation.None
 })
 export class ContentUserInfoComponent implements OnDestroy {
-
     @ViewChild(MatMenuTrigger) trigger: MatMenuTrigger;
 
     /** Determines if user is logged in. */
@@ -50,11 +48,11 @@ export class ContentUserInfoComponent implements OnDestroy {
 
     /** Custom path for the background banner image for ACS users. */
     @Input()
-    ecmBackgroundImage: string = './assets/images/ecm-background.png';
+    ecmBackgroundImage: string = './resources/images/ecm-background.png';
 
     /** Custom path for the background banner image for APS users. */
     @Input()
-    bpmBackgroundImage: string = './assets/images/bpm-background.png';
+    bpmBackgroundImage: string = './resources/images/bpm-background.png';
 
     /** Custom choice for opening the menu at the bottom. Can be `before` or `after`. */
     @Input()
@@ -79,8 +77,7 @@ export class ContentUserInfoComponent implements OnDestroy {
 
     private destroy$ = new Subject();
 
-    constructor(private peopleContentService: PeopleContentService) {
-    }
+    constructor(private peopleContentService: PeopleContentService) {}
 
     ngOnDestroy(): void {
         this.destroy$.next(true);

demo-shell/src/app/components/app-layout/user-info/process-user-info/process-user-info.component.html

@@ -41,7 +41,7 @@
                        class="adf-userinfo-tab" [class.adf-hide-tab]="!ecmUser">
             <mat-tab label="{{ 'USER_PROFILE.TAB.CS' | translate }}" role="dialog"
                      *ngIf="mode===userInfoMode.ALL">
-                <mat-card class="adf-userinfo-card" *ngIf="ecmUser">
+                <mat-card appearance="outlined" class="adf-userinfo-card" *ngIf="ecmUser">
                     <mat-card-header class="adf-userinfo-card-header"
                                      [style.background-image]="'url(' + ecmBackgroundImage + ')'">
                         <div *ngIf="ecmUser.avatarId; else initialTemplate"
@@ -54,7 +54,7 @@
                                 [outerHTML]="ecmUser | usernameInitials:'adf-userinfo-profile-initials adf-hide-small'"></div>
                         </ng-template>
 
-                        <div class="mat-title" id="ecm-username">{{ecmUser | fullName}}</div>
+                        <div class="mat-headline-6" id="ecm-username">{{ecmUser | fullName}}</div>
                     </mat-card-header>
                     <mat-card-content>
                         <div class="adf-userinfo-supporting-text">
@@ -75,7 +75,7 @@
             </mat-tab>
             <mat-tab id="bpm-panel" label="{{ 'USER_PROFILE.TAB.PS' | translate }}" role="dialog"
                      *ngIf="mode===userInfoMode.PROCESS || mode===userInfoMode.ALL">
-                <mat-card class="adf-userinfo-card">
+                <mat-card appearance="outlined" class="adf-userinfo-card">
                     <mat-card-header class="adf-userinfo-card-header"
                                      [style.background-image]="'url(' + bpmBackgroundImage + ')'">
                         <img *ngIf="bpmUser.pictureId; else initialTemplate"
@@ -85,7 +85,7 @@
                             <div
                                 [outerHTML]="bpmUser | usernameInitials:'adf-userinfo-profile-initials adf-hide-small'"></div>
                         </ng-template>
-                        <div class="mat-title" id="bpm-username">{{bpmUser | fullName}}</div>
+                        <div class="mat-headline-6" id="bpm-username">{{bpmUser | fullName}}</div>
                     </mat-card-header>
                     <mat-card-content>
                         <div class="adf-userinfo-supporting-text">

demo-shell/src/app/components/app-layout/user-info/process-user-info/process-user-info.component.scss

@@ -1,4 +1,5 @@
 @import 'styles/flex';
+@import 'styles/mat-selectors';
 
 .adf {
     &-userinfo-container {
@@ -49,7 +50,7 @@
         display: inline-block;
     }
 
-    &-userinfo-menu_button.mat-button {
+    &-userinfo-menu_button#{$mat-button} {
         margin-right: 0;
         border-radius: 90%;
         padding: 0;
@@ -57,13 +58,13 @@
         height: 40px;
     }
 
-    &-userinfo-tab .mat-tab-header {
+    &-userinfo-tab #{$mat-tab-header} {
         align-self: center;
         width: 100%;
         min-width: 250px;
     }
 
-    &-userinfo-tab .mat-tab-label {
+    &-userinfo-tab #{$mat-tab-label-text} {
         flex: auto;
         font-weight: 500;
         font-size: var(--theme-body-1-font-size);
@@ -81,7 +82,7 @@
         box-sizing: border-box;
     }
 
-    &-userinfo-card.mat-card {
+    &-userinfo-card#{$mat-card} {
         padding: 0;
     }
 
@@ -160,7 +161,7 @@
 }
 
 @media only screen and (min-device-width: 480px) {
-    .mat-menu-panel.adf-userinfo-menu {
+    #{$mat-menu-panel}.adf-userinfo-menu {
         max-height: 450px;
         min-width: 450px;
         overflow: auto;
@@ -168,6 +169,6 @@
     }
 }
 
-.mat-menu-panel.adf-userinfo-menu .mat-menu-content {
+#{$mat-menu-panel}.adf-userinfo-menu #{$mat-menu-content} {
     padding: 0;
 }

demo-shell/src/app/components/app-layout/user-info/process-user-info/process-user-info.component.spec.ts

@@ -18,15 +18,13 @@
 import { CoreTestingModule, UserInfoMode } from '@alfresco/adf-core';
 import { fakeEcmUser, fakeEcmUserNoImage } from '@alfresco/adf-content-services';
 import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatMenuModule } from '@angular/material/menu';
 import { By } from '@angular/platform-browser';
-import { BpmUserModel } from '../common/models/bpm-user.model';
 import { ProcessUserInfoComponent } from './process-user-info.component';
 import { HarnessLoader } from '@angular/cdk/testing';
 import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
 import { MatTabGroupHarness, MatTabHarness } from '@angular/material/tabs/testing';
 
-const fakeBpmUser = new BpmUserModel({
+const fakeBpmUser: any = {
     apps: [],
     capabilities: null,
     company: 'fake-company',
@@ -46,7 +44,7 @@ const fakeBpmUser = new BpmUserModel({
     tenantName: 'fake-tenant-name',
     tenantPictureId: 'fake-tenant-picture-id',
     type: 'fake-type'
-});
+};
 
 describe('ProcessUserInfoComponent', () => {
     const profilePictureUrl = 'alfresco-logo.svg';
@@ -71,7 +69,7 @@ describe('ProcessUserInfoComponent', () => {
 
     beforeEach(() => {
         TestBed.configureTestingModule({
-            imports: [CoreTestingModule, MatMenuModule]
+            imports: [CoreTestingModule, ProcessUserInfoComponent]
         });
         fixture = TestBed.createComponent(ProcessUserInfoComponent);
         component = fixture.componentInstance;
@@ -122,11 +120,10 @@ describe('ProcessUserInfoComponent', () => {
         });
 
         it('should show last name if first name is null', async () => {
-            const wrongBpmUser: BpmUserModel = new BpmUserModel({
+            component.bpmUser = {
                 firstName: null,
                 lastName: 'fake-last-name'
-            });
-            component.bpmUser = wrongBpmUser;
+            } as any;
             await whenFixtureReady();
             const fullNameElement = element.querySelector('#adf-userinfo-bpm-name-display');
             fixture.detectChanges();

demo-shell/src/app/components/app-layout/user-info/process-user-info/process-user-info.component.ts

@@ -15,22 +15,28 @@
  * limitations under the License.
  */
 
-import { UserInfoMode } from '@alfresco/adf-core';
+import { FullNamePipe, InitialUsernamePipe, UserInfoMode } from '@alfresco/adf-core';
 import { EcmUserModel, PeopleContentService } from '@alfresco/adf-content-services';
 import { Component, Input, OnDestroy, ViewChild, ViewEncapsulation } from '@angular/core';
-import { MatMenuTrigger, MenuPositionX, MenuPositionY } from '@angular/material/menu';
+import { MatMenuModule, MatMenuTrigger, MenuPositionX, MenuPositionY } from '@angular/material/menu';
 import { Subject } from 'rxjs';
-import { PeopleProcessService } from '../common/services/people-process.service';
-import { BpmUserModel } from '../common/models/bpm-user.model';
+import { PeopleProcessService } from '@alfresco/adf-process-services';
+import { UserRepresentation } from '@alfresco/js-api';
+import { CommonModule } from '@angular/common';
+import { MatButtonModule } from '@angular/material/button';
+import { MatTabsModule } from '@angular/material/tabs';
+import { TranslateModule } from '@ngx-translate/core';
+import { MatCardModule } from '@angular/material/card';
 
 @Component({
     selector: 'adf-process-user-info',
+    standalone: true,
+    imports: [CommonModule, FullNamePipe, MatButtonModule, MatMenuModule, InitialUsernamePipe, MatTabsModule, TranslateModule, MatCardModule],
     templateUrl: './process-user-info.component.html',
     styleUrls: ['./process-user-info.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
 export class ProcessUserInfoComponent implements OnDestroy {
-
     @ViewChild(MatMenuTrigger) trigger: MatMenuTrigger;
 
     /** Determines if user is logged in. */
@@ -39,7 +45,7 @@ export class ProcessUserInfoComponent implements OnDestroy {
 
     /** BPM user info. */
     @Input()
-    bpmUser: BpmUserModel;
+    bpmUser: UserRepresentation;
 
     /** ECM user info. */
     @Input()
@@ -51,11 +57,11 @@ export class ProcessUserInfoComponent implements OnDestroy {
 
     /** Custom path for the background banner image for APS users. */
     @Input()
-    bpmBackgroundImage: string = './assets/images/bpm-background.png';
+    bpmBackgroundImage: string = './resources/images/bpm-background.png';
 
     /** Custom path for the background banner image for ACS users. */
     @Input()
-    ecmBackgroundImage: string = './assets/images/ecm-background.png';
+    ecmBackgroundImage: string = './resources/images/ecm-background.png';
 
     /** Custom choice for opening the menu at the bottom. Can be `before` or `after`. */
     @Input()
@@ -80,8 +86,7 @@ export class ProcessUserInfoComponent implements OnDestroy {
 
     private destroy$ = new Subject();
 
-    constructor(private peopleProcessService: PeopleProcessService, private peopleContentService: PeopleContentService) {
-    }
+    constructor(private peopleProcessService: PeopleProcessService, private peopleContentService: PeopleContentService) {}
 
     ngOnDestroy(): void {
         this.destroy$.next(true);

demo-shell/src/app/components/app-layout/user-info/process-user-info/public-api.ts

@@ -15,8 +15,7 @@
  * limitations under the License.
  */
 
-export * from './process-comments.component';
+import { ProcessUserInfoComponent } from './process-user-info.component';
 
-export * from './services/comment-process.service';
-
-export * from './process-comments.module';
+export * from './process-user-info.component';
+export const PROCESS_USER_INFO_DIRECTIVES = [ProcessUserInfoComponent] as const;

demo-shell/src/app/components/app-layout/user-info/user-info.component.ts

@@ -16,24 +16,18 @@
  */
 
 import { EcmUserModel, PeopleContentService } from '@alfresco/adf-content-services';
-import { BpmUserModel, PeopleProcessService } from '@alfresco/adf-process-services';
-import {
-    AuthenticationService,
-    BasicAlfrescoAuthService,
-    IdentityUserModel,
-    IdentityUserService,
-    UserInfoMode
-} from '@alfresco/adf-core';
+import { PeopleProcessService } from '@alfresco/adf-process-services';
+import { AuthenticationService, BasicAlfrescoAuthService, IdentityUserModel, IdentityUserService, UserInfoMode } from '@alfresco/adf-core';
 import { Component, OnInit, Input } from '@angular/core';
 import { MenuPositionX, MenuPositionY } from '@angular/material/menu';
 import { Observable, of } from 'rxjs';
+import { UserRepresentation } from '@alfresco/js-api';
 
 @Component({
     selector: 'app-shell-user-info',
     templateUrl: './user-info.component.html'
 })
 export class UserInfoComponent implements OnInit {
-
     /** Custom choice for opening the menu at the bottom. Can be `before` or `after`. */
     @Input()
     menuPositionX: MenuPositionX = 'after';
@@ -44,17 +38,17 @@ export class UserInfoComponent implements OnInit {
 
     mode: UserInfoMode;
     ecmUser$: Observable<EcmUserModel>;
-    bpmUser$: Observable<BpmUserModel>;
+    bpmUser$: Observable<UserRepresentation>;
     identityUser$: Observable<IdentityUserModel>;
-    selectedIndex: number;
     userInfoMode = UserInfoMode;
 
-    constructor(private peopleContentService: PeopleContentService,
-                private peopleProcessService: PeopleProcessService,
-                private identityUserService: IdentityUserService,
-                private basicAlfrescoAuthService: BasicAlfrescoAuthService,
-                private authService: AuthenticationService) {
-    }
+    constructor(
+        private peopleContentService: PeopleContentService,
+        private peopleProcessService: PeopleProcessService,
+        private identityUserService: IdentityUserService,
+        private basicAlfrescoAuthService: BasicAlfrescoAuthService,
+        private authService: AuthenticationService
+    ) {}
 
     ngOnInit() {
         this.getUserInfo();
@@ -69,7 +63,6 @@ export class UserInfoComponent implements OnInit {
                 this.mode = UserInfoMode.CONTENT_SSO;
                 this.loadEcmUserInfo();
             }
-
         } else if (this.isAllLoggedIn()) {
             this.loadEcmUserInfo();
             this.loadBpmUserInfo();
@@ -103,7 +96,10 @@ export class UserInfoComponent implements OnInit {
     }
 
     private isAllLoggedIn() {
-        return (this.authService.isEcmLoggedIn() && this.authService.isBpmLoggedIn()) || (this.authService.isALLProvider() && this.basicAlfrescoAuthService.isKerberosEnabled());
+        return (
+            (this.authService.isEcmLoggedIn() && this.authService.isBpmLoggedIn()) ||
+            (this.authService.isALLProvider() && this.basicAlfrescoAuthService.isKerberosEnabled())
+        );
     }
 
     private isBpmLoggedIn() {
@@ -114,4 +110,3 @@ export class UserInfoComponent implements OnInit {
         return this.authService.isEcmLoggedIn() || (this.authService.isECMProvider() && this.basicAlfrescoAuthService.isKerberosEnabled());
     }
 }
-

demo-shell/src/app/components/cloud/cloud-layout.component.scss

@@ -1,3 +1,5 @@
+@import 'styles/mat-selectors';
+
 .app-cloud-layout-overflow {
     overflow: auto;
 }

demo-shell/src/app/components/cloud/shared/cloud-settings.component.html

@@ -43,11 +43,11 @@
         <button mat-raised-button (click)="addAction()">Add</button>
     </form>
     <div *ngIf="actions.length > 0">
-        <mat-chip-list>
-            <mat-chip *ngFor="let action of actions" [removable]="true">
+        <mat-chip-listbox>
+            <mat-chip-option *ngFor="let action of actions" [removable]="true">
                 {{action.title}}
                 <mat-icon matChipRemove (click)="removeAction(action)">cancel</mat-icon>
-            </mat-chip>
-        </mat-chip-list>
+            </mat-chip-option>
+        </mat-chip-listbox>
     </div>
 </div>

demo-shell/src/app/components/form/form.component.ts

@@ -16,19 +16,12 @@
  */
 
 import { Component, inject, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
-import {
-    FormModel,
-    FormFieldModel,
-    FormService,
-    FormOutcomeEvent,
-    NotificationService,
-    CoreAutomationService,
-    FormRenderingService
-} from '@alfresco/adf-core';
+import { FormModel, FormFieldModel, FormService, FormOutcomeEvent, NotificationService, FormRenderingService } from '@alfresco/adf-core';
 import { ProcessFormRenderingService } from '@alfresco/adf-process-services';
 import { InMemoryFormService } from '../../services/in-memory-form.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
+import { CoreAutomationService } from '../../../testing/automation.service';
 
 @Component({
     selector: 'app-form',

demo-shell/src/app/components/process-list-demo/process-list-demo.component.ts

@@ -20,6 +20,7 @@ import { UntypedFormGroup, UntypedFormBuilder, Validators, UntypedFormControl, A
 import { ActivatedRoute, Params } from '@angular/router';
 import { debounceTime, takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs';
+import { ProcessInstanceQueryRepresentationSort, ProcessInstanceQueryRepresentationState } from '@alfresco/js-api';
 
 const DEFAULT_SIZE = 20;
 
@@ -27,15 +28,14 @@ const DEFAULT_SIZE = 20;
     templateUrl: './process-list-demo.component.html',
     styleUrls: [`./process-list-demo.component.scss`]
 })
-
 export class ProcessListDemoComponent implements OnInit, OnDestroy {
     minValue = 0;
     processListForm: UntypedFormGroup;
     appId: number;
     processDefId: string;
     processInsId: string;
-    state: string;
-    sort: string;
+    state: ProcessInstanceQueryRepresentationState;
+    sort: ProcessInstanceQueryRepresentationSort;
     size: number = DEFAULT_SIZE;
     page: number = 0;
 
@@ -48,15 +48,13 @@ export class ProcessListDemoComponent implements OnInit, OnDestroy {
     ];
 
     sortOptions = [
-        {value: 'created-asc', title: 'Created (asc)'},
-        {value: 'created-desc', title: 'Created (desc)'}
+        { value: 'created-asc', title: 'Created (asc)' },
+        { value: 'created-desc', title: 'Created (desc)' }
     ];
 
     private onDestroy$ = new Subject<boolean>();
 
-    constructor(private route: ActivatedRoute,
-                private formBuilder: UntypedFormBuilder) {
-    }
+    constructor(private route: ActivatedRoute, private formBuilder: UntypedFormBuilder) {}
 
     ngOnInit() {
         this.resetQueryParameters();
@@ -91,12 +89,11 @@ export class ProcessListDemoComponent implements OnInit, OnDestroy {
         this.processListForm.valueChanges
             .pipe(takeUntil(this.onDestroy$))
             .pipe(debounceTime(500))
-            .subscribe(processFilter => {
+            .subscribe((processFilter) => {
                 if (this.isFormValid()) {
                     this.filterProcesses(processFilter);
                 }
             });
-
     }
 
     filterProcesses(processFilter: any) {

demo-shell/src/app/components/process-list-demo/process-list.module.ts

@@ -24,8 +24,8 @@ import { ProcessModule } from '@alfresco/adf-process-services';
 
 const routes: Routes = [
     {
-      path: '',
-      component: ProcessListDemoComponent
+        path: '',
+        component: ProcessListDemoComponent
     },
     {
         path: ':id',
@@ -34,12 +34,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [
-        CommonModule,
-        RouterModule.forChild(routes),
-        CoreModule,
-        ProcessModule.forChild()
-    ],
+    imports: [CommonModule, RouterModule.forChild(routes), CoreModule, ProcessModule],
     declarations: [ProcessListDemoComponent]
 })
 export class AppProcessListModule {}

demo-shell/src/app/components/process-service/apps-view.component.ts

@@ -17,19 +17,16 @@
 
 import { Component } from '@angular/core';
 import { Router } from '@angular/router';
-import { AppDefinitionRepresentationModel } from '@alfresco/adf-process-services';
+import { AppDefinitionRepresentation } from '@alfresco/js-api';
 
 @Component({
     selector: 'app-process-list-view',
     templateUrl: './apps-view.component.html'
 })
 export class AppsViewComponent {
+    constructor(private router: Router) {}
 
-    constructor(private router: Router) {
+    onAppClicked(app: AppDefinitionRepresentation) {
+        this.router.navigate(['/activiti/apps', app.id || 0, 'tasks']);
     }
-
-     onAppClicked(app: AppDefinitionRepresentationModel) {
-         this.router.navigate(['/activiti/apps', app.id || 0, 'tasks']);
-     }
-
 }

demo-shell/src/app/components/process-service/process-attachments.component.ts

@@ -15,73 +15,43 @@
  * limitations under the License.
  */
 
-import { Component, Input, OnChanges, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
-import {
-    ProcessAttachmentListComponent,
-    ProcessInstance,
-    ProcessService,
-    ProcessUploadService
-} from '@alfresco/adf-process-services';
-import { AlfrescoApiService, AppConfigService } from '@alfresco/adf-core';
-import { DiscoveryApiService, UploadService } from '@alfresco/adf-content-services';
+import { Component, inject, Input, OnChanges, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { ProcessAttachmentListComponent, ProcessService, ProcessUploadService } from '@alfresco/adf-process-services';
+import { UploadService } from '@alfresco/adf-content-services';
 import { PreviewService } from '../../services/preview.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
-
-/**
- * Provide a factory for process upload service
- *
- * @param api api client
- * @param config config service
- * @param discoveryApiService discovery service
- * @returns factory function
- */
-export function processUploadServiceFactory(api: AlfrescoApiService, config: AppConfigService, discoveryApiService: DiscoveryApiService) {
-    return new ProcessUploadService(api, config, discoveryApiService);
-}
+import { ProcessInstanceRepresentation } from '@alfresco/js-api';
 
 @Component({
     selector: 'app-process-attachments',
     templateUrl: './process-attachments.component.html',
     styleUrls: ['./process-attachments.component.css'],
-    providers: [
-        {
-            provide: UploadService,
-            useFactory: (processUploadServiceFactory),
-            deps: [AlfrescoApiService, AppConfigService, DiscoveryApiService]
-        }
-    ],
+    providers: [{ provide: UploadService, useClass: ProcessUploadService }],
     encapsulation: ViewEncapsulation.None
 })
-
 export class ProcessAttachmentsComponent implements OnInit, OnChanges, OnDestroy {
-
     @ViewChild('processAttachList')
     processAttachList: ProcessAttachmentListComponent;
 
     @Input()
     processInstanceId: string;
 
-    processInstance: ProcessInstance;
+    processInstance: ProcessInstanceRepresentation;
+
+    private uploadService = inject(UploadService);
+    private processService = inject(ProcessService);
+    private preview = inject(PreviewService);
 
     private onDestroy$ = new Subject<boolean>();
 
-    constructor(
-        private uploadService: UploadService,
-        private processService: ProcessService,
-        private preview: PreviewService
-    ) {}
-
     ngOnInit() {
-        this.uploadService.fileUploadComplete
-            .pipe(takeUntil(this.onDestroy$))
-            .subscribe(value => this.onFileUploadComplete(value.data));
+        this.uploadService.fileUploadComplete.pipe(takeUntil(this.onDestroy$)).subscribe((value) => this.onFileUploadComplete(value.data));
     }
 
     ngOnChanges() {
         if (this.processInstanceId) {
-            this.processService.getProcess(this.processInstanceId)
-                .subscribe((processInstance: ProcessInstance) => {
+            this.processService.getProcess(this.processInstanceId).subscribe((processInstance) => {
                 this.processInstance = processInstance;
             });
         }
@@ -103,5 +73,4 @@ export class ProcessAttachmentsComponent implements OnInit, OnChanges, OnDestroy
     isCompletedProcess(): boolean {
         return this.processInstance?.ended != null;
     }
-
 }

demo-shell/src/app/components/process-service/process-service.component.html

@@ -162,7 +162,7 @@
                     [title]="'Start Process'"
                     [name]="defaultProcessName"
                     (formContentClicked)="onContentClick($event)"
-                    (start)="onStartProcessInstance($event)"
+                    (start)="onStartProcessInstance($event.id)"
                     (cancel)="onCancelProcessInstance()"
                     (error)="onStartProcessError($event)">
                 </adf-start-process>

demo-shell/src/app/components/process-service/process-service.component.ts

@@ -18,7 +18,7 @@
 // eslint-disable-next-line
 import { AfterViewInit, Component, ElementRef, Input, OnDestroy, OnInit, ViewChild, ViewEncapsulation, EventEmitter, Output } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { Pagination, UserProcessInstanceFilterRepresentation, ScriptFilesApi } from '@alfresco/js-api';
+import { Pagination, UserProcessInstanceFilterRepresentation, ScriptFilesApi, UserTaskFilterRepresentation } from '@alfresco/js-api';
 import {
     FORM_FIELD_VALIDATORS,
     FormRenderingService,
@@ -32,10 +32,8 @@ import {
 } from '@alfresco/adf-core';
 import {
     ProcessFiltersComponent,
-    ProcessInstance,
     ProcessInstanceListComponent,
     StartProcessInstanceComponent,
-    FilterRepresentationModel,
     TaskDetailsEvent,
     TaskFiltersComponent,
     TaskListComponent,
@@ -45,7 +43,6 @@ import {
     DynamicTableRow
 } from '@alfresco/adf-process-services';
 import { Subject } from 'rxjs';
-import { DemoFieldValidator } from './demo-field-validator';
 import { PreviewService } from '../../services/preview.service';
 import { Location } from '@angular/common';
 import { takeUntil } from 'rxjs/operators';
@@ -107,7 +104,7 @@ export class ProcessServiceComponent implements AfterViewInit, OnDestroy, OnInit
 
     activeTab: number = this.tabs.tasks; // tasks|processes|reports
 
-    taskFilter: FilterRepresentationModel;
+    taskFilter: UserTaskFilterRepresentation;
     processFilter: UserProcessInstanceFilterRepresentation;
     blobFile: any;
     flag = true;
@@ -117,7 +114,7 @@ export class ProcessServiceComponent implements AfterViewInit, OnDestroy, OnInit
     applicationId: number;
     processDefinitionName: string;
 
-    fieldValidators = [...FORM_FIELD_VALIDATORS, new DemoFieldValidator()];
+    fieldValidators = [...FORM_FIELD_VALIDATORS];
 
     private onDestroy$ = new Subject<boolean>();
     private scriptFileApi: ScriptFilesApi;
@@ -127,17 +124,17 @@ export class ProcessServiceComponent implements AfterViewInit, OnDestroy, OnInit
         private route: ActivatedRoute,
         private router: Router,
         private apiService: AlfrescoApiService,
-        private appConfig: AppConfigService,
-        private preview: PreviewService,
+        private appConfigService: AppConfigService,
+        private previewService: PreviewService,
         formService: FormService,
         private location: Location,
         private notificationService: NotificationService,
         private preferenceService: UserPreferencesService
     ) {
         this.scriptFileApi = new ScriptFilesApi(this.apiService.getInstance());
-        this.defaultProcessName = this.appConfig.get<string>('adf-start-process.name');
-        this.defaultProcessDefinitionName = this.appConfig.get<string>('adf-start-process.processDefinitionName');
-        this.defaultTaskName = this.appConfig.get<string>('adf-start-task.name');
+        this.defaultProcessName = this.appConfigService.get<string>('adf-start-process.name');
+        this.defaultProcessDefinitionName = this.appConfigService.get<string>('adf-start-process.processDefinitionName');
+        this.defaultTaskName = this.appConfigService.get<string>('adf-start-task.name');
         this.processDefinitionName = this.defaultProcessDefinitionName;
 
         this.preferenceService
@@ -190,7 +187,7 @@ export class ProcessServiceComponent implements AfterViewInit, OnDestroy, OnInit
         this.onDestroy$.complete();
     }
 
-    onTaskFilterClick(filter: FilterRepresentationModel): void {
+    onTaskFilterClick(filter: UserTaskFilterRepresentation): void {
         this.applyTaskFilter(filter);
         this.taskPage = 0;
     }
@@ -218,7 +215,7 @@ export class ProcessServiceComponent implements AfterViewInit, OnDestroy, OnInit
         this.applyTaskFilter(this.activitiFilter.getCurrentFilter());
     }
 
-    applyTaskFilter(filter: FilterRepresentationModel) {
+    applyTaskFilter(filter: UserTaskFilterRepresentation) {
         this.taskFilter = Object.assign({}, filter);
 
         if (filter && this.taskList) {
@@ -285,8 +282,8 @@ export class ProcessServiceComponent implements AfterViewInit, OnDestroy, OnInit
         this.currentTaskId = currentTaskIdNew;
     }
 
-    onStartProcessInstance(instance: ProcessInstance): void {
-        this.currentProcessInstanceId = instance.id;
+    onStartProcessInstance(instanceId: string): void {
+        this.currentProcessInstanceId = instanceId;
         this.activitiStartProcess.reset();
         this.activitiProcessFilter.selectRunningFilter();
     }
@@ -348,9 +345,9 @@ export class ProcessServiceComponent implements AfterViewInit, OnDestroy, OnInit
 
     private showContentPreview(content: any) {
         if (content.contentBlob) {
-            this.preview.showBlob(content.name, content.contentBlob);
+            this.previewService.showBlob(content.name, content.contentBlob);
         } else {
-            this.preview.showResource(content.sourceId.split(';')[0]);
+            this.previewService.showResource(content.sourceId.split(';')[0]);
         }
     }
 

demo-shell/src/app/components/process-service/show-diagram.component.ts

@@ -17,18 +17,22 @@
 
 import { Component } from '@angular/core';
 import { ActivatedRoute, Router, Params } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
+import { DiagramComponent } from '@alfresco/adf-insights';
 
 @Component({
     selector: 'app-show-diagram',
+    standalone: true,
+    imports: [CommonModule, MatIconModule, MatButtonModule, DiagramComponent],
     templateUrl: './show-diagram.component.html'
 })
 export class ShowDiagramComponent {
-
     processDefinitionId: string;
     appId: string;
 
-    constructor(private route: ActivatedRoute,
-                private router: Router) {
+    constructor(private route: ActivatedRoute, private router: Router) {
         this.route.params.subscribe((params: Params) => {
             this.processDefinitionId = params['processDefinitionId'];
             this.appId = params['appId'];
@@ -38,5 +42,4 @@ export class ShowDiagramComponent {
     onClickBack() {
         this.router.navigate(['/activiti/apps/' + this.appId + '/processes']);
     }
-
 }

demo-shell/src/app/components/process-service/task-attachments.component.ts

@@ -15,74 +15,43 @@
  * limitations under the License.
  */
 
-import { Component, Input, OnChanges, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
-import {
-    TaskAttachmentListComponent,
-    TaskDetailsModel,
-    TaskListService,
-    TaskUploadService
-} from '@alfresco/adf-process-services';
-import { AlfrescoApiService, AppConfigService } from '@alfresco/adf-core';
-import { DiscoveryApiService, UploadService } from '@alfresco/adf-content-services';
+import { Component, inject, Input, OnChanges, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { TaskAttachmentListComponent, TaskListService, TaskUploadService } from '@alfresco/adf-process-services';
+import { UploadService } from '@alfresco/adf-content-services';
 import { PreviewService } from '../../services/preview.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
-
-/**
- * Provide a task upload service factory
- *
- * @param api api client
- * @param config config service
- * @param discoveryApiService discovery service
- * @returns factory function
- */
-export function taskUploadServiceFactory(api: AlfrescoApiService, config: AppConfigService, discoveryApiService: DiscoveryApiService) {
-    return new TaskUploadService(api, config, discoveryApiService);
-}
+import { TaskRepresentation } from '@alfresco/js-api';
 
 @Component({
     selector: 'app-task-attachments',
     templateUrl: './task-attachments.component.html',
     styleUrls: ['./task-attachments.component.css'],
     encapsulation: ViewEncapsulation.None,
-    providers: [
-        {
-            provide: UploadService,
-            useFactory: (taskUploadServiceFactory),
-            deps: [AlfrescoApiService, AppConfigService, DiscoveryApiService]
-        }
-    ]
+    providers: [{ provide: UploadService, useClass: TaskUploadService }]
 })
-
 export class TaskAttachmentsComponent implements OnInit, OnChanges, OnDestroy {
-
     @ViewChild('taskAttachList')
     taskAttachList: TaskAttachmentListComponent;
 
     @Input()
     taskId: string;
 
-    taskDetails: TaskDetailsModel;
+    taskDetails: TaskRepresentation;
+
+    private uploadService = inject(UploadService);
+    private taskListService = inject(TaskListService);
+    private previewService = inject(PreviewService);
 
     private onDestroy$ = new Subject<boolean>();
 
-    constructor(
-        private uploadService: UploadService,
-        private activitiTaskList: TaskListService,
-        private preview: PreviewService) {
-    }
-
     ngOnInit() {
-        this.uploadService.fileUploadComplete
-        .pipe(takeUntil(this.onDestroy$))
-        .subscribe(event => this.onFileUploadComplete(event.data));
+        this.uploadService.fileUploadComplete.pipe(takeUntil(this.onDestroy$)).subscribe((event) => this.onFileUploadComplete(event.data));
     }
 
     ngOnChanges() {
         if (this.taskId) {
-            this.activitiTaskList
-                .getTaskDetails(this.taskId)
-                .subscribe(taskDetails => this.taskDetails = taskDetails);
+            this.taskListService.getTaskDetails(this.taskId).subscribe((taskDetails) => (this.taskDetails = taskDetails));
         }
     }
 
@@ -96,11 +65,10 @@ export class TaskAttachmentsComponent implements OnInit, OnChanges, OnDestroy {
     }
 
     onAttachmentClick(content: any): void {
-        this.preview.showBlob(content.name, content.contentBlob);
+        this.previewService.showBlob(content.name, content.contentBlob);
     }
 
     isCompletedTask(): boolean {
         return this.taskDetails?.endDate != null;
     }
-
 }

demo-shell/src/app/components/search/search-filter-chips.component.html

@@ -12,7 +12,7 @@
                 <adf-search-filter-chips></adf-search-filter-chips>
             </div>
 
-            <mat-icon adf-reset-search matTooltip="reset" style="padding-right: 5px;">refresh</mat-icon>
+            <mat-icon adf-reset-search title="reset" style="padding-right: 5px;">refresh</mat-icon>
 
             <adf-search-sorting-picker style="width: 240px"></adf-search-sorting-picker>
         </div>

demo-shell/src/app/components/task-list-demo/task-list.module.ts

@@ -34,7 +34,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [CommonModule, RouterModule.forChild(routes), CoreModule, ProcessModule.forChild(), LocalizedDatePipe, FullNamePipe],
+    imports: [CommonModule, RouterModule.forChild(routes), CoreModule, ProcessModule, LocalizedDatePipe, FullNamePipe],
     declarations: [TaskListDemoComponent]
 })
 export class AppTaskListModule {}

demo-shell/src/custom-style-dev.scss

@@ -1,6 +1,7 @@
 @use '@angular/material' as mat;
 @import '../../lib/core/src/lib/styles/index';
 @import '../../lib/core/src/lib/styles/typography';
+@include mat.all-component-typographies;
 @include mat.core;
 
 $primary: mat.define-palette($alfresco-accent-orange);
@@ -19,19 +20,3 @@ $theme: mat.define-light-theme(
 
 @include mat.all-component-themes($theme);
 @include alfresco-material-theme($theme);
-
-$typography: map-get($theme, typography);
-
-body,
-html {
-    margin: 0;
-    height: 100%;
-    overflow: hidden;
-    font-size: mat.font-size($typography, body-1);
-    font-family: mat.font-family($typography);
-    line-height: mat.line-height($typography, body-1);
-}
-
-body {
-    overflow: auto;
-}

demo-shell/src/custom-style.scss

@@ -1,6 +1,7 @@
 @use '@angular/material' as mat;
 @import '~@alfresco/adf-core/theming';
-@include mat.core($alfresco-typography);
+@include mat.all-component-typographies($alfresco-typography);
+@include mat.core;
 
 $primary: mat.define-palette($alfresco-accent-orange);
 $accent: mat.define-palette($alfresco-accent-purple);
@@ -16,17 +17,3 @@ $theme: mat.define-light-theme(
 
 @include mat.all-component-themes($theme);
 @include alfresco-material-theme($theme);
-
-body,
-html {
-    margin: 0;
-    height: 100%;
-    overflow: hidden;
-    font-size: mat.font-size($alfresco-typography, body-1);
-    font-family: mat.font-family($alfresco-typography);
-    line-height: mat.line-height($alfresco-typography, body-1);
-}
-
-body {
-    overflow: auto;
-}

demo-shell/src/testing/automation.service.ts

@@ -16,18 +16,13 @@
  */
 
 import { Injectable } from '@angular/core';
-import { AppConfigService } from '../app-config/app-config.service';
-import { AlfrescoApiService } from '../services/alfresco-api.service';
-import { StorageService } from '../common/services/storage.service';
-import { UserPreferencesService } from '../common/services/user-preferences.service';
-import { DemoForm } from '../mock/form/demo-form.mock';
-import { AuthenticationService } from '../auth/services/authentication.service';
+import { AppConfigService, AlfrescoApiService, StorageService, UserPreferencesService, AuthenticationService } from '@alfresco/adf-core';
+import { DemoForm } from './demo-form.mock';
 
 @Injectable({
     providedIn: 'root'
 })
 export class CoreAutomationService {
-
     public forms = new DemoForm();
 
     constructor(
@@ -36,8 +31,7 @@ export class CoreAutomationService {
         private userPreferencesService: UserPreferencesService,
         private storageService: StorageService,
         private auth: AuthenticationService
-    ) {
-    }
+    ) {}
 
     setup() {
         const adfProxy = window['adf'] || {};

docs/README.md

@@ -30,10 +30,8 @@ A few other pages of information are also available:
 -   The [Release notes](release-notes/README.md) section has details of all
     the features introduced and bugs fixed with each release.
 -   The [Version compatibility](compatibility.md) page shows which versions
-    of Alfresco's backend servies (ACS and APS) are compatible with each released
+    of Alfresco backend services (ACS and APS) are compatible with each released
     version of ADF.
--   The [Roadmap](roadmap.md)
-    contains a preview of features we hope to release in future versions of ADF.
 -   The [License info](license-info/README.md) section lists the third-party libraries used by ADF along with links to their Open Source licenses.
 -   The [Vulnerability](vulnerability/README.md) section lists the third-party
     libraries known vulnerability.
@@ -79,15 +77,22 @@ for more information about installing and using the source code.
 
 <!--core start-->
 
+### Primitives
+
+A collection of Angular components for generic use.
+
+| Name                                              | Description                                     |
+|---------------------------------------------------|-------------------------------------------------|
+| [Avatar](core/components/avatar.component.md)     | Displays user avatars.                          |
+| [Button](core/components/button.component.md)     | A standard button component.                    |
+| [Progress](core/components/progress.component.md) | A progress bar component.                       |
+| [Header](core/components/adf-header.component.md) | A simple reusable application header component. |
+
 ### Components
 
 | Name | Description | Source link |
 | ---- | ----------- | ----------- |
-| [About Application Modules Component](core/components/about-application.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows which ADF libraries and plugins an application is using. | [Source](../lib/core/src/lib/about/about-application-modules/about-application-modules.component.ts) |
-| [About GitHub Link Component](core/components/about-github-link.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows which version of the application is running based on the latest GitHub commit, as well as the server settings for the application. | [Source](../lib/core/src/lib/about/about-github-link/about-github-link.component.ts) |
-| [About Product Version Component](core/components/about-product-version.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows which version of Process Services (BPM) and Content Services (ECM) an application is running. It also shows the relevant license information, application status and Alfresco modules running in an application. | [Source](../lib/core/src/lib/about/about-product-version/about-product-version.component.ts) |
 | [About Component](core/components/about.component.md) | Presentational component to display About information as a set of collapsible panels. | [Source](../lib/core/src/lib/about/about.component.ts) |
-| [Buttons Menu Component](core/components/buttons-menu.component.md) | Displays buttons on a responsive menu. | [Source](../lib/core/src/lib/buttons-menu/buttons-menu.component.ts) |
 | [Card View component](core/components/card-view.component.md) | Displays a configurable property list renderer. | [Source](../lib/core/src/lib/card-view/components/card-view/card-view.component.ts) |
 | [Comment list component](core/components/comment-list.component.md) | Shows a list of comments. | [Source](../lib/core/src/lib/comments/comment-list/comment-list.component.ts) |
 | [Comments Component](core/components/comments.component.md) | Displays comments from users involved in a specified environment and allows an involved user to add a comment to a environment. | [Source](../lib/core/src/lib/comments/comments.component.ts) |
@@ -100,7 +105,6 @@ for more information about installing and using the source code.
 | [Form field component](core/components/form-field.component.md) | Represents a UI field in a form. | [Source](../lib/core/src/lib/form/components/form-field/form-field.component.ts) |
 | [Form List Component](core/components/form-list.component.md) | Shows forms as a list. | [Source](../lib/process-services/src/lib/form/form-list/form-list.component.ts) |
 | [Header component](core/components/header.component.md) | Reusable header for Alfresco applications. | [Source](../lib/core/src/lib/layout/components/header/header.component.ts) |
-| [Host settings component](core/components/host-settings.component.md) ![Internal](docassets/images/InternalIcon.png) | Validates the URLs for ACS and APS and saves them in the user's local storage | [Source](../lib/core/src/lib/settings/host-settings.component.ts) |
 | [Icon Component](core/components/icon.component.md) | Provides a universal way of rendering registered and named icons. | [Source](../lib/core/src/lib/icon/icon.component.ts) |
 | [Identity User Info component](core/components/identity-user-info.component.md) | Shows user information for SSO mode. | [Source](../lib/core/src/lib/identity-user-info/identity-user-info.component.ts) |
 | [Infinite Pagination component](core/components/infinite-pagination.component.md) | Adds "infinite" pagination to the component it is used with. | [Source](../lib/core/src/lib/pagination/infinite-pagination.component.ts) |
@@ -112,15 +116,14 @@ for more information about installing and using the source code.
 | [Login Dialog Panel component](core/components/login-dialog-panel.component.md) | Shows and manages a login dialog. | [Source](../lib/core/src/lib/login/components/login-dialog-panel.component.ts) |
 | [Login Dialog component](core/components/login-dialog.component.md) | Allows a user to perform a login via a dialog. | [Source](../lib/core/src/lib/login/components/login-dialog.component.ts) |
 | [Login component](core/components/login.component.md) | Authenticates to Alfresco Content Services and Alfresco Process Services. | [Source](../lib/core/src/lib/login/components/login.component.ts) |
-| [Notification History component](core/components/notification-history.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | This component is in the current status just an experimental component. |  |
-| The main purpose of the Notification history component is list all the notification received in the current session. They will disappear from the list after the refresh. | [Source](../lib/core/src/lib/notifications/components/notification-history.component.ts) |  |
+| [Notification History component](core/components/notification-history.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | This component is in the current status just an experimental component. The main purpose of the Notification history component is list all the notification received in the current session. They will disappear from the list after the refresh. | [Source](../lib/core/src/lib/notifications/components/notification-history.component.ts) |  |
 | [Pagination Component](core/components/pagination.component.md) | Adds pagination to the component it is used with. | [Source](../lib/core/src/lib/pagination/pagination.component.ts) |
 | [Search Text Input Component](core/components/search-text-input.component.md) | Displays a input text that supports autocompletion | [Source](<>) |
 | [Sidebar action menu component](core/components/sidebar-action-menu.component.md) | Displays a sidebar-action menu information panel. | [Source](../lib/core/src/lib/layout/components/sidebar-action/sidebar-action-menu.component.ts) |
 | [Sidenav Layout component](core/components/sidenav-layout.component.md) | Displays the standard three-region ADF application layout. | [Source](../lib/core/src/lib/layout/components/sidenav-layout/sidenav-layout.component.ts) |
 | [Snackbar Content Component](core/components/snackbar-content.component.md) | Custom content for Snackbar which allows use icon as action. | [Source](../lib/core/src/lib/snackbar-content/snackbar-content.component.ts) |
 | [Sorting Picker Component](core/components/sorting-picker.component.md) | Selects from a set of predefined sorting definitions and directions. | [Source](../lib/core/src/lib/sorting-picker/sorting-picker.component.ts) |
-| [Start Form component](core/components/start-form.component.md) | Displays the Start Form for a process. | [Source](../lib/process-services/src/lib/form/start-form.component.ts) |
+| [Start Form component](core/components/start-form.component.md) | Displays the Start Form for a process. | [Source](../lib/process-services/src/lib/form/start-form/start-form.component.ts) |
 | [Text Mask directive](core/components/text-mask.component.md) | Implements text field input masks. | [Source](../lib/core/src/lib/form/components/widgets/text/text-mask.component.ts) |
 | [Toolbar Divider Component](core/components/toolbar-divider.component.md) | Divides groups of elements in a Toolbar with a visual separator. | [Source](../lib/core/src/lib/toolbar/toolbar-divider.component.ts) |
 | [Toolbar Title Component](core/components/toolbar-title.component.md) | Supplies custom HTML to be included in a Toolbar component title. | [Source](../lib/core/src/lib/toolbar/toolbar-title.component.ts) |
@@ -144,6 +147,7 @@ for more information about installing and using the source code.
 
 | Name | Description | Source link |
 | ---- | ----------- | ----------- |
+| [Confirm dialog component](core/dialogs/confirm.dialog.md) | Requests a yes/no choice from the user. | [Source](../lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.ts) |
 | [Edit JSON Dialog](core/dialogs/edit-json.dialog.md) | Allows a user to preview or edit a JSON content in a dialog. | [Source](../lib/testing/src/lib/core/dialog/edit-json-dialog.ts) |
 | [Unsaved Changes Dialog](core/dialogs/unsaved-changes-dialog.component.md) | Dialog which informs about unsaved changes. Allows discard them and proceed or close dialog and stop proceeding. | [Source](../lib/core/src/lib/dialogs/unsaved-changes-dialog/unsaved-changes-dialog.component.ts) | 
 
@@ -163,38 +167,36 @@ for more information about installing and using the source code.
 
 | Name | Description | Source link |
 | ---- | ----------- | ----------- |
-| [Bpm User model](core/models/bpm-user.model.md) | Contains information about a Process Services user. | [Source](../lib/process-services/src/lib/common/models/bpm-user.model.ts) |
 | [Ecm User model](core/models/ecm-user.model.md) | Contains information about a Content Services user. | [Source](../lib/content-services/src/lib/common/models/ecm-user.model.ts) |
 | [Form Field model](core/models/form-field.model.md) | Contains the value and metadata for a field of a Form component. | [Source](../lib/core/src/lib/form/components/widgets/core/form-field.model.ts) |
 | [Product Version model](core/models/product-version.model.md) | Contains version and license information classes for Alfresco products. | [Source](../lib/core/src/lib/models/product-version.model.ts) |
-| [User Process model](core/models/user-process.model.md) | Represents a Process Services user. | [Source](../lib/process-services/src/lib/common/models/user-process.model.ts) |
 
 ### Pipes
 
-| Name | Description | Source link |
-| ---- | ----------- | ----------- |
-| [App Config Pipe](core/pipes/app-config.pipe.md) | Retrieves values from the application configuration file directly. | [Source](../lib/core/src/lib/app-config/app-config.pipe.ts) |
-| [Decimal Number Pipe](core/pipes/decimal-number.pipe.md) | Transforms a number to have a certain amount of digits in its integer part and also in its decimal part. | [Source](../lib/core/src/lib/pipes/decimal-number.pipe.ts) |
-| [File Size pipe](core/pipes/file-size.pipe.md) | Converts a number of bytes to the equivalent in KB, MB, etc. | [Source](../lib/core/src/lib/pipes/file-size.pipe.ts) |
-| [Format Space pipe](core/pipes/format-space.pipe.md) | Replaces all the white space in a string with a supplied character. | [Source](../lib/core/src/lib/pipes/format-space.pipe.ts) |
-| [Full name pipe](core/pipes/full-name.pipe.md) | Joins the first and last name properties from a UserProcessModel object into a single string. | [Source](../lib/core/src/lib/pipes/full-name.pipe.ts) |
-| [Localized Date pipe](core/pipes/localized-date.pipe.md) | Converts a date to a given format and locale. | [Source](../lib/core/src/lib/pipes/localized-date.pipe.ts) |
-| [Mime Type Icon pipe](core/pipes/mime-type-icon.pipe.md) | Retrieves an icon to represent a MIME type. | [Source](../lib/core/src/lib/pipes/mime-type-icon.pipe.ts) |
+| Name | Description                                                                                                                                                                                                                   | Source link |
+| ---- |-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ----------- |
+| [App Config Pipe](core/pipes/app-config.pipe.md) | Retrieves values from the application configuration file directly.                                                                                                                                                            | [Source](../lib/core/src/lib/app-config/app-config.pipe.ts) |
+| [Decimal Number Pipe](core/pipes/decimal-number.pipe.md) | Transforms a number to have a certain amount of digits in its integer part and also in its decimal part.                                                                                                                      | [Source](../lib/core/src/lib/pipes/decimal-number.pipe.ts) |
+| [File Size pipe](core/pipes/file-size.pipe.md) | Converts a number of bytes to the equivalent in KB, MB, etc.                                                                                                                                                                  | [Source](../lib/core/src/lib/pipes/file-size.pipe.ts) |
+| [Format Space pipe](core/pipes/format-space.pipe.md) | Replaces all the white space in a string with a supplied character.                                                                                                                                                           | [Source](../lib/core/src/lib/pipes/format-space.pipe.ts) |
+| [Full name pipe](core/pipes/full-name.pipe.md) | Joins the first and last name properties from a `UserLike` object into a single string.                                                                                                                                       | [Source](../lib/core/src/lib/pipes/full-name.pipe.ts) |
+| [Localized Date pipe](core/pipes/localized-date.pipe.md) | Converts a date to a given format and locale.                                                                                                                                                                                 | [Source](../lib/core/src/lib/pipes/localized-date.pipe.ts) |
+| [Mime Type Icon pipe](core/pipes/mime-type-icon.pipe.md) | Retrieves an icon to represent a MIME type.                                                                                                                                                                                   | [Source](../lib/core/src/lib/pipes/mime-type-icon.pipe.ts) |
 | [Multi Value Pipe](core/pipes/multi-value.pipe.md) | Takes an array of strings and turns it into one string where items are separated by a separator. The default separator applied to the list is the comma ,  however, you can set your own separator in the params of the pipe. | [Source](../lib/core/src/lib/pipes/multi-value.pipe.ts) |
-| [Node Name Tooltip pipe](core/pipes/node-name-tooltip.pipe.md) | Formats the tooltip for a Node. | [Source](../lib/content-services/src/lib/pipes/node-name-tooltip.pipe.ts) |
-| [Text Highlight pipe](core/pipes/text-highlight.pipe.md) | Adds highlighting to words or sections of text that match a search string. | [Source](../lib/core/src/lib/pipes/text-highlight.pipe.ts) |
-| [Time Ago pipe](core/pipes/time-ago.pipe.md) | Converts a recent past date into a number of days ago. | [Source](../lib/core/src/lib/pipes/time-ago.pipe.ts) |
-| [User Initial pipe](core/pipes/user-initial.pipe.md) | Takes the name fields of a UserProcessModel object and extracts and formats the initials. | [Source](../lib/core/src/lib/pipes/user-initial.pipe.ts) |
-| [Date Time pipe](core/pipes/date-time.pipe.md) | Converts a given input value into a Date object and adjusts it according to the specified format and timezone offset. | [Source](../lib/core/src/lib/pipes/date-time.pipe.ts) |
+| [Node Name Tooltip pipe](core/pipes/node-name-tooltip.pipe.md) | Formats the tooltip for a Node.                                                                                                                                                                                               | [Source](../lib/content-services/src/lib/pipes/node-name-tooltip.pipe.ts) |
+| [Text Highlight pipe](core/pipes/text-highlight.pipe.md) | Adds highlighting to words or sections of text that match a search string.                                                                                                                                                    | [Source](../lib/core/src/lib/pipes/text-highlight.pipe.ts) |
+| [Time Ago pipe](core/pipes/time-ago.pipe.md) | Converts a recent past date into a number of days ago.                                                                                                                                                                        | [Source](../lib/core/src/lib/pipes/time-ago.pipe.ts) |
+| [User Initial pipe](core/pipes/user-initial.pipe.md) | Takes the name fields of a `UserLike` object and extracts and formats the initials.                                                                                                                                            | [Source](../lib/core/src/lib/pipes/user-initial.pipe.ts) |
+| [Date Time pipe](core/pipes/date-time.pipe.md) | Converts a given input value into a Date object and adjusts it according to the specified format and timezone offset.                                                                                                         | [Source](../lib/core/src/lib/pipes/date-time.pipe.ts) |
 
 ### Services
 
 | Name | Description | Source link |
-| ---- | ----------- | ----------- |
+| ---- | ----------- | -------- |
 | [APS Alfresco Content Service](core/services/activiti-alfresco.service.md) | Gets Alfresco Repository folder content based on a Repository account configured in Alfresco Process Services (APS). | [Source](../lib/process-services/src/lib/form/services/activiti-alfresco.service.ts) |
 | [Alfresco Api Service](core/services/alfresco-api.service.md) | Provides access to an initialized AlfrescoJSApi instance. | [Source](../lib/core/src/lib/services/alfresco-api.service.ts) |
 | [App Config service](core/services/app-config.service.md) | Supports app configuration settings, stored server side. | [Source](../lib/core/src/lib/app-config/app-config.service.ts) |
-| [Apps Process service](core/services/apps-process.service.md) | Gets details of the Process Services apps that are deployed for the user. | [Source](../lib/process-services/src/lib/app-list/services/apps-process.service.ts) |
+| [Apps Process service](core/services/apps-process.service.md) | Gets details of the Process Services apps that are deployed for the user. | [Source](../lib/process-services/src/lib/services/apps-process.service.ts) |
 | [Auth Guard Bpm service](core/services/auth-guard-bpm.service.md) | Adds authentication with Process Services to a route within the app. | [Source](../lib/core/src/lib/auth/guard/auth-guard-bpm.service.ts) |
 | [Auth Guard Ecm service](core/services/auth-guard-ecm.service.md) | Adds authentication with Content Services to a route within the app. | [Source](../lib/core/src/lib/auth/guard/auth-guard-ecm.service.ts) |
 | [Auth Guard SSO Role service](core/services/auth-guard-sso-role.service.md) | Checks the user roles of a user. | [Source](../lib/core/src/lib/auth/guard/auth-guard-sso-role.service.ts) |
@@ -202,17 +204,13 @@ for more information about installing and using the source code.
 | [Authentication Service](core/services/authentication.service.md) | Provides authentication to ACS and APS. | [Source](../lib/core/src/lib/auth/services/authentication.service.ts) |
 | [Bpm User service](core/services/bpm-user.service.md) | Gets information about the current Process Services user. | [Source](../lib/core/src/lib/services/bpm-user.service.ts) |
 | [Card Item Type service](core/services/card-item-types.service.md) | Maps type names to field component types for the Card View component. | [Source](../lib/core/src/lib/card-view/services/card-item-types.service.ts) |
-| [Card View Update service](core/services/card-view-update.service.md) | Reports edits and clicks within fields of a Card View component. |  |
-| Implements BaseCardViewUpdate. | [Source](../lib/core/src/lib/card-view/services/card-view-update.service.ts) |  |
+| [Card View Update service](core/services/card-view-update.service.md) | Reports edits and clicks within fields of a Card View component. Implements BaseCardViewUpdate. | [Source](../lib/core/src/lib/card-view/services/card-view-update.service.ts) |  |
 | [Clipboard service](core/services/clipboard.service.md) | Copies text to the clipboard. | [Source](../lib/core/src/lib/clipboard/clipboard.service.ts) |
 | [Comment Content service](core/services/comment-content.service.md) | Adds and retrieves comments for nodes in Content Services. | [Source](../lib/core/src/lib/services/comment-content.service.ts) |
 | [Comment Process service](core/services/comment-process.service.md) | Adds and retrieves comments for task and process instances in Process Services. | [Source](../lib/process-services/src/lib/process-comments/services/comment-process.service.ts) |
 | [Content service](core/services/content.service.md) | Accesses app-generated data objects via URLs and file downloads. | [Source](../lib/content-services/src/lib/common/services/content.service.ts) |
 | [Cookie service](core/services/cookie.service.md) | Stores key-value data items as browser cookies. | [Source](../lib/core/src/lib/common/services/cookie.service.ts) |
-| [DataTable service](core/services/datatable.service.md) | If you need to update one row of your datatable you can use the  DataTableService to update it. |  |
-
-To update a single row you can use the rowUpdate subject. 
-The model to update the DataTable require the ID of the row you want change and the new data Object of the row | [Source](../lib/core/src/lib/datatable/services/datatable.service.ts) |
+| [DataTable service](core/services/datatable.service.md) | If you need to update one row of your datatable you can use the  DataTableService to update it. To update a single row you can use the rowUpdate subject. The model to update the DataTable require the ID of the row you want change and the new data Object of the row | [Source](../lib/core/src/lib/datatable/services/datatable.service.ts) |
 | [Deleted Nodes Api service](core/services/deleted-nodes-api.service.md) | Gets a list of Content Services nodes currently in the trash. | [Source](../lib/core/src/lib/services/deleted-nodes-api.service.ts) |
 | [Discovery Api service](core/services/discovery-api.service.md) | Gets version and license information for Process Services and Content Services. | [Source](../lib/content-services/src/lib/common/services/discovery-api.service.ts) |
 | [Download zip service](core/services/download-zip.service.md) | Creates and manages downloads. | [Source](../lib/content-services/src/lib/dialogs/download-zip/services/download-zip.service.ts) |
@@ -231,7 +229,7 @@ The model to update the DataTable require the ID of the row you want change and
 | [Notification Service](core/services/notification.service.md) | Shows a notification message with optional feedback. | [Source](../lib/core/src/lib/notifications/services/notification.service.ts) |
 | [Page Title service](core/services/page-title.service.md) | Sets the page title. | [Source](../lib/core/src/lib/common/services/page-title.service.ts) |
 | [People Content service](core/services/people-content.service.md) | Gets information about a Content Services user. | [Source](../lib/content-services/src/lib/common/services/people-content.service.ts) |
-| [People Process service](core/services/people-process.service.md) | Gets information about Process Services users. | [Source](../lib/process-services/src/lib/common/services/people-process.service.ts) |
+| [People Process service](core/services/people-process.service.md) | Gets information about Process Services users. | [Source](../lib/process-services/src/lib/services/people-process.service.ts) |
 | [Process Content Service](core/services/process-content.service.md) | Manipulates content related to a Process Instance or Task Instance in APS. | [Source](../lib/process-services/src/lib/form/services/process-content.service.ts) |
 | [Renditions service](core/services/renditions.service.md) | Manages prearranged conversions of content to different formats. | [Source](../lib/core/src/lib/services/renditions.service.ts) |
 | [Search Configuration service](core/services/search-configuration.service.md) | Provides fine control of parameters to a search. | [Source](../lib/content-services/src/lib/search/services/search-configuration.service.ts) |
@@ -278,10 +276,9 @@ for more information about installing and using the source code.
 | [Breadcrumb Component](content-services/components/breadcrumb.component.md) | Indicates the current position within a navigation hierarchy. | [Source](../lib/content-services/src/lib/breadcrumb/breadcrumb.component.ts) |
 | [Content Action component](content-services/components/content-action.component.md) | Adds options to a Document List actions menu for a particular content type. | [Source](../lib/content-services/src/lib/document-list/components/content-action/content-action.component.ts) |
 | [Content Metadata Card component](content-services/components/content-metadata-card.component.md) | Displays and edits metadata related to a node. | [Source](../lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.ts) |
-| [Content Node Selector Panel component](content-services/components/content-node-selector-panel.component.md) | Opens a Content Node Selector  in its own dialog window. | [Source](../lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.ts) |
+| [Content Node Selector Panel component](content-services/components/content-node-selector-panel.component.md) | Opens a Content Node Selector  in its own dialog window. | [Source](../lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.ts) |
 | [Content Node Selector component](content-services/components/content-node-selector.component.md) | Allows a user to select items from a Content Services repository. | [Source](../lib/content-services/src/lib/content-node-selector/content-node-selector.component.ts) |
 | [Content Type Dialog component](content-services/components/content-type-dialog.component.md) | Confirm dialog when user changes content type of a node. | [Source](../lib/content-services/src/lib/content-type/content-type-dialog.component.ts) |
-| [Content User Info component](content-services/components/content-user-info.component.md) | Shows user information for CONTENT and CONTENT_SSO mode. | [Source](../lib/content-services/src/lib/content-user-info/content-user-info.component.ts) |
 | [Document List component](content-services/components/document-list.component.md) | Displays the documents from a repository. | [Source](../lib/content-services/src/lib/document-list/components/document-list.component.ts) |
 | [Dropdown Breadcrumb Component](content-services/components/dropdown-breadcrumb.component.md) | Indicates the current position within a navigation hierarchy using a dropdown menu. | [Source](../lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.ts) |
 | [File Uploading Dialog Component](content-services/components/file-uploading-dialog.component.md) | Shows a dialog listing all the files uploaded with the Upload Button or Drag Area components. | [Source](../lib/content-services/src/lib/upload/components/file-uploading-dialog.component.ts) |
@@ -308,7 +305,7 @@ for more information about installing and using the source code.
 | [Search Sorting Picker Component](content-services/components/search-sorting-picker.component.md) | Provides an ability to select one of the predefined sorting definitions for search results: | [Source](../lib/content-services/src/lib/search/components/search-sorting-picker/search-sorting-picker.component.ts) |
 | [Search text component](content-services/components/search-text.component.md) | Implements a text input widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-text/search-text.component.ts) |
 | [Search component](content-services/components/search.component.md) | Searches items for supplied search terms. | [Source](../lib/content-services/src/lib/search/components/search.component.ts) |
-| [Sites Dropdown component](content-services/components/sites-dropdown.component.md) | Displays a dropdown menu to show and interact with the sites of the current user. | [Source](../lib/content-services/src/lib/site-dropdown/sites-dropdown.component.ts) |
+| [Sites Dropdown component](content-services/components/sites-dropdown.component.md) | Displays a dropdown menu to show and interact with the sites of the current user. | [Source](../lib/content-services/src/lib/content-node-selector/site-dropdown/sites-dropdown.component.ts) |
 | [Tag Node Actions List component](content-services/components/tag-actions.component.md) | Shows available actions for tags. | [Source](../lib/content-services/src/lib/tag/tag-actions.component.ts) |
 | [Tag List component](content-services/components/tag-list.component.md) | Shows tags for an item. | [Source](../lib/content-services/src/lib/tag/tag-list.component.ts) |
 | [Tag Node List component](content-services/components/tag-node-list.component.md) | Shows tags for a node. | [Source](../lib/content-services/src/lib/tag/tag-node-list.component.ts) |
@@ -344,7 +341,7 @@ for more information about installing and using the source code.
 
 | Name | Description | Source link |
 | ---- | ----------- | ----------- |
-| [Confirm dialog component](content-services/dialogs/confirm.dialog.md) | Requests a yes/no choice from the user. | [Source](../lib/content-services/src/lib/dialogs/confirm.dialog.ts) |
+| [Dialog component](content-services/dialogs/dialog.md) | Dialog styled wrapper. | [Source](../lib/content-services/src/lib/dialogs/dialog/dialog.component.ts) |
 | [Library dialog component](content-services/dialogs/library.dialog.md) | Creates a new Content Services document library/site. | [Source](../lib/content-services/src/lib/dialogs/library/library.dialog.ts) |
 
 ### Interfaces
@@ -395,7 +392,7 @@ for more information about installing and using the source code.
 | [Security Controls service](content-services/services/security-controls.service.md) | Manages security groups & marks in Content Services. | [Source](../lib/content-services/src/lib/security/services/security-controls-groups-marks-security.service.ts) |
 | [Sites service](content-services/services/sites.service.md) | Accesses and manipulates sites from a Content Services repository. | [Source](../lib/content-services/src/lib/common/services/sites.service.ts) |
 | [Tag service](content-services/services/tag.service.md) | Manages tags in Content Services. | [Source](../lib/content-services/src/lib/tag/services/tag.service.ts) |
-| [Task Comments service](content-services/services/task-comments.service.md) | Adds and retrieves comments for task and process instances in Process Services. | [Source](../lib/process-services/src/lib/task-comments/services/task-comments.service.ts) |
+| [Task Comments service](content-services/services/task-comments.service.md) | Adds and retrieves comments for task and process instances in Process Services. | [Source](../lib/process-services/src/lib/services/task-comments.service.ts) |
 
 <!--content-services end-->
 
@@ -415,42 +412,41 @@ for more information about installing and using the source code.
 | Name | Description | Source link |
 | ---- | ----------- | ----------- |
 | [Apps List Component](process-services/components/apps-list.component.md) | Shows all available apps. | [Source](../lib/process-services/src/lib/app-list/apps-list.component.ts) |
-| [Attach Form component](process-services/components/attach-form.component.md) | This component can be used when there is no form attached to a task and you want to add one. | [Source](../lib/process-services/src/lib/task-list/components/attach-form.component.ts) |
-| [Checklist Component](process-services/components/checklist.component.md) | Shows the checklist task functionality. | [Source](../lib/process-services/src/lib/task-list/components/checklist.component.ts) |
-| [Create Process Attachment component](process-services/components/create-process-attachment.component.md) | Displays an Upload Component (Drag and Click) to upload the attachment to a specified process instance. | [Source](../lib/process-services/src/lib/attachment/create-process-attachment.component.ts) |
-| [Create Task Attachment Component](process-services/components/create-task-attachment.component.md) | Displays an Upload Component (Drag and Click) to upload the attachment to a specified task. | [Source](../lib/process-services/src/lib/attachment/create-task-attachment.component.ts) |
+| [Attach Form component](process-services/components/attach-form.component.md) | This component can be used when there is no form attached to a task and you want to add one. | [Source](../lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.ts) |
+| [Checklist Component](process-services/components/checklist.component.md) | Shows the checklist task functionality. | [Source](../lib/process-services/src/lib/task-list/components/checklist/checklist.component.ts) |
+| [Create Process Attachment component](process-services/components/create-process-attachment.component.md) | Displays an Upload Component (Drag and Click) to upload the attachment to a specified process instance. | [Source](../lib/process-services/src/lib/attachment/create-process-attachment/create-process-attachment.component.ts) |
+| [Create Task Attachment Component](process-services/components/create-task-attachment.component.md) | Displays an Upload Component (Drag and Click) to upload the attachment to a specified task. | [Source](../lib/process-services/src/lib/attachment/create-task-attachment/create-task-attachment.component.ts) |
 | [Form custom outcomes component](process-services/components/form-custom-outcome.component.md) | Supplies custom outcome buttons to be included in Form component. | [Source](../lib/process-services/src/lib/form/form-custom-outcomes.component.ts) |
 | [Form component](process-services/components/form.component.md) | Shows a Form from APS | [Source](../lib/process-services/src/lib/form/form.component.ts) |
 | [People list component](process-services/components/people-list.component.md) | Shows a list of users (people). | [Source](../lib/process-services/src/lib/people/components/people-list/people-list.component.ts) |
 | [People Search component](process-services/components/people-search.component.md) | Searches users/people. | [Source](../lib/process-services/src/lib/people/components/people-search/people-search.component.ts) |
 | [People Component](process-services/components/people.component.md) | Displays users involved with a specified task | [Source](../lib/process-services/src/lib/people/components/people/people.component.ts) |
-| [Process Attachment List component](process-services/components/process-attachment-list.component.md) | Displays documents attached to a specified process instance. | [Source](../lib/process-services/src/lib/attachment/process-attachment-list.component.ts) |
+| [Process Attachment List component](process-services/components/process-attachment-list.component.md) | Displays documents attached to a specified process instance. | [Source](../lib/process-services/src/lib/attachment/process-attachment-list/process-attachment-list.component.ts) |
 | [Process Instance Comments component](process-services/components/process-comments.component.md) | Displays comments associated with a particular process instance and allows the user to add new comments. | [Source](../lib/process-services/src/lib/process-comments/process-comments.component.ts) |
-| [Process Filters Component](process-services/components/process-filters.component.md) | Collection of criteria used to filter process instances, which may be customized by users. | [Source](../lib/process-services/src/lib/process-list/components/process-filters.component.ts) |
-| [Process Details component](process-services/components/process-instance-details.component.md) | Displays detailed information about a specified process instance | [Source](../lib/process-services/src/lib/process-list/components/process-instance-details.component.ts) |
-| [Process Instance Details Header component](process-services/components/process-instance-header.component.md) | Sub-component of the process details component, which renders some general information about the selected process. | [Source](../lib/process-services/src/lib/process-list/components/process-instance-header.component.ts) |
-| [Process Instance Tasks component](process-services/components/process-instance-tasks.component.md) | Lists both the active and completed tasks associated with a particular process instance | [Source](../lib/process-services/src/lib/process-list/components/process-instance-tasks.component.ts) |
-| [Process Instance List](process-services/components/process-list.component.md) | Renders a list containing all the process instances matched by the parameters specified. | [Source](../lib/process-services/src/lib/process-list/components/process-list.component.ts) |
-| [Process User Info component](process-services/components/process-user-info.component.md) | Shows user information for PROCESS and ALL mode. | [Source](../lib/process-services/src/lib/process-user-info/process-user-info.component.ts) |
-| [Select App Component](process-services/components/select-apps-dialog.component.md) | Shows all available apps and returns the selected app. | [Source](../lib/process-services/src/lib/app-list/select-apps-dialog.component.ts) |
-| [Start Process component](process-services/components/start-process.component.md) | Starts a process. | [Source](../lib/process-services/src/lib/process-list/components/start-process.component.ts) |
-| [Start Task Component](process-services/components/start-task.component.md) | Creates/Starts a new task for the specified app. | [Source](../lib/process-services/src/lib/task-list/components/start-task.component.ts) |
-| [Task Attachment List Component](process-services/components/task-attachment-list.component.md) | Displays documents attached to a specified task. | [Source](../lib/process-services/src/lib/attachment/task-attachment-list.component.ts) |
+| [Process Filters Component](process-services/components/process-filters.component.md) | Collection of criteria used to filter process instances, which may be customized by users. | [Source](../lib/process-services/src/lib/process-list/components/process-filters/process-filters.component.ts) |
+| [Process Details component](process-services/components/process-instance-details.component.md) | Displays detailed information about a specified process instance | [Source](../lib/process-services/src/lib/process-list/components/process-instance-details/process-instance-details.component.ts) |
+| [Process Instance Details Header component](process-services/components/process-instance-header.component.md) | Sub-component of the process details component, which renders some general information about the selected process. | [Source](../lib/process-services/src/lib/process-list/components/process-instance-header/process-instance-header.component.ts) |
+| [Process Instance Tasks component](process-services/components/process-instance-tasks.component.md) | Lists both the active and completed tasks associated with a particular process instance | [Source](../lib/process-services/src/lib/process-list/components/process-instance-tasks/process-instance-tasks.component.ts) |
+| [Process Instance List](process-services/components/process-list.component.md) | Renders a list containing all the process instances matched by the parameters specified. | [Source](../lib/process-services/src/lib/process-list/components/process-list/process-list.component.ts) |
+| [Select App Component](process-services/components/select-apps-dialog.component.md) | Shows all available apps and returns the selected app. | [Source](../lib/process-services/src/lib/app-list/select-apps-dialog/select-apps-dialog.component.ts) |
+| [Start Process component](process-services/components/start-process.component.md) | Starts a process. | [Source](../lib/process-services/src/lib/process-list/components/start-process/start-process.component.ts) |
+| [Start Task Component](process-services/components/start-task.component.md) | Creates/Starts a new task for the specified app. | [Source](../lib/process-services/src/lib/task-list/components/start-task/start-task.component.ts) |
+| [Task Attachment List Component](process-services/components/task-attachment-list.component.md) | Displays documents attached to a specified task. | [Source](../lib/process-services/src/lib/attachment/task-attachment-list/task-attachment-list.component.ts) |
 | [Task Comments Component](process-services/components/task-comments.component.md) | Displays comments from users involved in a specified task and allows an involved user to add a comment to a task. | [Source](../lib/process-services/src/lib/task-comments/task-comments.component.ts) |
-| [Task Details component](process-services/components/task-details.component.md) | Shows the details of the task ID passed in as input. | [Source](../lib/process-services/src/lib/task-list/components/task-details.component.ts) |
-| [Task Filters component](process-services/components/task-filters.component.md) | Shows all available filters. | [Source](../lib/process-services/src/lib/task-list/components/task-filters.component.ts) |
+| [Task Details component](process-services/components/task-details.component.md) | Shows the details of the task ID passed in as input. | [Source](../lib/process-services/src/lib/task-list/components/task-details/task-details.component.ts) |
+| [Task Filters component](process-services/components/task-filters.component.md) | Shows all available filters. | [Source](../lib/process-services/src/lib/task-list/components/task-filters/task-filters.component.ts) |
 | [Task Form component](process-services/components/task-form.component.md) | Shows a form for a task. | [Source](../lib/process-services/src/lib/task-list/components/task-form/task-form.component.ts) |
-| [Task Header component](process-services/components/task-header.component.md) | Shows all the information related to a task. | [Source](../lib/process-services/src/lib/task-list/components/task-header.component.ts) |
-| [Task List component](process-services/components/task-list.component.md) | Renders a list containing all the tasks matched by the parameters specified. | [Source](../lib/process-services/src/lib/task-list/components/task-list.component.ts) |
-| [Task Standalone component](process-services/components/task-standalone.component.md) | This component can be used when the task doesn't belong to any processes. | [Source](../lib/process-services/src/lib/task-list/components/task-standalone.component.ts) |
+| [Task Header component](process-services/components/task-header.component.md) | Shows all the information related to a task. | [Source](../lib/process-services/src/lib/task-list/components/task-header/task-header.component.ts) |
+| [Task List component](process-services/components/task-list.component.md) | Renders a list containing all the tasks matched by the parameters specified. | [Source](../lib/process-services/src/lib/task-list/components/task-list/task-list.component.ts) |
+| [Task Standalone component](process-services/components/task-standalone.component.md) | This component can be used when the task doesn't belong to any processes. | [Source](../lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.ts) |
 
 ### Directives
 
 | Name | Description | Source link |
 | ---- | ----------- | ----------- |
 | [Claim Task Directive](process-services/directives/claim-task.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Claims a task | [Source](../lib/process-services/src/lib/task-list/components/task-form/claim-task.directive.ts) |
-| [Process Audit Directive](process-services/directives/process-audit.directive.md) | Fetches the Process Audit information in PDF or JSON format. | [Source](../lib/process-services/src/lib/process-list/components/process-audit.directive.ts) |
-| [Task Audit Directive](process-services/directives/task-audit.directive.md) | Fetches the Task Audit information in PDF or JSON format. | [Source](../lib/process-services/src/lib/task-list/components/task-audit.directive.ts) |
+| [Process Audit Directive](process-services/directives/process-audit.directive.md) | Fetches the Process Audit information in PDF or JSON format. | [Source](../lib/process-services/src/lib/process-list/components/process-audit/process-audit.directive.ts) |
+| [Task Audit Directive](process-services/directives/task-audit.directive.md) | Fetches the Task Audit information in PDF or JSON format. | [Source](../lib/process-services/src/lib/task-list/components/task-audit/task-audit.directive.ts) |
 | [Unclaim Task Directive](process-services/directives/unclaim-task.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Unclaims a task | [Source](../lib/process-services/src/lib/task-list/components/task-form/unclaim-task.directive.ts) |
 
 ### Services
@@ -579,21 +575,19 @@ for more information about installing and using the source code.
 ## Insights API
 
 Contains components for Process Services analytics and diagrams.
-See the library's
-[README file](../lib/insights/README.md)
-for more information about installing and using the source code.
+See the library [README](../lib/insights/README.md) for more details.
 
 <!--insights start-->
 
 ### Components
 
-| Name | Description | Source link |
-| ---- | ----------- | ----------- |
-| [Analytics Generator Component](insights/components/analytics-generator.component.md) | Generates and shows charts | [Source](../lib/insights/src/lib/analytics-process/components/analytics-generator.component.ts) |
-| [APS Analytics List Component](insights/components/analytics-report-list.component.md) | Shows a list of all available reports | [Source](../lib/insights/src/lib/analytics-process/components/analytics-report-list.component.ts) |
-| [APS Analytics Component](insights/components/analytics.component.md) | Shows the charts related to the reportId passed as input | [Source](../lib/insights/src/lib/analytics-process/components/analytics.component.ts) |
-| [Diagram Component](insights/components/diagram.component.md) | Displays process diagrams. | [Source](../lib/insights/src/lib/diagram/components/diagram.component.ts) |
-| [Widget component](insights/components/widget.component.md) | Base class for standard and custom widget classes. | [Source](../lib/insights/src/lib/analytics-process/components/widgets/widget.component.ts) |
+| Name                                                                                   | Description                                              |
+|----------------------------------------------------------------------------------------|----------------------------------------------------------|
+| [Analytics Generator Component](insights/components/analytics-generator.component.md)  | Generates and shows charts                               |
+| [APS Analytics List Component](insights/components/analytics-report-list.component.md) | Shows a list of all available reports                    |
+| [APS Analytics Component](insights/components/analytics.component.md)                  | Shows the charts related to the reportId passed as input |
+| [Diagram Component](insights/components/diagram.component.md)                          | Displays process diagrams.                               |
+| [Widget component](core/services/widget.component.md)                                  | Base class for standard and custom widget classes.       |
 
 <!--insights end-->
 

docs/content-services/components/breadcrumb.component.md

@@ -23,15 +23,16 @@ Indicates the current position within a navigation hierarchy.
 
 ### Properties
 
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| folderNode | `Node` | null | Active node, builds UI based on folderNode.path.elements collection. |
-| maxItems | `number` |  | Maximum number of nodes to display before wrapping them with a dropdown element. |
-| readOnly | `boolean` | false | If true, prevents the user from navigating away from the active node. |
-| root | `string` | null | (optional) Name of the root element of the breadcrumb. You can use this property to rename "Company Home" to "Personal Files" for example. You can use an i18n resource key for the property value. |
-| rootId | `string` | null | (optional) The id of the root element. You can use this property to set a custom element the breadcrumb should start with. |
-| target | [`DocumentListComponent`](../../content-services/components/document-list.component.md) |  | (optional) [Document List component](../../content-services/components/document-list.component.md) to operate with. The list will update when the breadcrumb is clicked. |
-| transform | `Function` |  | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
+| Name                  | Type                                                                                    | Default value | Description                                                                                                                                                                                                                                                              |
+|-----------------------|-----------------------------------------------------------------------------------------|---------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| folderNode            | `Node`                                                                                  | null          | Active node, builds UI based on folderNode.path.elements collection.                                                                                                                                                                                                     |
+| maxItems              | `number`                                                                                |               | Maximum number of nodes to display before wrapping them with a dropdown element.                                                                                                                                                                                         |
+| readOnly              | `boolean`                                                                               | false         | If true, prevents the user from navigating away from the active node.                                                                                                                                                                                                    |
+| root                  | `string`                                                                                | null          | (optional) Name of the root element of the breadcrumb. You can use this property to rename "Company Home" to "Personal Files" for example. You can use an i18n resource key for the property value.                                                                      |
+| rootId                | `string`                                                                                | null          | (optional) The id of the root element. You can use this property to set a custom element the breadcrumb should start with.                                                                                                                                               |
+| target                | [`DocumentListComponent`](../../content-services/components/document-list.component.md) |               | (optional) [Document List component](../../content-services/components/document-list.component.md) to operate with. The list will update when the breadcrumb is clicked.                                                                                                 |
+| transform             | `Function`                                                                              |               | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
+| selectedRowItemsCount | `number`                                                                                | 0             | Number of table rows that are currently selected.                                                                                                                                                                                                                        |
 
 ### Events
 

docs/content-services/components/content-node-selector-panel.component.md

@@ -2,10 +2,10 @@
 Title: Content Node Selector Panel component
 Added: v2.1.0
 Status: Active
-Last reviewed: 2019-03-20
+Last reviewed: 2024-06-21
 ---
 
-# [Content Node Selector Panel component](../../../lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.ts "Defined in content-node-selector-panel.component.ts")
+# Content Node Selector Panel Component
 
 Opens a [Content Node Selector](content-node-selector.component.md)  in its own dialog window.
 
@@ -28,50 +28,53 @@ Opens a [Content Node Selector](content-node-selector.component.md)  in its own
 
 ### Properties
 
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| breadcrumbTransform | `Function` |  | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
-| currentFolderId | `string` | null | Node ID of the folder currently listed. |
-| dropdownHideMyFiles | `boolean` | false | Hide the "My Files" option added to the site list by default. See the [Sites Dropdown component](sites-dropdown.component.md) for more information. |
-| dropdownSiteList | [`SitePaging`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/SitePaging.md) | null | Custom site for site dropdown. This is the same as the `siteList`. property of the Sites Dropdown component (see its doc page for more information). |
-| imageResolver | [`ImageResolver`](../../../lib/content-services/src/lib/document-list/data/image-resolver.model.ts) | null | Custom image resolver function. See the [Image Resolver Model](image-resolver.model.md) page for more information. |
-| isSelectionValid | [`ValidationFunction`](../../../lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.ts) | defaultValidation | Function used to decide if the selected node has permission to be selected. Default value is a function that always returns true. |
-| pageSize | `number` |  | Number of items shown per page in the list. |
-| restrictRootToCurrentFolderId | `boolean` | false | If true will restrict the search and breadcrumbs to the currentFolderId |
-| selectionMode | `"single" \| "multiple"` | "single" | Define the selection mode for document list. The allowed values are single or multiple |
-| where | `string` |  | Custom _where_ filter function. See the [Document List component](../../content-services/components/document-list.component.md) for more information. |
-| excludeSiteContent | `string[]` |  | Custom list of site content componentIds. Used to filter out the corresponding items from the displayed nodes |
-| rowFilter | [`RowFilter`](../../../lib/content-services/src/lib/document-list/data/row-filter.model.ts) |  | Custom row filter function. See the [Row Filter Model](row-filter.model.md) page for more information. |
-| showDropdownSiteList | `boolean` |  | Toggle sites list dropdown rendering |
-| showFilesInResult | `void` |  | Shows the files and folders in the search result |
-| showNodeCounter | `boolean` |  | Shows the node counter in the breadcrumb |
-| showSearch | `boolean` |  | Toggle search input rendering |
+| Name                          | Type                     | Default value     | Description                                                                                                                                                                                                                                                              |
+|-------------------------------|--------------------------|-------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| breadcrumbTransform           | `Function`               |                   | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
+| currentFolderId               | `string`                 | null              | Node ID of the folder currently listed.                                                                                                                                                                                                                                  |
+| dropdownHideMyFiles           | `boolean`                | false             | Hide the "My Files" option added to the site list by default. See the [Sites Dropdown component](sites-dropdown.component.md) for more information.                                                                                                                      |
+| dropdownSiteList              | `SitePaging`             | null              | Custom site for site dropdown. This is the same as the `siteList`. property of the Sites Dropdown component (see its doc page for more information).                                                                                                                     |
+| imageResolver                 | `ImageResolver`          | null              | Custom image resolver function. See the [Image Resolver Model](../models/image-resolver.model.md) page for more information.                                                                                                                                             |
+| isSelectionValid              | `ValidationFunction`     | defaultValidation | Function used to decide if the selected node has permission to be selected. Default value is a function that always returns true.                                                                                                                                        |
+| pageSize                      | `number`                 |                   | Number of items shown per page in the list.                                                                                                                                                                                                                              |
+| restrictRootToCurrentFolderId | `boolean`                | false             | If true will restrict the search and breadcrumbs to the currentFolderId                                                                                                                                                                                                  |
+| selectionMode                 | `"single" \| "multiple"` | "single"          | Define the selection mode for document list. The allowed values are single or multiple                                                                                                                                                                                   |
+| where                         | `string`                 |                   | Custom _where_ filter function. See the [Document List component](../../content-services/components/document-list.component.md) for more information.                                                                                                                    |
+| excludeSiteContent            | `string[]`               |                   | Custom list of site content componentIds. Used to filter out the corresponding items from the displayed nodes                                                                                                                                                            |
+| rowFilter                     | `RowFilter`              |                   | Custom row filter function. See the [Row Filter Model](row-filter.model.md) page for more information.                                                                                                                                                                   |
+| showDropdownSiteList          | `boolean`                |                   | Toggle sites list dropdown rendering                                                                                                                                                                                                                                     |
+| showFilesInResult             | `void`                   |                   | Shows the files and folders in the search result                                                                                                                                                                                                                         |
+| showNodeCounter               | `boolean`                |                   | Shows the node counter in the breadcrumb                                                                                                                                                                                                                                 |
+| showSearch                    | `boolean`                |                   | Toggle search input rendering                                                                                                                                                                                                                                            |
 
 ### Events
 
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| currentFolder | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<Node>` | Emitted when current folder loaded. |
-| folderLoaded | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when folder loaded. |
-| navigationChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntryEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>` | Emitted when the navigation changes. |
-| select | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<Node[]>` | Emitted when the user has chosen an item. |
-| showingSearch | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<boolean>` | Emitted when search is running. |
-| siteChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<string>` | Emitted when the select site changes. |
+| Name             | Type                           | Description                               |
+|------------------|--------------------------------|-------------------------------------------|
+| currentFolder    | `EventEmitter<Node>`           | Emitted when current folder loaded.       |
+| folderLoaded     | `EventEmitter<any>`            | Emitted when folder loaded.               |
+| navigationChange | `EventEmitter<NodeEntryEvent>` | Emitted when the navigation changes.      |
+| select           | `EventEmitter<Node[]>`         | Emitted when the user has chosen an item. |
+| showingSearch    | `EventEmitter<boolean>`        | Emitted when search is running.           |
+| siteChange       | `EventEmitter<string>`         | Emitted when the select site changes.     |
 
 ## Details
 
 This component opens a _content node selector_ in its own dialog window. This behaves a lot like the
 standard file open/save dialogs used by applications to choose files. Full details are given in the
 [Content Node Selector component](content-node-selector.component.md) page (this is similar but does
-not manage the dialog window for you). Also, the
-[Content Node Dialog service](../services/content-node-dialog.service.md) has several methods that give you
+not manage the dialog window for you). 
+
+Also, the [Content Node Dialog service](../services/content-node-dialog.service.md) has several methods that give you
 finer control over the behavior of the dialog.
 
 ### Using the breadcrumbTransform function
 
-The `breadcrumbTransform` property lets you modify the [`Node`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) object that is used to generate the
+The `breadcrumbTransform` property lets you modify the `Node` object that is used to generate the
 list of breadcrumbs. You can use this, for example, to remove path elements that are not
-relevant to the use case. See the [Breadcrumb component](breadcrumb.component.md) page for an
+relevant to the use case. 
+
+See the [Breadcrumb component](breadcrumb.component.md) page for an
 example of how to use this function.
 
 ## See also

docs/content-services/components/content-node-selector.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-01-16
 ---
 
-# [Content Node Selector component](../../../lib/content-services/src/lib/content-node-selector/content-node-selector.component.ts "Defined in content-node-selector.component.ts")
+# Content Node Selector component
 
 Allows a user to select items from a Content Services repository.
 
@@ -15,19 +15,18 @@ Allows a user to select items from a Content Services repository.
 
 The [Content Node Selector component](content-node-selector.component.md) works a lot like the standard File Open/Save
 dialog used by desktop applications except that it chooses items from a Content Services
-repository rather than the filesystem. For example, the
-[Document List component](document-list.component.md) uses a selector to choose the targets
-of Copy/Move actions (see the [Content Action component](content-action.component.md) for
-more information).
+repository rather than the filesystem. 
+
+For example, the [Document List component](document-list.component.md) uses a selector to choose the targets
+of Copy/Move actions (see the [Content Action component](content-action.component.md) for more information).
 
 ### Showing the dialog
 
 Unlike most components, the [Content Node Selector Component](content-node-selector.component.md) is typically shown in a dialog box
-rather than the main page and you are responsible for opening the dialog yourself. You can use the
-[Angular Material Dialog](https://material.angular.io/components/dialog/overview) for this,
-as shown in the usage example. ADF provides the [`ContentNodeSelectorComponentData`](../../../lib/content-services/src/lib/content-node-selector/content-node-selector.component-data.interface.ts) interface
-to work with the Dialog's
-[data option](https://material.angular.io/components/dialog/overview#sharing-data-with-the-dialog-component-):
+rather than the main page, and you are responsible for opening the dialog yourself. 
+
+You can use the [Angular Material Dialog](https://material.angular.io/components/dialog/overview) for this, as shown in the usage example. 
+ADF provides the `ContentNodeSelectorComponentData` interface to work with the Dialog [data option](https://material.angular.io/components/dialog/overview#sharing-data-with-the-dialog-component-):
 
 ```ts
 export interface ContentNodeSelectorComponentData {
@@ -55,22 +54,22 @@ export interface ContentNodeSelectorComponentData {
 
 The properties are described in the table below:
 
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| title | `string` | "" | Dialog title |
-| actionName | `string` | "" | Text to appear on the dialog's main action button ("Move", "Copy", etc) |
-| currentFolderId | `string` | `null` | [`Node`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) ID of the folder currently listed. |
-| dropdownHideMyFiles | `boolean` | `false` | Hide the "My Files" option added to the site list by default. See the [Sites Dropdown component](sites-dropdown.component.md) for more information. |
-| dropdownSiteList | [`SitePaging`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/SitePaging.md) | `null` | Custom site for site dropdown same as siteList. See the [Sites Dropdown component](sites-dropdown.component.md) for more information. |
-| rowFilter | [`RowFilter`](../../../lib/content-services/src/lib/document-list/data/row-filter.model.ts) | `null` | Custom row filter function. See the [Row Filter Model](../models/row-filter.model.md) page for more information. |
-| where | `string` | `null` | Custom _where_ filter function. See the [Document List component](document-list.component.md) for more information. |
-| imageResolver | [`ImageResolver`](../../../lib/content-services/src/lib/document-list/data/image-resolver.model.ts) | `null` | Custom image resolver function. See the [Image Resolver Model](../models/image-resolver.model.md) page for more information. |
-| pageSize | `number` |  | Number of items shown per page in the list. |
-| isSelectionValid | [`ValidationFunction`](../../../lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.ts) | `defaultValidation` | Function used to decide if the selected node has permission to be selected. Default value is a function that always returns true. |
-| breadcrumbTransform | `(node: any) => any` |  | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
-| select | [`Subject<Node>`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) |  | Event emitted with the current node selection when the dialog closes |
-| showSearch | `boolean` | `true` | Render search input |
-| showDropdownSiteList | `boolean` | `true` | Render sites list dropdown menu |
+| Name                 | Type                 | Default value       | Description                                                                                                                                                                                                                                                              |
+|----------------------|----------------------|---------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| title                | `string`             | ""                  | Dialog title                                                                                                                                                                                                                                                             |
+| actionName           | `string`             | ""                  | Text to appear on the dialog's main action button ("Move", "Copy", etc)                                                                                                                                                                                                  |
+| currentFolderId      | `string`             | `null`              | The ID of the folder node currently listed.                                                                                                                                                                                                                              |
+| dropdownHideMyFiles  | `boolean`            | `false`             | Hide the "My Files" option added to the site list by default. See the [Sites Dropdown component](sites-dropdown.component.md) for more information.                                                                                                                      |
+| dropdownSiteList     | `SitePaging`         | `null`              | Custom site for site dropdown same as siteList. See the [Sites Dropdown component](sites-dropdown.component.md) for more information.                                                                                                                                    |
+| rowFilter            | `RowFilter`          | `null`              | Custom row filter function. See the [Row Filter Model](../models/row-filter.model.md) page for more information.                                                                                                                                                         |
+| where                | `string`             | `null`              | Custom _where_ filter function. See the [Document List component](document-list.component.md) for more information.                                                                                                                                                      |
+| imageResolver        | `ImageResolver`      | `null`              | Custom image resolver function. See the [Image Resolver Model](../models/image-resolver.model.md) page for more information.                                                                                                                                             |
+| pageSize             | `number`             |                     | Number of items shown per page in the list.                                                                                                                                                                                                                              |
+| isSelectionValid     | `ValidationFunction` | `defaultValidation` | Function used to decide if the selected node has permission to be selected. Default value is a function that always returns true.                                                                                                                                        |
+| breadcrumbTransform  | `(node: any) => any` |                     | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
+| select               | `Subject<Node>`      |                     | Event emitted with the current node selection when the dialog closes                                                                                                                                                                                                     |
+| showSearch           | `boolean`            | `true`              | Render search input                                                                                                                                                                                                                                                      |
+| showDropdownSiteList | `boolean`            | `true`              | Render sites list dropdown menu                                                                                                                                                                                                                                          |
 
 If you don't want to manage the dialog yourself then it is easier to use the
 [Content Node Selector Panel component](content-node-selector-panel.component.md), or the
@@ -81,65 +80,65 @@ the dialog for you.
 
 ```ts
 import { MatDialog } from '@angular/material/dialog';
-import { ContentNodeSelectorComponentData, ContentNodeSelectorComponent} from '@adf/content-services'
+import { ContentNodeSelectorComponentData, ContentNodeSelectorComponent} from '@adf/content-services';
 import { Subject } from 'rxjs/Subject';
- ...
 
-constructor(dialog: MatDialog ... ) {}
+export class MyComponent {
+    constructor(dialog: MatDialog) {
+    }
 
-openSelectorDialog() {
-    data: ContentNodeSelectorComponentData = {
-        title: "Choose an item",
-        actionName: "Choose",
-        currentFolderId: someFolderId,
-        select: new Subject<Node[]>()
-    };
+    openSelectorDialog() {
+        data: ContentNodeSelectorComponentData = {
+            title: "Choose an item",
+            actionName: "Choose",
+            currentFolderId: someFolderId,
+            select: new Subject<Node[]>()
+        };
 
-    this.dialog.open(
-        ContentNodeSelectorComponent,
-        {
-            data, panelClass: 'adf-content-node-selector-dialog',
-            width: '630px'
-        }
-    );
+        this.dialog.open(
+            ContentNodeSelectorComponent,
+            {
+                data, panelClass: 'adf-content-node-selector-dialog',
+                width: '630px'
+            }
+        );
 
-    data.select.subscribe((selections: Node[]) => {
-        // Use or store selection...
-    }, 
-    (error)=>{
-        //your error handling
-    }, 
-    ()=>{
-        //action called when an action or cancel is clicked on the dialog
-        this.dialog.closeAll();
-    });
+        data.select.subscribe((selections: Node[]) => {
+                // Use or store selection...
+            },
+            (error) => {
+                //your error handling
+            },
+            () => {
+                //action called when an action or cancel is clicked on the dialog
+                this.dialog.closeAll();
+            });
+    }
 }
 ```
 
-All the results will be streamed to the select [subject](http://reactivex.io/rxjs/manual/overview.html#subject) present in the [`ContentNodeSelectorComponentData`](../../../lib/content-services/src/lib/content-node-selector/content-node-selector.component-data.interface.ts) object passed to the dialog.
+All the results will be streamed to the select `subject` present in the `ContentNodeSelectorComponentData` object passed to the dialog.
 When the dialog action is selected by clicking, the `data.select` stream will be completed.
 
 ### RowFilter and ImageResolver
 
-The [Content Node Selector](content-node-selector.component.md) uses a
-[Document List](document-list.component.md) to display the
-items that the user can choose. As with the standard Document List, you can supply a custom
-**row filter** function (to hide items that can't be chosen) and a custom **image resolver**
-function (to select an image to show in a particular list cell). For example, you could use
-a row filter to hide document nodes in a folder selector. See the
-[Row Filter Model](../models/row-filter.model.md) and [Image Resolver Model](../models/image-resolver.model.md)
-pages for more information.
+The [Content Node Selector](content-node-selector.component.md) uses a [Document List](document-list.component.md) to display the items that the user can choose. 
+As with the standard Document List, you can supply a custom **row filter** function (to hide items that can't be chosen) and a custom **image resolver**
+function (to select an image to show in a particular list cell). 
+
+For example, you could use a row filter to hide document nodes in a folder selector. 
+See the [Row Filter Model](../models/row-filter.model.md) and [Image Resolver Model](../models/image-resolver.model.md) pages for more information.
 
 ### Using the breadcrumbTransform function
 
-The `breadcrumbTransform` property of [`ContentNodeSelectorComponentData`](../../../lib/content-services/src/lib/content-node-selector/content-node-selector.component-data.interface.ts) lets you modify
-the [`Node`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) object that is used to generate the
-list of breadcrumbs. You can use this, for example, to remove path elements that are not
-relevant to the use case. See the [Breadcrumb component](breadcrumb.component.md) page for an
-example of how to use this function.
+The `breadcrumbTransform` property of `ContentNodeSelectorComponentData` lets you modify
+the `Node` object that is used to generate the list of breadcrumbs. 
+
+You can use this, for example, to remove path elements that are not relevant to the use case. 
+See the [Breadcrumb component](breadcrumb.component.md) page for an example of how to use this function.
 
 ## See also
 
--   [Document list component](document-list.component.md)
+-   [Document List Component](document-list.component.md)
 -   [Content Node Selector Panel component](content-node-selector-panel.component.md)
 -   [Content Node Dialog service](../services/content-node-dialog.service.md)

docs/content-services/components/content-user-info.component.md

@@ -1,38 +0,0 @@
----
-Title: Content User Info component
-Added: v6.0.0
-Status: Active
-Last reviewed: 2023-01-24
----
-
-# [Content User Info component](../../../lib/content-services/src/lib/content-user-info/content-user-info.component.ts "Defined in content-user-info.component.ts")
-
-Shows user information for `CONTENT` and `CONTENT_SSO` mode.
-
-## Basic usage
-
-```html
-<adf-content-user-info></adf-content-user-info>
-```
-
-## Class members
-
-### Properties
-
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| bpmBackgroundImage | `string` |  | Custom path for the background banner image for APS users. |
-| ecmBackgroundImage | `string` |  | Custom path for the background banner image for ACS users. |
-| ecmUser | [`EcmUserModel`](../../core/models/ecm-user.model.md) |  | ECM user info. |
-| identityUser | [`IdentityUserModel`](../../../lib/process-services-cloud/src/lib/people/models/identity-user.model.ts) |  | Identity user info. |
-| isLoggedIn | `boolean` |  | Determines if user is logged in. |
-| menuPositionX | [`MenuPositionX`](https://github.com/angular/components/blob/master/src/material/menu/menu-positions.ts) | "after" | Custom choice for opening the menu at the bottom. Can be `before` or `after`. |
-| menuPositionY | [`MenuPositionY`](https://github.com/angular/components/blob/master/src/material/menu/menu-positions.ts) | "below" | Custom choice for opening the menu at the bottom. Can be `above` or `below`. |
-| mode | `UserInfoMode` |  | current mode. |
-| namePosition | `string` | "right" | When the username is shown, this defines its position relative to the user info button. Can be `right` or `left`. |
-| showName | `boolean` | true | Shows/hides the username next to the user info button. |
-
-## Details
-
-The component shows a round icon for the user and will show extra information about
-the user when clicked.

docs/content-services/components/document-list.component.md

@@ -66,6 +66,7 @@ Displays the documents from a repository.
 | contentActionsPosition | `string` | "right" | Position of the content actions dropdown menu. Can be set to "left" or "right". |
 | contextMenuActions | `boolean` | false | Toggles context menus for each row |
 | currentFolderId | `string` | null | The ID of the folder node to display or a reserved string alias for special sources |
+| displayCheckboxesOnHover | `boolean` | false | Enables checkboxes in datatable rows being displayed on hover only. | 
 | emptyFolderImageUrl | `string` |  | Custom image for empty folder. Default value: './assets/images/empty_doc_lib.svg' |
 | filterValue | `any` |  | Initial value for filter. |
 | headerFilters | `boolean` | false | Toggles the header filters mode. |
@@ -98,19 +99,20 @@ Displays the documents from a repository.
 
 ### Events
 
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when the API fails to get the Document List data |
-| filterSelection | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`FilterSearch`](../../../lib/content-services/src/lib/search/models/filter-search.interface.ts)`[]>` | Emitted when a filter value is selected |
-| folderChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntryEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>` | Emitted when the current display folder changes |
-| nodeClick | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>` | Emitted when the user clicks a list node |
-| nodeDblClick | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>` | Emitted when the user double-clicks a list node |
-| nodeSelected | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntry`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeEntry.md)`[]>` | Emitted when the node selection change |
-| preview | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>` | Emitted when the user acts upon files with either single or double click (depends on `navigation-mode`). Useful for integration with the [Viewer component](../../core/components/viewer.component.md). |
-| ready | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>` | Emitted when the Document List has loaded all items and is ready for use |
-| columnsVisibilityChanged | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<{ [columnId: string]: boolean } \| undefined>` | Emitted when columns visibility change |
-| columnsWidthChanged | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<{ [columnId: string]: number } \| undefined>` | Emitted when columns width change |
-| columnsOrderChanged | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`< string[] \| undefined>` | Emitted when columns order change |
+| Name                      | Type                                                                                                                                                                                  | Description                                                                                                                                                                                             |
+|---------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| error                     | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>`                                                                                                                     | Emitted when the API fails to get the Document List data                                                                                                                                                |
+| filterSelection           | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`FilterSearch`](../../../lib/content-services/src/lib/search/models/filter-search.interface.ts)`[]>`                    | Emitted when a filter value is selected                                                                                                                                                                 |
+| folderChange              | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntryEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>`                      | Emitted when the current display folder changes                                                                                                                                                         |
+| nodeClick                 | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>`                     | Emitted when the user clicks a list node                                                                                                                                                                |
+| nodeDblClick              | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>`                     | Emitted when the user double-clicks a list node                                                                                                                                                         |
+| nodeSelected              | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntry`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeEntry.md)`[]>` | Emitted when the node selection change                                                                                                                                                                  |
+| preview                   | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>`                     | Emitted when the user acts upon files with either single or double click (depends on `navigation-mode`). Useful for integration with the [Viewer component](../../core/components/viewer.component.md). |
+| ready                     | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>`  | Emitted when the Document List has loaded all items and is ready for use                                                                                                                                |
+| columnsVisibilityChanged  | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<{ [columnId: string]: boolean } \| undefined>`                                                                            | Emitted when columns visibility change                                                                                                                                                                  |
+| columnsWidthChanged       | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<{ [columnId: string]: number } \| undefined>`                                                                             | Emitted when columns width change                                                                                                                                                                       |
+| columnsOrderChanged       | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`< string[] \| undefined>`                                                                                                  | Emitted when columns order change                                                                                                                                                                       |
+| selectedItemsCountChanged | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`< number \| undefined>`                                                                                                    | Emitted when items row count change                                                                                                                                                                     |
 
 ## Details
 

docs/content-services/components/search-check-list.component.md

@@ -2,12 +2,12 @@
 Title: Search check list component
 Added: v2.4.0
 Status: Active
-Last reviewed: 2024-04-05
+Last reviewed: 2024-05-13
 ---
 
 # [Search check list component](../../../lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.ts "Defined in search-check-list.component.ts")
 
-Implements a [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) consisting of 4 inputs representing logical conditions to form search query from.
+Implements a [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) consisting of a list of checkboxes representing filters included in search query.
 
 ![Check list widget screenshot](../../docassets/images/search-check-list.png)
 

docs/content-services/components/search-filter-tabbed.component.md

@@ -2,7 +2,7 @@
 Title: Search filter tabbed component
 Added: v6.2.0
 Status: Active
-Last reviewed: 2023-07-10
+Last reviewed: 2024-05-14
 ---
 
 # [Search filter tabbed component](../../../lib/content-services/src/lib/search/components/search-filter-tabbed/search-filter-tabbed.component.ts "Defined in search-filter-tabbed.component.ts")
@@ -34,7 +34,7 @@ with the name input property being assigned the value of whatever name should be
 - [Search Widget Interface](../interfaces/search-widget.interface.md)
 - [Search check list component](search-check-list.component.md)
 - [Search date range component](search-date-range.component.md)
-- [Search date range component](search-date-range.component.md)
+- [Search date range tabbed component](search-date-range-tabbed.component.md)
 - [Search number range component](search-number-range.component.md)
 - [Search radio component](search-radio.component.md)
 - [Search slider component](search-slider.component.md)

docs/content-services/components/search-form.component.md

@@ -2,15 +2,23 @@
 Title: Search Form component
 Added: v4.5.0
 Status: Active
-Last reviewed: 2021-06-11
+Last reviewed: 2024-05-14
 ---
 
 # [Search Form component](../../../lib/content-services/src/lib/search/components/search-form/search-form.component.ts "Defined in search-form.component.ts")
 
+Implements a component consisting of a menu populated with search filter sets.
+
 ![Search Form screenshot](../../docassets/images/search-form-component.png)
 
 ## Basic usage
 
+### In .html files
+```html
+<adf-search-form></adf-search-form>
+```
+
+### In app config
 ```json
 {
   "search": [
@@ -26,10 +34,9 @@ Last reviewed: 2021-06-11
 }
 ```
 
-
 ## Details
 
-This component pick a configuration for a search from the list of configuration.
+This component allows user to choose between search filter sets specified in configuration.
 
 ## See also
 

docs/content-services/components/search-input.component.md

@@ -11,8 +11,9 @@ A minimalistic search input component that formats user query according to the p
 </adf-search-input>
 ```
 
-> Notes: this component does not perform search operations.
-> It handles the user input, formats and produces the search query to use with `Search Query Builder` or other services. 
+> Notes: 
+> - This component does not perform search operations. It handles the user input, formats and produces the search query to use with [Search Query Builder](../services/search-query-builder.service.md) or other services.
+> - If [search configuration](https://github.com/Alfresco/alfresco-ng2-components/blob/develop/lib/content-services/src/lib/search/models/search-configuration.interface.ts) contains `app:fields` param set its value will override `fields` input of this component.
 
 ## Properties
 
@@ -48,7 +49,7 @@ user types `test`
 user types `*`  
 
 ```text
-(cm:name:"**" OR cm:title:"**" OR cm:description:"**" OR TEXT:"**" OR TAG:"**")
+(cm:name:"*" OR cm:title:"*" OR cm:description:"*" OR TEXT:"*" OR TAG:"*")
 ```
 
 user types `one two`

docs/content-services/components/search-number-range.component.md

@@ -2,12 +2,12 @@
 Title: Search number range component
 Added: v2.4.0
 Status: Active
-Last reviewed: 2024-04-05
+Last reviewed: 2024-05-03
 ---
 
 # [Search number range component](../../../lib/content-services/src/lib/search/components/search-number-range/search-number-range.component.ts "Defined in search-number-range.component.ts")
 
-Implements a [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) consisting of 4 inputs representing logical conditions to form search query from.
+Implements a [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) consisting of 2 inputs accepting numerical values, representing start and end of a numerical parameter's range used as a search query parameter.
 
 ![Number Range Widget](../../docassets/images/search-number-range.png)
 

docs/content-services/components/search-radio.component.md

@@ -2,12 +2,12 @@
 Title: Search radio component
 Added: v2.4.0
 Status: Active
-Last reviewed: 2024-04-05
+Last reviewed: 2024-05-13
 ---
 
 # [Search radio component](../../../lib/content-services/src/lib/search/components/search-radio/search-radio.component.ts "Defined in search-radio.component.ts")
 
-Implements a [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) consisting of 4 inputs representing logical conditions to form search query from.
+Implements a [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) consisting of a list of radio buttons representing filters included in search query.
 
 ![Radio Widget screenshot](../../docassets/images/search-radio.png)
 

docs/content-services/components/search-slider.component.md

@@ -2,12 +2,12 @@
 Title: Search slider component
 Added: v2.4.0
 Status: Active
-Last reviewed: 2024-04-05
+Last reviewed: 2024-05-13
 ---
 
 # [Search slider component](../../../lib/content-services/src/lib/search/components/search-slider/search-slider.component.ts "Defined in search-slider.component.ts")
 
-Implements a [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) consisting of 4 inputs representing logical conditions to form search query from.
+Implements a [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) consisting of a slider for numerical parameter value selection used as a search query parameter.
 
 ![Slider Widget](../../docassets/images/search-slider.png)
 

docs/content-services/components/search-text.component.md

@@ -2,12 +2,12 @@
 Title: Search text component
 Added: v2.4.0
 Status: Active
-Last reviewed: 2024-04-05
+Last reviewed: 2024-05-13
 ---
 
 # [Search text component](../../../lib/content-services/src/lib/search/components/search-text/search-text.component.ts "Defined in search-text.component.ts")
 
-Implements a [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) consisting of 4 inputs representing logical conditions to form search query from.
+Implements a [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) consisting of a input representing a value used in search query to specify field contents.
 
 ![Text Widget](../../docassets/images/search-text.png)
 

docs/content-services/components/search.component.md

@@ -96,7 +96,7 @@ However, you can use a more complex template if necessary:
                 class="adf-search-autocomplete-item"
                 (click)="elementClicked(item)"
                 (keyup.enter)="elementClicked(item)">
-                <mat-icon mat-list-icon>
+                <mat-icon matListItemLine>
                     <img [src]="getMimeTypeIcon(item)" />
                 </mat-icon>
                     <h4 mat-line id="result_name_{{idx}}"

docs/content-services/components/sites-dropdown.component.md

@@ -1,11 +1,4 @@
----
-Title: Sites Dropdown component
-Added: v2.0.0
-Status: Active
-Last reviewed: 2018-11-19
----
-
-# [Sites Dropdown component](../../../lib/content-services/src/lib/site-dropdown/sites-dropdown.component.ts "Defined in sites-dropdown.component.ts")
+# Sites Dropdown component
 
 Displays a dropdown menu to show and interact with the sites of the current user.
 
@@ -19,20 +12,24 @@ Displays a dropdown menu to show and interact with the sites of the current user
  </adf-sites-dropdown>
 ```
 
-## Class members
+## API
+
+```ts
+import { SitesDropdownComponent } from '@alfresco/adf-content-services';
+```
 
 ### Properties
 
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| hideMyFiles | `boolean` | false | Hide the "My Files" option. |
-| placeholder | `string` |  | Text or a translation key to act as a placeholder. Default value is the key "DROPDOWN.PLACEHOLDER_LABEL". |
-| relations | `string` |  | Filter for the results of the sites query. Possible values are "members" and "containers". When "members" is used, the site list will be restricted to the sites that the user is a member of. |
-| siteList | [`SitePaging`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/SitePaging.md) | null | A custom list of sites to be displayed by the dropdown. If no value is given, the sites of the current user are displayed by default. A list of objects only with properties 'title' and 'guid' is enough to be able to display the dropdown. |
-| value | `string` | null | Id of the selected site |
+| Name        | Type         | Default value | Description                                                                                                                                                                                                                                   |
+|-------------|--------------|---------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| hideMyFiles | `boolean`    | false         | Hide the "My Files" option.                                                                                                                                                                                                                   |
+| placeholder | `string`     |               | Text or a translation key to act as a placeholder. Default value is the key "DROPDOWN.PLACEHOLDER_LABEL".                                                                                                                                     |
+| relations   | `string`     |               | Filter for the results of the sites query. Possible values are "members" and "containers". When "members" is used, the site list will be restricted to the sites that the user is a member of.                                                |
+| siteList    | `SitePaging` | null          | A custom list of sites to be displayed by the dropdown. If no value is given, the sites of the current user are displayed by default. A list of objects only with properties 'title' and 'guid' is enough to be able to display the dropdown. |
+| value       | `string`     | null          | Id of the selected site                                                                                                                                                                                                                       |
 
 ### Events
 
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| change | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`SiteEntry`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/SiteEntry.md)`>` | Emitted when the user selects a site. When the default option is selected, an empty model is emitted. |
+| Name   | Type                      | Description                                                                                           |
+|--------|---------------------------|-------------------------------------------------------------------------------------------------------|
+| change | `EventEmitter<SiteEntry>` | Emitted when the user selects a site. When the default option is selected, an empty model is emitted. |

docs/content-services/dialogs/category-selector.dialog.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2024-03-12
 ---
 
-# [Category selector dialog component](../../../lib/content-services/src/lib/dialogs/category-selector.dialog.ts "Defined in category-selector.dialog.ts")
+# Category Selector Dialog
 
 Allows the user to select one or multiple categories.
 
@@ -13,43 +13,41 @@ Allows the user to select one or multiple categories.
 
 ## Dialog inputs
 
-| Name | Type      | Default value | Description |
-| ---- |-----------| ------------- | ----------- |
-| select | [`Subject<Category[]>`](https://github.com/Alfresco/alfresco-ng2-components/blob/develop/lib/js-api/src/api/content-rest-api/docs/CategoriesApi.md)  |  | Emits an array of selected categories when the dialog closes |
-| multiSelect | `boolean` | `true` | (optional) Toggles multiselect mode |
+| Name        | Type                  | Default value | Description                                                  |
+|-------------|-----------------------|---------------|--------------------------------------------------------------|
+| select      | `Subject<Category[]>` |               | Emits an array of selected categories when the dialog closes |
+| multiSelect | `boolean`             | `true`        | (optional) Toggles multiselect mode                          |
 
 ## Basic Usage 
 
 ```ts
-constructor(private dialog: MatDialog) {}
+export class MyComponent {
+    constructor(private dialog: MatDialog) {
+    }
 
-...
+    openCatDialog() {
+        const data: CategorySelectorDialogOptions = {
+            select: new Subject<Category[]>(),
+            multiSelect: false
+        };
 
-function openCatDialog() {
-    const data: CategorySelectorDialogOptions = {
-        select: new Subject<Category[]>(),
-        multiSelect: false
-    };
+        this.dialog.open(CategorySelectorDialogComponent, {
+            data,
+            width: '400px'
+        });
 
-    this.dialog.open(CategorySelectorDialogComponent, {
-        data,
-        width: '400px'
-    });
-
-    data.select.subscribe(
-        (selections: Category[]) => {
-            ...
-        }
-    );
+        data.select.subscribe((selections) => {
+            // ...
+        });
+    }
 }
 ```
-All the results will be streamed to the select [subject](http://reactivex.io/rxjs/manual/overview.html#subject) present in the `CategorySelectorDialogOptions` object passed to the dialog.
+All the results will be streamed to the `select` subject present in the `CategorySelectorDialogOptions` object passed to the dialog.
 When the category is selected by clicking the `Select` button, the `options.select` stream will be completed.
 
 ## Details
 
-This component lets the user select categories. Use the
-Angular [`MatDialog`](https://material.angular.io/components/dialog/overview)
+This component lets the user select categories. Use the Angular `MatDialog`
 service to open the dialog, as shown in the example, and pass a `options` object
 with properties.
 

docs/content-services/models/image-resolver.model.md

@@ -1,36 +1,30 @@
----
-Title: Image Resolver Model
-Added: v2.0.0
-Status: Active
-Last reviewed: 2019-02-08
----
-
-# [Image Resolver Model](../../../lib/content-services/document-list/data/image-resolver.model.ts "Defined in image-resolver.model.ts")
+# Image Resolver Model
 
 Defines the Image Resolver function used by the [Document List Component](../components/document-list.component.md).
 
 ## Definitions
 
--   `type` **[`ImageResolver`](../../../lib/content-services/src/lib/document-list/data/image-resolver.model.ts)** = (row: [`DataRow`](../../../lib/core/src/lib/datatable/data/data-row.model.ts), column: [`DataColumn`](../../../lib/core/src/lib/datatable/data/data-column.model.ts)) => `string`
-    -   _row:_ [`DataRow`](../../../lib/core/src/lib/datatable/data/data-row.model.ts) - Data that defines the row
-    -   _column:_ [`DataColumn`](../../../lib/core/src/lib/datatable/data/data-column.model.ts) - Data that defines the column
+-   `type` **ImageResolver** = (row: `DataRow`, column: `DataColumn`) => `string`
+    -   _row:_ `DataRow` - Data that defines the row
+    -   _column:_ `DataColumn` - Data that defines the column
     -   **Returns** File path for the image
 
 ## Details
 
-An image resolver function selects an image file path for an item in
-a [Document List Component](../components/document-list.component.md)
-or another component that uses the Document List (such as the
-[Content Node Selector Panel Component](../components/content-node-selector-panel.component.md)). You can supply your own image resolver 
-to manage the way folder/file icons and thumbnails are resolved (ie, which image is shown for which item). 
+An image resolver function selects an image file path for an item in a [Document List Component](../components/document-list.component.md)
+or another component that uses the Document List (such as the [Content Node Selector Panel Component](../components/content-node-selector-panel.component.md)). 
+
+You can supply your own image resolver to manage the way folder/file icons and thumbnails are resolved (ie, which image is shown for which item). 
 
 **Note:** Image resolvers are executed only for columns of the `image` type.
 
-A typical image resolver implementation receives [`DataRow`](../../../lib/core/src/lib/datatable/data/data-row.model.ts) and [`DataColumn`](../../../lib/core/src/lib/datatable/data/data-column.model.ts) objects as parameters:
+A typical image resolver implementation receives `DataRow` and `DataColumn` objects as parameters:
 
 ```ts
-myImageResolver(row: DataRow, col: DataColumn): string {
-    return '/path/to/image';
+export class MyComponent {
+    myImageResolver(row: DataRow, col: DataColumn): string {
+        return '/path/to/image';
+    }
 }
 ```
 
@@ -74,15 +68,13 @@ export class View1 {
                 let name = row.getValue(col.key);
                 
                 // Format image url
-                return `http://<my custom path to folder icon>/${name}`;
+                return `https://<my custom path to folder icon>/${name}`;
             }
             
             // For the rest of the cases just fallback to default behaviour.
             return null;
         };
-        
     }
-
 }
 ```
 

docs/content-services/models/row-filter.model.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-02-08
 ---
 
-# [Row Filter Model](../../../lib/content-services/document-list/data/row-filter.model.ts "Defined in row-filter.model.ts")
+# Row Filter Model
 
 Defines the Row Filter function used by the [Document List Component](../components/document-list.component.md).
 

docs/content-services/pipes/is-included.pipe.md

@@ -1,28 +0,0 @@
----
-Title: Is Included pipe
-Added: v6.1.0
-Status: Active
-Last reviewed: 2023-06-13
----
-
-# [Is Included pipe](../../../lib/content-services/src/lib/pipes/is-included.pipe.ts "Defined in is-included.pipe.ts")
-
-Checks if the provided value is contained in the provided array.
-
-## Basic Usage
-
-<!-- {% raw %} -->
-
-```HTML
-<mat-option [disabled]="value | adfIsIncluded: arrayOfValues : comparator"></mat-option>
-```
-
-<!-- {% endraw %} -->
-
-## Details
-
-The pipe takes the provided value and checks if that value is included in the provided array and returns the appropriate boolean value.
-
-## See also
-
--   [File upload error pipe](./file-upload-error.pipe.md)

docs/content-services/services/audit.service.md

@@ -1,56 +0,0 @@
----
-Title: Audit Service
-Added: v3.9.0
-Status: Active
-Last reviewed: 2020-08-12
----
-
-# [Audit Service](../../../lib/content-services/src/lib/audit/audit.service.ts "Defined in audit.service.ts")
-
-Manages Audit apps and entries.
-
-## Class members
-
-### Methods
-
--   **deleteAuditEntries**(auditApplicationId: `string`, where: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<any>`<br/>
-    Permanently delete audit entries for an audit application.
-    -   _auditApplicationId:_ `string`  - The identifier of an audit application.
-    -   _where:_ `string`  - Audit entries to permanently delete for an audit application, given an inclusive time period or range of ids.
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<any>` - 
--   **deleteAuditEntry**(auditApplicationId: `string`, auditEntryId: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<any>`<br/>
-    Permanently delete an audit entry.
-    -   _auditApplicationId:_ `string`  - The identifier of an audit application.
-    -   _auditEntryId:_ `string`  - The identifier of an audit entry.
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<any>` - 
--   **getAuditApp**(auditApplicationId: `string`, opts?: `any`): [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditAppEntry>`<br/>
-    Get audit application info.
-    -   _auditApplicationId:_ `string`  - The identifier of an audit application.
-    -   _opts:_ `any`  - (Optional) Options.
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditAppEntry>` - status of an audit application.
--   **getAuditApps**(opts?: `any`): [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditAppPaging>`<br/>
-    Gets a list of audit applications.
-    -   _opts:_ `any`  - (Optional) Options.
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditAppPaging>` - a list of the audit applications.
--   **getAuditEntries**(auditApplicationId: `string`, opts?: `any`): [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditEntryPaging>`<br/>
-    List audit entries for an audit application.
-    -   _auditApplicationId:_ `string`  - The identifier of an audit application.
-    -   _opts:_ `any`  - (Optional) Options.
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditEntryPaging>` - a list of audit entries.
--   **getAuditEntriesForNode**(nodeId: `string`, opts?: `any`): [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditEntryPaging>`<br/>
-    List audit entries for a node.
-    -   _nodeId:_ `string`  - The identifier of a node.
-    -   _opts:_ `any`  - (Optional) Options.
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditEntryPaging>` - 
--   **getAuditEntry**(auditApplicationId: `string`, auditEntryId: `string`, opts?: `any`): [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditEntryEntry>`<br/>
-    Get audit entry.
-    -   _auditApplicationId:_ `string`  - The identifier of an audit application.
-    -   _auditEntryId:_ `string`  - The identifier of an audit entry.
-    -   _opts:_ `any`  - (Optional) Options.
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditEntryEntry>` - audit entry.
--   **updateAuditApp**(auditApplicationId: `string`, auditAppBodyUpdate: `boolean`, opts?: `any`): [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditApp|any>`<br/>
-    Update audit application info.
-    -   _auditApplicationId:_ `string`  - The identifier of an audit application.
-    -   _auditAppBodyUpdate:_ `boolean`  - The audit application to update.
-    -   _opts:_ `any`  - (Optional) Options.
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<AuditApp|any>` -

docs/content-services/services/content-comment-list.service.md

@@ -2,22 +2,16 @@
 Title: Content Comment List Service
 Added: v6.0.0
 Status: Active
-Last reviewed: 2023-01-17
+Last reviewed: 2024-05-14
 ---
 
-# [Content Comment List service](../../../lib/content-services/src/lib/node-comments/services/content-comment-list.service.ts "Defined in content-comment-list.service.ts")
+# Content Comment List Service
 
 Gets user image for comments in Content Services.
 
-## Class members
+## API
 
-### Methods
-
--   **getUserImage**(user: `string`): `string`<br/>
+-   **getUserImage**(userId: `string`): `string`<br/>
     Gets user image
     -   _user:_ `string`  - The user id;
     -   **Returns** `string` - The user image path
-
-## See also
-
--   [Node comments component](../../../lib/content-services/src/lib/node-comments/node-comments.component.ts)

docs/content-services/services/node-comments.service.md

@@ -5,13 +5,11 @@ Status: Active
 Last reviewed: 2022-12-19
 ---
 
-# [Node Comments service](../../../lib/content-services/src/lib/node-comments/services/node-comments.service.ts "Defined in node-comments.service.ts")
+# Node Comments Service
 
 Adds and retrieves comments for nodes in Content Services.
 
-## Class members
-
-### Methods
+## API
 
 -   **add**(id: `string`, message: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`CommentModel`](../../../lib/core/src/lib/models/comment.model.ts)`>`<br/>
     Adds a comment to a task.
@@ -23,10 +21,6 @@ Adds and retrieves comments for nodes in Content Services.
     -   _id:_ `string`  - ID of the target task
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`CommentModel`](../../../lib/core/src/lib/models/comment.model.ts)`[]>` - Details for each comment
 -   **getUserImage**(avatarId: `string`): `string`<br/>
-
-    -   _avatarId:_ `string`  - 
-    -   **Returns** `string` -
-
-## See also
-
--   [Node comments component](../../../lib/content-services/src/lib/node-comments/node-comments.component.ts)
+    Gets the URL for the user's profile image.
+    -   _avatarId:_ `string`  - ID of the user
+    -   **Returns** `string` - URL for the user's profile image

docs/content-services/services/task-comments.service.md

@@ -5,13 +5,11 @@ Status: Active
 Last reviewed: 2022-12-19
 ---
 
-# [Task Comments service](../../../lib/process-services/src/lib/task-comments/services/task-comments.service.ts "Defined in task-comments.service.ts")
+# Task Comments Service
 
 Adds and retrieves comments for task and process instances in Process Services.
 
-## Class members
-
-### Methods
+## API
 
 -   **add**(id: `string`, message: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`CommentModel`](../../../lib/core/src/lib/models/comment.model.ts)`>`<br/>
     Adds a comment to a task.
@@ -22,11 +20,7 @@ Adds and retrieves comments for task and process instances in Process Services.
     Gets all comments that have been added to a task.
     -   _id:_ `string`  - ID of the target task
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`CommentModel`](../../../lib/core/src/lib/models/comment.model.ts)`[]>` - Details for each comment
--   **getUserImage**(user: [`UserProcessModel`](../../core/models/user-process.model.md)): `string`<br/>
-
-    -   _user:_ [`UserProcessModel`](../../core/models/user-process.model.md)  - 
-    -   **Returns** `string` -
-
-## See also
-
--   [Task comments component](../../../lib/process-services/src/lib/task-comments/task-comments.component.ts)
+-   **getUserImage**(userId: `string`): `string`<br/>
+    Gets the URL for the user's profile image.
+    -   _userId:_ `string`  - ID of the user
+    -   **Returns** `string` - URL for the user's profile image

docs/core/components/about-application.component.md

@@ -1,40 +0,0 @@
----
-Title: About Application Modules Component
-Added: v3.5.0
-Status: Experimental
-Last reviewed: 2019-09-09
----
-
-# [About Application Modules Component](lib/core/src/lib/about/about-application-modules/about-application-modules.component.ts "Defined in about-application-modules.component.ts")
-
-Shows which ADF libraries and plugins an application is using.
-
-## Basic Usage
-
-With default input values:
-
-```html
-<adf-about-application-modules></adf-about-application-modules>
-```
-
-With custom input values:
-
-```html
-<adf-about-application-modules
-    [dependencies]="yourDependencies"
-    [showExtensions]="true"
-    [regexp]="^(@alfresco)">
-</adf-about-application-modules>
-```
-
-### Properties
-
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| dependencies | `any` |  | The dependencies value defined in the package.json |
-| showExtensions | `boolean` | true | Toggles showing/hiding of extensions block. |
-| regexp | `string` | "^(@alfresco)" | Regular expression for filtering dependencies packages. |
-
-## Details
-
-Use this component to display an overview of the dependencies and plugins used by an application.

docs/core/components/about-github-link.component.md

@@ -1,38 +0,0 @@
----
-Title: About GitHub Link Component
-Added: v3.5.0
-Status: Experimental
-Last reviewed: 2019-09-09
----
-
-# [About GitHub Link Component](../../../lib/core/src/lib/about/about-github-link/about-github-link.component.ts "Defined in about-github-link.component.ts")
-
-Shows which version of the application is running based on the latest GitHub commit, as well as the server settings for the application.
-
-## Basic Usage
-
-With default input values:
-
-```html
-<adf-about-github-link></adf-about-github-link>
-```
-
-With custom input values:
-
-```html
-<adf-about-github-link
-    [url]=yourUrl"
-    [version]="yourVersion">
-</adf-about-github-link>
-```
-
-### Properties
-
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| url | `string` |  | The GitHub commit that corresponds to the version of ADF in use. |
-| version | `string` | "3.x.x" | A number displaying the version of ADF in use. |
-
-## Details
-
-Use this component to display an overview of the latest GitHub commit and the server settings used by an application.

docs/core/components/about-product-version.component.md

@@ -1,22 +0,0 @@
----
-Title: About Product Version Component
-Added: v3.5.0
-Status: Experimental
-Last reviewed: 2019-09-09
----
-
-# [About Product Version Component](lib/core/src/lib/about/about-product-version/about-product-version.component.ts "Defined in about-product-version.component.ts")
-
-Shows which version of Process Services (BPM) and Content Services (ECM) an application is running. It also shows the relevant license information, application status and Alfresco modules running in an application.
-
-## Basic Usage
-
-With default input values:
-
-```html
-<adf-about-product-version></adf-about-product-version>
-```
-
-## Details
-
-Use this component to display an overview of which version of Process Services and Content Services an application is running as well as the associated license information. It also displays application status and any modules running.

docs/core/components/adf-header.component.md

@@ -0,0 +1 @@
+../../../lib/core/src/lib/header/header.component.md

docs/core/components/avatar.component.md

@@ -0,0 +1 @@
+../../../lib/core/src/lib/avatar/avatar.component.md

docs/core/components/button.component.md

@@ -0,0 +1 @@
+../../../lib/core/src/lib/button/button.component.md

docs/core/components/datatable.component.md

@@ -429,6 +429,7 @@ Learn more about styling your datatable: [Customizing the component's styles](#c
 | columns                  | `any[]`                                                                             | \[]           | The columns that the datatable will show.                                                                                                                                  |
 | contextMenu              | `boolean`                                                                           | false         | Toggles custom context menu for the component.                                                                                                                             |
 | data                     | [`DataTableAdapter`](../../../lib/core/src/lib/datatable/data/datatable-adapter.ts) |               | Data source for the table                                                                                                                                                  |
+| displayCheckboxesOnHover | `boolean`                                                                           | false         | Enables checkboxes in datatable rows being displayed on hover only.                                                                                                        |
 | fallbackThumbnail        | `string`                                                                            |               | Fallback image for rows where the thumbnail is missing.                                                                                                                    |
 | isResizingEnabled        | `boolean`                                                                           | false         | Flag that indicates if the datatable allows column resizing.                                                                                                               |
 | loading                  | `boolean`                                                                           | false         | Flag that indicates if the datatable is in loading state and needs to show the loading template (see the docs to learn how to configure a loading template).               |
@@ -448,15 +449,16 @@ Learn more about styling your datatable: [Customizing the component's styles](#c
 
 ### Events
 
-| Name                | Type                                                                                                                                                            | Description                                             |
-|---------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------|
-| columnOrderChanged  | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataColumn`](../../../lib/core/src/lib/datatable/data/data-column.model.ts)`<>[]>`               | Emitted when the column order is changed.               |
-| columnsWidthChanged | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataColumn`](../../../lib/core/src/lib/datatable/data/data-column.model.ts)`<>[]>`               | Emitted when the column width is changed.               |
-| executeRowAction    | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataRowActionEvent`](../../../lib/core/src/lib/datatable/components/data-row-action.event.ts)`>` | Emitted when the user executes a row action.            |
-| rowClick            | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataRowEvent`](../../../lib/core/src/lib/datatable/data/data-row-event.model.ts)`>`              | Emitted when the user clicks a row.                     |
-| rowDblClick         | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataRowEvent`](../../../lib/core/src/lib/datatable/data/data-row-event.model.ts)`>`              | Emitted when the user double-clicks a row.              |
-| showRowActionsMenu  | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataCellEvent`](../../../lib/core/src/lib/datatable/components/data-cell.event.ts)`>`            | Emitted before the actions menu is displayed for a row. |
-| showRowContextMenu  | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataCellEvent`](../../../lib/core/src/lib/datatable/components/data-cell.event.ts)`>`            | Emitted before the context menu is displayed for a row. |
+| Name                      | Type                                                                                                                                                            | Description                                             |
+|---------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|---------------------------------------------------------|
+| columnOrderChanged        | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataColumn`](../../../lib/core/src/lib/datatable/data/data-column.model.ts)`<>[]>`               | Emitted when the column order is changed.               |
+| columnsWidthChanged       | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataColumn`](../../../lib/core/src/lib/datatable/data/data-column.model.ts)`<>[]>`               | Emitted when the column width is changed.               |
+| selectedItemsCountChanged | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<number>`                                                                                            | Emitted when the item row count is changed.             |
+| executeRowAction          | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataRowActionEvent`](../../../lib/core/src/lib/datatable/components/data-row-action.event.ts)`>` | Emitted when the user executes a row action.            |
+| rowClick                  | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataRowEvent`](../../../lib/core/src/lib/datatable/data/data-row-event.model.ts)`>`              | Emitted when the user clicks a row.                     |
+| rowDblClick               | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataRowEvent`](../../../lib/core/src/lib/datatable/data/data-row-event.model.ts)`>`              | Emitted when the user double-clicks a row.              |
+| showRowActionsMenu        | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataCellEvent`](../../../lib/core/src/lib/datatable/components/data-cell.event.ts)`>`            | Emitted before the actions menu is displayed for a row. |
+| showRowContextMenu        | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`DataCellEvent`](../../../lib/core/src/lib/datatable/components/data-cell.event.ts)`>`            | Emitted before the context menu is displayed for a row. |
 
 ## Details
 

docs/core/components/dynamic-chip-list.component.md

@@ -18,6 +18,7 @@ This component shows dynamic list of chips which render depending on free space.
     [chips]="chips"
     [limitChipsDisplayed]="true"
     [showDelete]="true"
+    [roundUpChips]="true"
     (displayNext)="onDisplayNext()"
     (removedChip)="onRemovedChip($event)">
 </adf-dynamic-chip-list>
@@ -27,12 +28,14 @@ This component shows dynamic list of chips which render depending on free space.
 
 ### Properties
 
-| Name                | Type                                                                            | Default value | Description                                 |
-|---------------------|---------------------------------------------------------------------------------|---------------|---------------------------------------------|
-| limitChipsDisplayed | `boolean`                                                                       | false         | Should limit number of chips displayed.     |
-| showDelete          | `boolean`                                                                       | true          | Show delete button.                         |
-| pagination          | [`Pagination`](../../../lib/js-api/src/api/content-rest-api/docs/Pagination.md) |               | Provide if you want to use paginated chips. |
-| chips               | [`Chip`](../../../lib/core/src/lib/dynamic-chip-list/chip.ts)`[]`               |               | List of chips to display.                   |
+| Name                | Type                                                                            | Default value | Description                                                    |
+|---------------------|---------------------------------------------------------------------------------|---------------|----------------------------------------------------------------|
+| limitChipsDisplayed | `boolean`                                                                       | false         | Should limit number of chips displayed.                        |
+| showDelete          | `boolean`                                                                       | true          | Show delete button.                                            |
+| roundUpChips        | `boolean`                                                                       | false         | Round up chips increasing the border radius of a chip to 20px. |
+| pagination          | [`Pagination`](../../../lib/js-api/src/api/content-rest-api/docs/Pagination.md) |               | Provide if you want to use paginated chips.                    |
+| chips               | [`Chip`](../../../lib/core/src/lib/dynamic-chip-list/chip.ts)`[]`               |               | List of chips to display.                                      |
+
 
 ### Events
 

docs/core/components/host-settings.component.md

@@ -1,45 +0,0 @@
----
-Title: Host settings component
-Added: v2.0.0
-Status: Internal
-Last reviewed: 2019-01-16
----
-
-# [Host settings component](../../../lib/core/src/lib/settings/host-settings.component.ts "Defined in host-settings.component.ts")
-
-Validates the URLs for ACS and APS and saves them in the user's local storage
-
-**Note:** this is an internal component and is not meant to be used in production.
-
-![Host settings](../../docassets/images/host-settings-component.png)
-
-## Basic Usage
-
-```html
-<adf-host-settings>
-</adf-host-settings>
-```
-
-```ts
-@NgModule({
- providers: [
-        { provide: AppConfigService, useClass: DebugAppConfigService },
-    ]
-)]
-```
-
-## Class members
-
-### Properties
-
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| providers | `string[]` |  | Tells the component which provider options are available. Possible valid values are "ECM" (Content), "BPM" (Process) , "ALL" (Content and Process), 'OAUTH2' SSO. |
-
-### Events
-
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| cancel | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<boolean>` | Emitted when the user cancels the changes. |
-| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<string>` | Emitted when the URL is invalid. |
-| success | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<boolean>` | Emitted when the changes are successfully applied. |

docs/core/components/progress.component.md

@@ -0,0 +1 @@
+../../../lib/core/src/lib/progress/progress.component.md

docs/core/components/search-text-input.component.md

@@ -26,22 +26,23 @@ Displays a input text that supports autocompletion
 
 ### Properties
 
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| autocomplete | `boolean` | false | Toggles auto-completion of the search input field. |
-| collapseOnBlur | `boolean` | true | Toggles whether to collapse the search on blur. |
-| collapseOnSubmit | `boolean` | true | Collapse search bar on submit. |
-| debounceTime | `number` | 0 | Debounce time in milliseconds. |
-| defaultState | `SearchTextStateEnum` |  | Default state expanded or Collapsed. |
-| expandable | `boolean` | true | Toggles whether to use an expanding search control. If false then a regular input is used. |
-| focusListener | [`Observable`](http://reactivex.io/documentation/observable.html)`<FocusEvent>` |  | Listener for results-list events (focus, blur and focusout). |
-| hintLabel | `string` | "" | Hint label |
-| inputType | `string` | "text" | Type of the input field to render, e.g. "search" or "text" (default). |
-| liveSearchEnabled | `boolean` | true | Toggles "find-as-you-type" suggestions for possible matches. |
-| placeholder | `string` | "" | Placeholder text to show in the input field |
-| searchAutocomplete | `any` | false | Trigger autocomplete results on input change. |
-| searchTerm | `string` | "" | Search term preselected |
-| showClearButton | `boolean` | false | Toggles whether to show a clear button that closes the search |
+| Name               | Type | Default value | Description                                                                                |
+|--------------------| ---- | ------------- |--------------------------------------------------------------------------------------------|
+| autocomplete       | `boolean` | false | Toggles auto-completion of the search input field.                                         |
+| collapseOnBlur     | `boolean` | true | Toggles whether to collapse the search on blur.                                            |
+| collapseOnSubmit   | `boolean` | true | Collapse search bar on submit.                                                             |
+| debounceTime       | `number` | 0 | Debounce time in milliseconds.                                                             |
+| defaultState       | `SearchTextStateEnum` |  | Default state expanded or Collapsed.                                                       |
+| expandable         | `boolean` | true | Toggles whether to use an expanding search control. If false then a regular input is used. |
+| focusListener      | [`Observable`](http://reactivex.io/documentation/observable.html)`<FocusEvent>` |  | Listener for results-list events (focus, blur and focusout).                               |
+| hintLabel          | `string` | "" | Hint label                                                                                 |
+| inputType          | `string` | "text" | Type of the input field to render, e.g. "search" or "text" (default).                      |
+| liveSearchEnabled  | `boolean` | true | Toggles "find-as-you-type" suggestions for possible matches.                               |
+| placeholder        | `string` | "" | Placeholder text to show in the input field                                                |
+| label              | `string` | "" | Label text to show over the input field                                                    |
+| searchAutocomplete | `any` | false | Trigger autocomplete results on input change.                                              |
+| searchTerm         | `string` | "" | Search term preselected                                                                    |
+| showClearButton    | `boolean` | false | Toggles whether to show a clear button that closes the search                              |
 
 ### Events
 

docs/core/components/start-form.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-06-08
 ---
 
-# [Start Form component](../../../lib/process-services/src/lib/form/start-form.component.ts "Defined in start-form.component.ts")
+# [Start Form component](../../../lib/process-services/src/lib/form/start-form/start-form.component.ts "Defined in start-form.component.ts")
 
 Displays the Start [`Form`](../../../lib/process-services/src/lib/task-list/models/form.model.ts) for a process.
 

docs/core/components/viewer.component.md

@@ -75,6 +75,7 @@ See the [Custom layout](#custom-layout) section for full details of all availabl
 | originalMimeType | `string` |  | Overload originalMimeType |
 | overlayMode | `boolean` | false | If `true` then show the Viewer as a full page over the current content. Otherwise fit inside the parent div. |
 | readOnly | `boolean` | true | Enable when where is possible the editing functionalities |
+| allowedEditActions | `{ [key: string]: boolean }` | `{ rotate: true, crop: true }` | Controls which editing actions are enabled when not in read-only mode. Allows granular control over actions like rotation and cropping. |
 | showLeftSidebar | `boolean` | false | Toggles left sidebar visibility. Requires `allowLeftSidebar` to be set to `true`. |
 | showRightSidebar | `boolean` | false | Toggles right sidebar visibility. Requires `allowRightSidebar` to be set to `true`. |
 | showToolbar | `boolean` | true | Hide or show the toolbar |

docs/core/dialogs/confirm.dialog.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-01-22
 ---
 
-# [Confirm dialog component](../../../lib/content-services/src/lib/dialogs/confirm.dialog.ts "Defined in confirm.dialog.ts")
+# [Confirm dialog component](../../../lib/core/src/lib/dialogs/confirm-dialog/confirm.dialog.ts "Defined in confirm.dialog.ts")
 
 Requests a yes/no choice from the user.