lightweight actions service

Bumps [actions/upload-artifact](https://github.com/actions/upload-artifact) from 4.3.3 to 4.3.4.
- [Release notes](https://github.com/actions/upload-artifact/releases)
- [Commits](https://github.com/actions/upload-artifact/compare/65462800fd760344b1a7b4382951275a0abb4808...0b2256b8c012f0828dc542b3febcab082c67f72b)

---
updated-dependencies:
- dependency-name: actions/upload-artifact
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

.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

@@ -26,7 +26,7 @@ runs:
           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@a288b9efdaa50413573b2e130896d906478b8e50 # v5.31.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@b611370bb5703a7efb587f9d136a52ea24c5c38c # v3.25.11
       # 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@b611370bb5703a7efb587f9d136a52ea24c5c38c # v3.25.11
 
     # ℹ️ 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@b611370bb5703a7efb587f9d136a52ea24c5c38c # v3.25.11

.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@a288b9efdaa50413573b2e130896d906478b8e50 # v5.31.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@a288b9efdaa50413573b2e130896d906478b8e50 # v5.31.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:

.husky/pre-commit

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

angular.json

@@ -368,7 +368,8 @@
               "lib/core/shell/**/*.ts",
               "lib/core/shell/**/*.html",
               "lib/core/breadcrumbs/**/*.ts",
-              "lib/core/breadcrumbs/**/*.html"
+              "lib/core/breadcrumbs/**/*.html",
+              "lib/core/feature-flags/**/*.ts"
             ]
           }
         },

cspell.json

@@ -90,6 +90,7 @@
     "numbervisibilityprocess",
     "OAUTHCONFIG",
     "oidc",
+    "overridable",
     "pdfjs",
     "penta",
     "printf",
@@ -143,7 +144,8 @@
     "BPMECM",
     "berseria",
     "zestiria",
-    "validatable"
+    "validatable",
+    "edjs"
   ],
   "dictionaries": [
     "html",

demo-shell/package.json

@@ -1,7 +1,7 @@
 {
   "name": "Alfresco-ADF-Angular-Demo",
   "description": "Demo shell for Alfresco Angular components",
-  "version": "6.8.0",
+  "version": "6.9.0",
   "author": "Hyland Software, Inc. and its affiliates",
   "repository": {
     "type": "git",

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,6 +67,9 @@ 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: [
@@ -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.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.spec.ts

@@ -19,11 +19,51 @@ import { CoreTestingModule, IdentityUserModel, InitialUsernamePipe, UserInfoMode
 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();

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.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,6 +15,7 @@
  * limitations under the License.
  */
 
-export * from './process-user-info.component';
+import { ProcessUserInfoComponent } from './process-user-info.component';
 
-export * from './process-user-info.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/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/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,6 +77,15 @@ 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. |
+
 ### Components
 
 | Name | Description | Source link |
@@ -87,7 +94,6 @@ for more information about installing and using the source code.
 | [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) |
@@ -120,7 +126,7 @@ for more information about installing and using the source code.
 | [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) |
@@ -163,53 +169,52 @@ 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) |
-| [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) |
+| Name                                                                        | Description | Source link |
+|-----------------------------------------------------------------------------| ----------- | ----------- |
+| [Action Service](../lib/core/src/lib/services/action.service.md)            | Allows you to subscribe to events and publish events. | [Source](../lib/core/src/lib/services/action.service.ts) |
+| [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/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) |
-| [Auth Guard service](core/services/auth-guard.service.md) | Adds authentication to a route within the app. | [Source](../lib/core/src/lib/auth/guard/auth-guard.service.ts) |
-| [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) |  |
-| [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. |  |
+| [Auth Guard service](core/services/auth-guard.service.md)                   | Adds authentication to a route within the app. | [Source](../lib/core/src/lib/auth/guard/auth-guard.service.ts) |
+| [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) |  |
+| [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) |
@@ -231,7 +236,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 +283,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 +312,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,6 +348,7 @@ for more information about installing and using the source code.
 
 | Name | Description | Source link |
 | ---- | ----------- | ----------- |
+| [Dialog component](content-services/dialogs/dialog.md) | Dialog styled wrapper. | [Source](../lib/content-services/src/lib/dialogs/dialog/dialog.component.ts) |
 | [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) |
 | [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) |
 
@@ -395,7 +400,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 +420,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 +583,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/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/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/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/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/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/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/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/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/dialog.md

@@ -0,0 +1,123 @@
+---
+Title: Dialog component
+Added: v6.10.0
+Status: Active
+Last reviewed: 2024-05-24
+---
+
+# [Dialog component](../../../lib/core/src/lib/dialogs/dialog/dialog.component.ts "Defined in dialog.component.ts")
+
+Dialog wrapper styled according to a consistent design system.
+
+## Dialog views
+
+### Large size and Medium
+
+Looks the same but have different sizes.
+Max-width for Large dialog is `1075px`;
+Max-width for Medium dialog is `778px`;
+
+![Large and Medium dialog component](../../docassets/images/adf-dialog.png)
+
+### Alert dialogs
+
+Standard:
+
+![Standard alert dialog component](../../docassets/images/adf-dialog-alert-standart.png)
+
+With icon:
+
+![Alert dialog component with icon](../../docassets/images/adf-dialog-alert-with-icon.png)
+
+### Dialog with additional buttons
+
+![Dialog with additional buttons](../../docassets/images/adf-dialog-with-additional-buttons.png)
+
+## Basic Usage 
+
+```html
+
+<ng-template #contentDialogTemplate>
+  Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique nihil, natus corrupti asperiores voluptas, incidunt veritatis.
+</ng-template>
+
+<ng-template #actionsDialogTemplate>
+  <button mat-button>
+    Reset
+  </button>
+
+  <button mat-button>
+    Clean
+  </button>
+</ng-template>
+```
+
+```ts
+@ViewChild('contentDialogTemplate') contentDialogTemplate: TemplateRef<any>;
+@ViewChild('actionsDialogTemplate') actionsDialogTemplate: TemplateRef<any>;
+
+constructor(private dialog: MatDialog) {}
+
+//...
+
+function openDialog() {
+    const data: DialogData = {
+        title: 'Dialog title',
+        dialogSize: DialogSize.Alert,
+        isConfirmButtonDisabled$: of(false),
+        contentTemplate: this.contentDialogTemplate, // or  contentComponent: this.contentDialogTemplate
+        additionalActionButtons: [{
+            title: 'Reset',
+            class: 'reset-button',
+            onClick: () => {
+                this.isConfirmButtonDisabled$.next(true);
+            }
+        }] // or actionsTemplate: this.actionsDialogTemplate
+    };
+
+    this.dialog.open(DialogComponent, { data }, width: '600px');
+}
+```
+
+To use dialog with provided component as a content `componentData` should be passed as data parameter. Inside component `DIALOG_COMPONENT_DATA` should be injected.
+
+```ts
+//...
+
+function openDialog() {
+    const data: DialogData = {
+        title: 'Dialog title',
+        contentComponent: ExampleDialogComponent,
+        componentData: { nodeId: 'nodeId', name: 'node name' } // any data can be passed
+        dataOnConfirm$: of({ nodeId, data: {} })
+    };
+
+    const dialogInstance = this.dialog.open(DialogComponent, { data });
+
+    dialogInstance.afterClosed().subscribe((data) => data) // data = { nodeId, data: {} }
+}
+```
+
+in `ExampleDialogComponent`:
+```ts
+export class ManageHoldsDialogComponent {
+    inputs = inject(DIALOG_COMPONENT_DATA); // inputs = { nodeId: 'nodeId',  name: 'node name' }
+}
+```
+
+
+Note that **fixed width** may be provided which will work correctly on smaller screens. But don't specify any values ​​for **height**, as this may break the scrollable content and hide the buttons.
+To display the design well, it is necessary to provide no more than 2 additional buttons.
+
+## Details
+
+This component lets the user reuse styled dialog wrapper. Use the
+Angular [`MatDialog`](https://material.angular.io/components/dialog/overview)
+service to open the dialog, as shown in the example, and pass a `data` object
+with properties.
+
+## See also
+
+- [Dialog Data Interface](../interfaces/dialog.interface.md)
+- [Dialog Model](../models/dialog.model.md)
+- [AdditionalDialogActionButton Interface](../interfaces/additional-dialog-action-button.md)

docs/core/interfaces/additional-dialog-action-button.interface.md

@@ -0,0 +1,36 @@
+---
+Title: AdditionalDialogActionButton Interface
+Added: v6.10.0
+Status: Active
+Last reviewed: 2024-05-24
+---
+
+# [AdditionalDialogActionButton Interface](../../../lib/core/src/lib/dialogs/dialog/dialog-data.interface.ts "Defined in dialog-data.interface.ts")
+
+Specifies interface for [Dialog Component](../dialogs/dialog.md).
+
+## Basic usage
+
+```ts
+interface AdditionalDialogActionButton {
+    title: string;
+    onClick: (args?: any) => void;
+    class?: string;
+}
+```
+
+## Properties
+
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| title | `string` |    | Button title. |
+| onClick | `(args?: any) => void` |    | Callback for button. (optional) |
+| class | `string` |    | Button class. (optional) |
+
+Note that in order for the design to be displayed well, it is necessary to provide no more than 2 additional buttons.
+
+## See also
+
+- [Dialog Component](../dialogs/dialog.md)
+- [Dialog Model](../models/dialog.model.md)
+- [DialogData Interface](./dialog.interface.md)

docs/core/interfaces/dialog.interface.md

@@ -0,0 +1,60 @@
+---
+Title: Dialog Data Interface
+Added: v6.10.0
+Status: Active
+Last reviewed: 2024-05-24
+---
+
+# [Dialog Data Interface](../../../lib/core/src/lib/dialogs/dialog/dialog-data.interface.ts "Defined in dialog-data.interface.ts")
+
+Specifies interface for [Dialog Component](../dialogs/dialog.md).
+
+## Basic usage
+
+```ts
+interface DialogData {
+    title: string;
+    description?: string;
+    confirmButtonTitle?: string;
+    cancelButtonTitle?: string;
+    isConfirmButtonDisabled$?: Subject<boolean>;
+    isCloseButtonHidden?: boolean;
+    isCancelButtonHidden?: boolean;
+    dialogSize?: DialogSizes;
+    contentTemplate?: TemplateRef<any>;
+    actionsTemplate?: TemplateRef<any>;
+    descriptionTemplate?: TemplateRef<any>;
+    headerIcon?: string;
+    additionalActionButtons?: AdditionalDialogActionButton[];
+    componentData?: any;
+    dataOnConfirm$?: Subject<any>
+}
+```
+
+## Properties
+
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| title | `string` |    | It will be placed in the dialog title section. |
+| headerIcon | `string` |    | It will be placed in header section. Should be used with Alert dialogs. (optional) |
+| description | `string` |    | It will be placed first in the dialog content section. Non-scrollable content. (optional) |
+| confirmButtonTitle | `string` | `COMMON.APPLY` | Confirmation action. After this, the dialog is closed and the `isConfirmButtonDisabled$` is set to `true`. (optional) |
+| cancelButtonTitle | `string` | `COMMON.CANCEL` | Cancellation action. After this, the dialog is closed |
+| isCancelButtonHidden | `boolean` | `false` | Toggles cancel button visibility. (optional) |
+| isCloseButtonHidden | `boolean` | `false` | Toggles close button visibility. (optional) |
+| isConfirmButtonDisabled$ | `Subject<boolean>` | `false` | Toggles confirm button disability. (optional) |
+| dialogSize | `DialogSize` | `Medium` | Set dialog size. Can be `Large`, `Medium`, `Alert`. (optional) |
+| contentText | `string` |    | Inserts a content text. (optional) |
+| contentComponent | `Type<any>` |    | Inserts a content component. (optional) |
+| contentTemplate | `TemplateRef<any>` |    | Inserts a content template. (optional) |
+| actionsTemplate | `TemplateRef<any>` |    | Inserts a template styled on the left. Should be used for additional `mat-button` style buttons. (optional) |
+| descriptionTemplate | `TemplateRef<any>` |    | Inserts a description template. (optional) |
+| additionalActionButtons | `AdditionalDialogActionButton[]` |    | Inserts additional base-styled buttons into the action bar on the left. (optional) |
+| componentData | `any` |    | Data that injected in contentComponent. (optional) |
+| dataOnConfirm$ | `Subject<any>` |    | Data to be passed on confirm action after dialog closed. (optional) |
+
+## See also
+
+- [Dialog Component](../dialogs/dialog.md)
+- [Dialog Model](../models/dialog.model.md)
+- [AdditionalDialogActionButton Interface](./additional-dialog-action-button.interface.md)

docs/core/models/bpm-user.model.md

@@ -1,27 +0,0 @@
----
-Title: Bpm User model
-Added: v2.0.0
-Status: Active
----
-
-# [Bpm User model](../../../lib/process-services/src/lib/common/models/bpm-user.model.ts "Defined in bpm-user.model.ts")
-
-Contains information about a Process Services user.
-
-## Details
-
-Instances of this class are returned by the methods of the
-[Bpm User service](../services/bpm-user.service.md). It implements the
-[`UserRepresentation`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/activiti-rest-api/docs/UserRepresentation.md) interface, which is defined in the
-[Alfresco JS API](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-activiti-rest-api/docs/UserRepresentation.md).
-
-Note that the Typescript class for this model is in active development;
-it is likely to change and so its properties are not listed here. For the
-latest version of the class, see the
-[source file](https://github.com/Alfresco/alfresco-ng2-components/blob/develop/lib/core/userinfo/models/bpm-user.model.ts).
-
-## See also
-
--   [Bpm user service](../services/bpm-user.service.md)
--   [Ecm user model](ecm-user.model.md)
--   [People process service](../services/people-process.service.md)

docs/core/models/dialog.model.md

@@ -0,0 +1,53 @@
+---
+Title: Dialog Size Model
+Added: v6.10.0
+Status: Active
+Last reviewed: 2024-05-24
+---
+
+# [Dialog Size model](../../../lib/core/src/lib/dialogs/dialog/dialog.model.ts "Defined in dialog.model.ts")
+
+Sets a specific CSS class to [Dialog Component](../dialogs/dialog.md). 
+
+## Basic usage
+
+```ts
+const DialogSize = {
+    Large: 'adf-large',
+    Medium: 'adf-medium',
+    Alert: 'adf-alert'
+} as const;
+
+type DialogSizes = typeof DialogSize[keyof typeof DialogSize];
+```
+
+## Properties
+
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| Large | `string` | `adf-large` | Add `afd-large` class to Dialog container |
+| Medium | `string` | `adf-medium` | Add `afd-medium` class to Dialog container |
+| Alert | `string` | `adf-alert` | Add `afd-alert` class to Dialog container |
+
+### Examples
+
+```ts
+constructor(private dialog: MatDialog) {}
+
+...
+
+function openDialog() {
+    const data: DialogData = {
+        title: 'Dialog title',
+        dialogSize: DialogSize.Large,
+    };
+
+    this.dialog.open(DialogComponent, { data });
+}
+```
+
+## See also
+
+- [Dialog Component](../dialogs/dialog.md)
+- [Dialog Data Interface](../interfaces/dialog.interface.md)
+- [AdditionalDialogActionButton Interface](../interfaces/additional-dialog-action-button.interface.md)

docs/core/models/ecm-user.model.md

@@ -24,4 +24,3 @@ latest version of the class, see the
 
 -   [Ecm user service](../services/ecm-user.service.md)
 -   [People content service](../services/people-content.service.md)
--   [Bpm user model](bpm-user.model.md)

docs/core/models/user-process.model.md

@@ -1,24 +0,0 @@
----
-Title: User Process model
-Added: v2.0.0
-Status: Active
----
-
-# [User Process model](../../../lib/process-services/src/lib/common/models/user-process.model.ts "Defined in user-process.model.ts")
-
-Represents a Process Services user.
-
-## Details
-
-This class contains basic information about a Process Services user and
-is used throughout ADF to identify and list users (eg, to assign them to
-a task or to list them in search results).
-
-Note that the Typescript class for this model is in active development;
-it is likely to change and so its properties are not listed here. For the
-latest version of the class, see the
-[source file](https://github.com/Alfresco/alfresco-ng2-components/blob/develop/lib/core/models/user-process.model.ts).
-
-## See also
-
--   [People process service](../services/people-process.service.md)

docs/core/pipes/full-name.pipe.md

@@ -5,9 +5,9 @@ Status: Active
 Last reviewed: 2018-11-12
 ---
 
-# [Full name pipe](../../../lib/core/src/lib/pipes/full-name.pipe.ts "Defined in full-name.pipe.ts")
+# Full Name Pipe
 
-Joins the first and last name properties from a [`UserProcessModel`](../../core/models/user-process.model.md) object into a single string.
+Joins the first and last name properties from the `UserLike` object into a single string.
 
 ## Basic Usage
 
@@ -23,7 +23,7 @@ Joins the first and last name properties from a [`UserProcessModel`](../../core/
 
 ## Details
 
-The pipe offers a convenient way to extract the name from a [User process model](../models/user-process.model.md) object.
+The pipe offers a convenient way to extract the name from a `UserLike` object.
 
 ## See also
 

docs/core/pipes/localized-date.pipe.md

@@ -4,28 +4,24 @@ Added: v3.3.0
 Status: Active
 ---
 
-# [Localized Date pipe](../../../lib/core/src/lib/pipes/localized-date.pipe.ts "Defined in localized-date.pipe.ts")
+# Localized Date Pipe
 
 Converts a date to a given format and locale.
 
 ## Basic Usage
 
-<!-- {% raw %} -->
-
 ```HTML
 <div>
     Created date: {{ date | adfLocalizedDate }}
 </div>
 ```
 
-<!-- {% endraw %} -->
-
 ### Properties
 
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| format | string | 'medium' | A format to apply to the date value. [Date Pipe Formats.](https://angular.io/api/common/DatePipe#custom-format-options) |
-| locale | string | 'en-US' | A locale id for the locale format rules to use. |
+| Name   | Type   | Default value | Description                                                                                                             |
+|--------|--------|---------------|-------------------------------------------------------------------------------------------------------------------------|
+| format | string | 'medium'      | A format to apply to the date value. [Date Pipe Formats.](https://angular.io/api/common/DatePipe#custom-format-options) |
+| locale | string | 'en-US'       | A locale id for the locale format rules to use.                                                                         |
 
 ## Details
 
@@ -33,14 +29,9 @@ The pipe takes a date and formats it and localizes it so the date is displayed i
 
 To localize the dates in your application, you will need to add the specific locale file for your region in order to use it. Read more about internationalization [here](https://angular.io/guide/i18n#i18n-pipes).
 
-For example, if you want add the japanese date localization in your ADF app you can add in your `app.module.ts`:
+For example, if you want to add the japanese date localization in your ADF app you can add in your `app.module.ts`:
 
 ```typescript
-import { AppConfigService, TRANSLATION_PROVIDER, DebugAppConfigService, CoreModule, CoreAutomationService } from '@alfresco/adf-core';
-
-.....
-.....
-
 import { registerLocaleData } from '@angular/common';
 import localeJa from '@angular/common/locales/ja';
 
@@ -52,17 +43,19 @@ registerLocaleData(localeJa);
 You can overwrite the default values of this pipe by adding these properties to your `app.config.json`:
 
 ```json
- "dateValues": {
-   "defaultDateFormat": "mediumDate",
-   "defaultDateTimeFormat": "MMM d, y, H:mm",
-   "defaultLocale": "en-US"
- }
+{
+    "dateValues": {
+        "defaultDateFormat": "mediumDate",
+        "defaultDateTimeFormat": "MMM d, y, H:mm",
+        "defaultLocale": "en-US"
+    }
+}
 ```
 
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| defaultDateFormat | string | The format to apply to date values |
+| Name                  | Type   | Description                             |
+|-----------------------|--------|-----------------------------------------|
+| defaultDateFormat     | string | The format to apply to date values      |
 | defaultDateTimeFormat | string | The format to apply to date-time values |
-| defaultLocale | string | The locale id to apply |
+| defaultLocale         | string | The locale id to apply                  |
 
 This configuration overwrites the values in the [localized date pipe](../../core/pipes/localized-date.pipe.md) as well as other components to have more consistency across your app. However, you can still overwrite these values any time by using the pipe in your code. 

docs/core/pipes/time-ago.pipe.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-19
 ---
 
-# [Time Ago pipe](../../../lib/core/src/lib/pipes/time-ago.pipe.ts "Defined in time-ago.pipe.ts")
+# Time Ago Pipe
 
 Converts a recent past date into a number of days ago.
 
@@ -21,14 +21,14 @@ Converts a recent past date into a number of days ago.
 
 <!-- {% endraw %} -->
 
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| locale | string | 'en-US' | A locale id for the locale format rules to use. |
+| Name   | Type   | Default value | Description                                     |
+|--------|--------|---------------|-------------------------------------------------|
+| locale | string | 'en-US'       | A locale id for the locale format rules to use. |
 
 ## Details
 
 The pipe finds the difference between the input date and the current date. If it
-is less than seven days then then the date will be formatted as "X days ago".
+is less than seven days then the date will be formatted as "X days ago".
 Otherwise, the usual full date format is used.
 
 By default, it localizes the date to the language that is currently in use by the app. Furthermore, a different locale id can be passed to the pipe to overwrite the locale id to set a custom one.

docs/core/pipes/user-initial.pipe.md

@@ -5,9 +5,9 @@ Status: Active
 Last reviewed: 2018-11-12
 ---
 
-# [User Initial pipe](../../../lib/core/src/lib/pipes/user-initial.pipe.ts "Defined in user-initial.pipe.ts")
+# User Initials Pipe
 
-Takes the name fields of a [`UserProcessModel`](../../core/models/user-process.model.md) object and extracts and formats the initials.
+Takes the name fields of a `UserLike` object and extracts and formats the initials.
 
 ## Basic Usage
 

docs/core/services/apps-process.service.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-16
 ---
 
-# [Apps Process service](../../../lib/process-services/src/lib/app-list/services/apps-process.service.ts "Defined in apps-process.service.ts")
+# [Apps Process service](../../../lib/process-services/src/lib/services/apps-process.service.ts "Defined in apps-process.service.ts")
 
 Gets details of the Process Services apps that are deployed for the user.
 
@@ -13,10 +13,6 @@ Gets details of the Process Services apps that are deployed for the user.
 
 ### Methods
 
--   **getApplicationDetailsById**(appId: `number`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`AppDefinitionRepresentation`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-activiti-rest-api/docs/AppDefinitionRepresentation.md)`>`<br/>
-    Gets the details for a specific app ID number.
-    -   _appId:_ `number`  - ID of the target app
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`AppDefinitionRepresentation`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-activiti-rest-api/docs/AppDefinitionRepresentation.md)`>` - Details of the app
 -   **getDeployedApplications**(): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`AppDefinitionRepresentation`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-activiti-rest-api/docs/AppDefinitionRepresentation.md)`[]>`<br/>
     Gets a list of deployed apps for this user.
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`AppDefinitionRepresentation`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-activiti-rest-api/docs/AppDefinitionRepresentation.md)`[]>` - The list of deployed apps

docs/core/services/bpm-user.service.md

@@ -13,18 +13,15 @@ Gets information about the current Process Services user.
 
 ### Methods
 
--   **getCurrentUserInfo**(): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`BpmUserModel`](../../core/models/bpm-user.model.md)`>`<br/>
+-   **getCurrentUserInfo**(): `Observable<UserRepresentation>`<br/>
     Gets information about the current user.
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`BpmUserModel`](../../core/models/bpm-user.model.md)`>` - User information object
+    -   **Returns** [`Observable`<UserRepresentation>` - User information object
 -   **getCurrentUserProfileImage**(): `string`<br/>
     Gets the current user's profile image as a URL.
     -   **Returns** `string` - URL string
 
 ## Details
 
-The class returned by `getCurrentUserInfo` is detailed
-in the [Bpm User model docs](../models/bpm-user.model.md).
-
 See the
 [getProfile](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-activiti-rest-api/docs/ProfileApi.md#getProfile)
 and
@@ -34,4 +31,3 @@ methods in the Alfresco JS API for more information about the REST calls used by
 ## See also
 
 -   [Ecm user service](../services/ecm-user.service.md)
--   [Bpm user model](../models/bpm-user.model.md)

docs/core/services/comment-process.service.md

@@ -5,13 +5,11 @@ Status: Active
 Last reviewed: 2018-11-14
 ---
 
-# [Comment Process service](../../../lib/process-services/src/lib/process-comments/services/comment-process.service.ts "Defined in comment-process.service.ts")
+# Comment Process 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 process instance.
@@ -22,13 +20,7 @@ Adds and retrieves comments for task and process instances in Process Services.
     Gets all comments that have been added to a process instance.
     -   _id:_ `string`  - 
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`CommentModel`](../../../lib/core/src/lib/models/comment.model.ts)`[]>` - Details for each comment
--   **getUserImage**(user: `any`): `string`<br/>
-
-    -   _user:_ `any`  - 
-    -   **Returns** `string` -
-
-## Details
-
-See the Comments API section of the
-[Alfresco JS API docs](https://github.com/Alfresco/alfresco-js-api/tree/master/src/alfresco-activiti-rest-api)
-for further details about the underlying REST API.
+-   **getUserImage**(userId: `string`): `string`<br/>
+    Gets the URL for the user image.
+    -   _userId:_ `string`  - 
+    -   **Returns** `string` - URL for the user image

docs/core/services/form-rendering.service.md

@@ -7,7 +7,7 @@ Last reviewed: 2018-11-20
 
 # [Form Rendering service](../../../lib/core/src/lib/form/services/form-rendering.service.ts "Defined in form-rendering.service.ts")
 
-Maps a form field type string onto the corresponding form [widget component](../../insights/components/widget.component.md) type.
+Maps a form field type string onto the corresponding form [widget component](widget.component.md) type.
 
 ## Class members
 

docs/core/services/form.service.md

@@ -4,7 +4,7 @@ Added: v2.0.0
 Status: Active
 ---
 
-# [Form service](../../../lib/core/src/lib/form/services/form.service.ts "Defined in form.service.ts")
+# Form Service
 
 Implements Process Services form methods
 
@@ -13,11 +13,9 @@ Implements Process Services form methods
 ```ts
 import { FormService, FormEvent, FormFieldEvent } from '@alfresco/adf-core';
 
-@Component(...)
+@Component()
 class MyComponent {
-
     constructor(formService: FormService) {
-
         formService.formLoaded.subscribe(
             (e: FormEvent) => {
                 console.log(`Form loaded: ${e.form.id}`);
@@ -29,9 +27,7 @@ class MyComponent {
                 console.log(`Field value changed. Form: ${e.form.id}, Field: ${e.field.id}, Value: ${e.field.value}`);
             }
         );
-
     }
-
 }
 ```
 
@@ -173,33 +169,25 @@ class MyComponent {
 
     -   `userId` - ID of the target user
 
--   [`getWorkflowUsers(filter: string, groupId?: string): Observable<UserProcessModel[]>`](../../core/models/user-process.model.md)  
+-   `getWorkflowUsers(filter: string, groupId?: string): Observable<LightUserRepresentation[]>`  
     Gets a list of workflow users.  
 
     -   `filter` - Filter to select specific users
     -   `groupId` - (Optional) Group ID for the search
 
--   [`getWorkflowGroups(filter: string, groupId?: string): Observable<GroupModel[]>`](../../../lib/core/src/lib/form/components/widgets/core/group.model.ts)  
-    Gets a list of groups in a workflow.  
-
+-   `getWorkflowGroups(filter: string, groupId?: string): Observable<GroupModel[]>`
+    Gets a list of groups in a workflow.
     -   `filter` - Filter to select specific groups
     -   `groupId` - (Optional) Group ID for the search
-
 -   `getFormId(res: any): string`  
-    Gets the ID of a form.  
-
+    Gets the ID of a form.
     -   `res` - Object representing a form
-
 -   `toJson(res: any): any`  
-    Creates a JSON representation of form data.  
-
+    Creates a JSON representation of form data.
     -   `res` - Object representing form data
-
 -   `toJsonArray(res: any): any`  
-    Creates a JSON array representation of form data.  
-
+    Creates a JSON array representation of form data.
     -   `res` - Object representing form data
-
 -   `handleError(error: any):`[`Observable`](http://reactivex.io/documentation/observable.html)`<any>`  
     Reports an error message.  
     -   `error` - Data object with optional \`message\` and \`status\` fields for the error

docs/core/services/people-process.service.md

@@ -2,69 +2,47 @@
 Title: People Process service
 Added: v2.0.0
 Status: Active
-Last reviewed: 2018-04-05
+Last reviewed: 2024-05-14
 ---
 
-# [People Process service](../../../lib/process-services/src/lib/common/services/people-process.service.ts "Defined in people-process.service.ts")
+# People Process Service
 
 Gets information about Process Services users.
 
-## Class members
+## API
 
-### Methods
-
--   **getCurrentUserInfo**(): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`BpmUserModel`](../../core/models/bpm-user.model.md)`>`<br/>
+-   **getCurrentUserInfo**(): `Observable<UserRepresentation>`<br/>
     Gets information about the current user.
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`BpmUserModel`](../../core/models/bpm-user.model.md)`>` - User information object
+    -   **Returns** `Observable<UserRepresentation>` - User information object
 -   **getCurrentUserProfileImage**(): `string`<br/>
     Gets the current user's profile image as a URL.
     -   **Returns** `string` - URL string
--   **getUserImage**(user: [`UserProcessModel`](../../core/models/user-process.model.md)): `string`<br/>
-    Gets the profile picture URL for the specified user.
-    -   _user:_ [`UserProcessModel`](../../core/models/user-process.model.md)  - The target user
-    -   **Returns** `string` - Profile picture URL
+-   **getUserImage**(userId: string): `string`<br/>
+    Gets a user's profile image as a URL.
+    -   _userId:_ `string`  - User ID
+    -   **Returns** `string` - URL string
 -   **getWorkflowGroups**(filter: `string`, groupId?: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`GroupModel`](../../../lib/core/src/lib/form/components/widgets/core/group.model.ts)`[]>`<br/>
     Gets a list of groups in a workflow.
     -   _filter:_ `string`  - Filter to select specific groups
     -   _groupId:_ `string`  - (Optional) Group ID for the search
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`GroupModel`](../../../lib/core/src/lib/form/components/widgets/core/group.model.ts)`[]>` - Array of groups
--   **getWorkflowUsers**(taskId?: `string`, searchWord?: `string`, groupId?: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`UserProcessModel`](../../core/models/user-process.model.md)`[]>`<br/>
+-   **getWorkflowUsers**(taskId?: `string`, searchWord?: `string`, groupId?: `string`): `Observable<LightUserRepresentation[]>`<br/>
     Gets information about users across all tasks.
     -   _taskId:_ `string`  - (Optional) ID of the task
     -   _searchWord:_ `string`  - (Optional) Filter text to search for
     -   _groupId:_ `string`  - (Optional)
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`UserProcessModel`](../../core/models/user-process.model.md)`[]>` - Array of user information objects
--   **involveUserWithTask**(taskId: `string`, idToInvolve: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`UserProcessModel`](../../core/models/user-process.model.md)`[]>`<br/>
+    -   **Returns** `Observable<LightUserRepresentation[]>` - Array of user information objects
+-   **involveUserWithTask**(taskId: `string`, idToInvolve: `string`): `Observable<LightUserRepresentation[]>`<br/>
     Sets a user to be involved with a task.
     -   _taskId:_ `string`  - ID of the target task
     -   _idToInvolve:_ `string`  - ID of the user to involve
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`UserProcessModel`](../../core/models/user-process.model.md)`[]>` - Empty response when the update completes
--   **removeInvolvedUser**(taskId: `string`, idToRemove: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`UserProcessModel`](../../core/models/user-process.model.md)`[]>`<br/>
+    -   **Returns** `Observable<LightUserRepresentation>` - Empty response when the update completes
+-   **removeInvolvedUser**(taskId: `string`, idToRemove: `string`): `Observable<LightUserRepresentation[]>`<br/>
     Removes a user who is currently involved with a task.
     -   _taskId:_ `string`  - ID of the target task
     -   _idToRemove:_ `string`  - ID of the user to remove
-    -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`UserProcessModel`](../../core/models/user-process.model.md)`[]>` - Empty response when the update completes
-
-## Details
-
-Use `getWorkflowUsers` to find users across all tasks, optionally filtering by the `searchWord`
-in the task name. The `taskId` parameter, if used, specifies a task to be _excluded_ from the
-results. You would typically use this feature to find new users to assign to a task, in which
-case you would want to exclude users already assigned to that task.
-
-The [User Process model](../models/user-process.model.md) class used by the methods is seen throughout
-ADF's Process Services features. Note that for `involveUserWithTask` and `removeInvolvedUser`,
-null data is returned rather than usable details about users.
-
-You can find more information about the REST API methods used by this service in the
-[Task Actions API](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-activiti-rest-api/docs/TaskActionsApi.md#involveUser)
-(for `involveUserWithTask` and `removeInvolvedUser`), the
-[User Workflow API](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-activiti-rest-api/docs/UsersWorkflowApi.md#getUsers)
-(for `getWorkflowUsers`) and the
-[User API](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-activiti-rest-api/docs/UserApi.md#getuserprofilepictureurl)(for `getUserImage`).
+    -   **Returns** `Observable<LightUserRepresentation>` - Empty response when the update completes
 
 ## See also
 
--   [User process model](../models/user-process.model.md)
--   [Bpm user model](../models/bpm-user.model.md)
 -   [People content service](people-content.service.md)

docs/core/services/widget.component.md

@@ -0,0 +1,42 @@
+# Widget Component
+
+Base class for all standard and custom form widgets. All widgets must extend this class.
+
+## Basic Usage
+
+```ts
+import { Component } from '@angular/core';
+import { WidgetComponent } from '@alfresco/adf-core';
+
+@Component({
+    selector: 'custom-editor',
+    template: `
+        <div style="color: red">Look, I'm a custom editor!</div>
+    `
+})
+export class CustomEditorComponent extends WidgetComponent {}
+```
+
+## Class members
+
+### Properties
+
+| Name  | Type  | Default value | Description |
+|-------|-------|---------------|-------------|
+| field | `any` |               | field.      |
+
+### Events
+
+| Name         | Type                | Description   |
+|--------------|---------------------|---------------|
+| fieldChanged | `EventEmitter<any>` | fieldChanged. |
+
+## Details
+
+The `WidgetComponent` is the base class for all standard and custom form widgets.
+See the [Form Extensibility and Customisation](../../user-guide/extensibility.md) page for full details about
+implementing custom widgets.
+
+## See also
+
+-   [Extensibility](../../user-guide/extensibility.md)