cleanup dead code

[ACS-8301] - Test the ADW integration with HXIAM (#9934 )
ACS-8315: avatar component (#9931 )
2026-09-16 18:13:06 +00:00 · 2024-07-11 14:20:42 -04:00 · 2024-07-10 08:31:43 +02:00 · 2024-07-09 17:58:41 -04:00 · 2024-07-09 16:57:00 -04:00 · 2024-07-09 12:24:32 -04:00
755 changed files with 8059 additions and 10118 deletions
@@ -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 }}
@@ -24,11 +24,11 @@ runs:
  using: "composite"

  steps:
-    - uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+    - 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 }}-*
@@ -19,14 +19,14 @@ runs:
  using: "composite"

  steps:
-    - uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+    - 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 }}
@@ -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-*
@@ -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
@@ -1,6 +1,6 @@
 name: "CodeQL config"

 paths-ignore:
-  - 'e2e/resources/**/*.*'
-  - 'docs/**/*.*'
+  - 'e2e/resources/**'
+  - 'docs/**'

@@ -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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+      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@b7cec7526559c32f1616476ff32d17ba4c59b2d6 # v3.25.5
+      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@b7cec7526559c32f1616476ff32d17ba4c59b2d6 # v3.25.5
+      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@b7cec7526559c32f1616476ff32d17ba4c59b2d6 # v3.25.5
+      uses: github/codeql-action/analyze@b611370bb5703a7efb587f9d136a52ea24c5c38c # v3.25.11
@@ -73,7 +73,7 @@ jobs:
    runs-on: ubuntu-latest
    name: Initialize artifacts
    steps:
-      - uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
      - uses: ./.github/actions/artifact-initialize
        with:
          artifact-name: global-e2e-result
@@ -96,7 +96,7 @@ jobs:
      GITHUB_TOKEN: $BOT_GITHUB_TOKEN
    steps:
      - name: Checkout repository
-        uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
      - id: set-dryrun
        uses: ./.github/actions/enable-dryrun
        with:
@@ -98,10 +98,10 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout repository
-        uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+      - uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
      - name: identify-slack-group
        id: groups
        if: ${{ github.event_name == 'schedule' }}
@@ -9,7 +9,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
    - name: Checkout the latest code
-      uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+      uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
      with:
        fetch-depth: 0
    - name: Automatic Rebase
@@ -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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
      - uses: ./.github/actions/npm-check-bundle
@@ -92,7 +92,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout repository
-        uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        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@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
        with:
          fetch-depth: 0
      - uses: ./.github/actions/setup
@@ -213,9 +213,9 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout repository
-        uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
      - name: HxP upstream invoke
-        uses: aurelien-baudet/workflow-dispatch@93e95b157d791ae7f42aef8f8a0d3d723eba1c31 # v2.1.1
+        uses: the-actions-org/workflow-dispatch@3133c5d135c7dbe4be4f9793872b6ef331b53bc7 # v4.0.0
        with:
          repo: Alfresco/hxp-frontend-apps
          ref: develop
@@ -234,7 +234,7 @@ jobs:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout repository
-        uses: actions/checkout@a5ac7e51b41094c92402da3b24376905380afc29 # v4.1.6
+        uses: actions/checkout@692973e3d937129bcbf40652eb9f2f61becf3332 # v4.1.7
      - uses: ./.github/actions/npm-check-bundle

  finalize:
@@ -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,
@@ -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>
@@ -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,
@@ -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();
@@ -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);
@@ -20,7 +20,7 @@ import { EcmUserModel, PeopleContentService } from '@alfresco/adf-content-servic
 import { Component, Input, OnDestroy, ViewChild, ViewEncapsulation } from '@angular/core';
 import { MatMenuModule, MatMenuTrigger, MenuPositionX, MenuPositionY } from '@angular/material/menu';
 import { Subject } from 'rxjs';
-import { PeopleProcessService } from '../common/services/people-process.service';
+import { PeopleProcessService } from '@alfresco/adf-process-services';
 import { UserRepresentation } from '@alfresco/js-api';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
@@ -57,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()
@@ -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;
@@ -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',
@@ -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 {}
@@ -15,7 +15,7 @@
 * limitations under the License.
 */

-import { Component, Input, OnChanges, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+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';
@@ -27,12 +27,7 @@ import { ProcessInstanceRepresentation } from '@alfresco/js-api';
    selector: 'app-process-attachments',
    templateUrl: './process-attachments.component.html',
    styleUrls: ['./process-attachments.component.css'],
-    providers: [
-        {
-            provide: UploadService,
-            useClass: ProcessUploadService
-        }
-    ],
+    providers: [{ provide: UploadService, useClass: ProcessUploadService }],
    encapsulation: ViewEncapsulation.None
 })
 export class ProcessAttachmentsComponent implements OnInit, OnChanges, OnDestroy {
@@ -44,9 +39,11 @@ export class ProcessAttachmentsComponent implements OnInit, OnChanges, OnDestroy

    processInstance: ProcessInstanceRepresentation;

-    private onDestroy$ = new Subject<boolean>();
+    private uploadService = inject(UploadService);
+    private processService = inject(ProcessService);
+    private preview = inject(PreviewService);

-    constructor(private uploadService: UploadService, private processService: ProcessService, private preview: PreviewService) {}
+    private onDestroy$ = new Subject<boolean>();

    ngOnInit() {
        this.uploadService.fileUploadComplete.pipe(takeUntil(this.onDestroy$)).subscribe((value) => this.onFileUploadComplete(value.data));
@@ -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']);
    }
-
 }
@@ -15,39 +15,20 @@
 * limitations under the License.
 */

-import { Component, Input, OnChanges, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Component, inject, Input, OnChanges, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core';
 import { TaskAttachmentListComponent, TaskListService, TaskUploadService } from '@alfresco/adf-process-services';
-import { AlfrescoApiService, AppConfigService } from '@alfresco/adf-core';
-import { DiscoveryApiService, UploadService } from '@alfresco/adf-content-services';
+import { UploadService } from '@alfresco/adf-content-services';
 import { PreviewService } from '../../services/preview.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { TaskRepresentation } from '@alfresco/js-api';

-/**
- * 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);
-}
-
@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')
@@ -58,9 +39,11 @@ export class TaskAttachmentsComponent implements OnInit, OnChanges, OnDestroy {

    taskDetails: TaskRepresentation;

-    private onDestroy$ = new Subject<boolean>();
+    private uploadService = inject(UploadService);
+    private taskListService = inject(TaskListService);
+    private previewService = inject(PreviewService);

-    constructor(private uploadService: UploadService, private taskListService: TaskListService, private previewService: PreviewService) {}
+    private onDestroy$ = new Subject<boolean>();

    ngOnInit() {
        this.uploadService.fileUploadComplete.pipe(takeUntil(this.onDestroy$)).subscribe((event) => this.onFileUploadComplete(event.data));
@@ -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>
@@ -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 {}
@@ -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'] || {};
@@ -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) |
@@ -192,7 +198,7 @@ for more information about installing and using the source code.
 | [APS Alfresco Content Service](core/services/activiti-alfresco.service.md) | Gets Alfresco Repository folder content based on a Repository account configured in Alfresco Process Services (APS). | [Source](../lib/process-services/src/lib/form/services/activiti-alfresco.service.ts) |
 | [Alfresco Api Service](core/services/alfresco-api.service.md) | Provides access to an initialized AlfrescoJSApi instance. | [Source](../lib/core/src/lib/services/alfresco-api.service.ts) |
 | [App Config service](core/services/app-config.service.md) | Supports app configuration settings, stored server side. | [Source](../lib/core/src/lib/app-config/app-config.service.ts) |
-| [Apps Process service](core/services/apps-process.service.md) | Gets details of the Process Services apps that are deployed for the user. | [Source](../lib/process-services/src/lib/app-list/services/apps-process.service.ts) |
+| [Apps Process service](core/services/apps-process.service.md) | Gets details of the Process Services apps that are deployed for the user. | [Source](../lib/process-services/src/lib/services/apps-process.service.ts) |
 | [Auth Guard Bpm service](core/services/auth-guard-bpm.service.md) | Adds authentication with Process Services to a route within the app. | [Source](../lib/core/src/lib/auth/guard/auth-guard-bpm.service.ts) |
 | [Auth Guard Ecm service](core/services/auth-guard-ecm.service.md) | Adds authentication with Content Services to a route within the app. | [Source](../lib/core/src/lib/auth/guard/auth-guard-ecm.service.ts) |
 | [Auth Guard SSO Role service](core/services/auth-guard-sso-role.service.md) | Checks the user roles of a user. | [Source](../lib/core/src/lib/auth/guard/auth-guard-sso-role.service.ts) |
@@ -229,7 +235,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) |
@@ -276,10 +282,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) |
@@ -306,7 +311,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) |
@@ -394,7 +399,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-->

@@ -414,8 +419,8 @@ 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) |
+| [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) |
@@ -425,31 +430,30 @@ for more information about installing and using the source code.
 | [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/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) |
+| [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.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) |
+| [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
@@ -578,21 +582,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-->

@@ -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
@@ -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)
@@ -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.
@@ -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)

@@ -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)
@@ -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

@@ -49,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`
@@ -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)

@@ -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)

@@ -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)

@@ -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)

@@ -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. |
@@ -1,86 +0,0 @@
---
-Title: Dialog component
-Added: v6.9.0
-Status: Active
-Last reviewed: 2024-05-17
---
-
-# [Dialog component](../../../lib/content-services/src/lib/dialogs/dialog/ "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(true),
-        contentTemplate: this.contentDialogTemplate,
-        actionsTemplate: this.actionsDialogTemplate
-    };
-
-    this.dialog.open(DialogComponent, { data });
-}
-```
-
-## 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)
@@ -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;
        };
-        
    }
-
 }
 ```

@@ -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)
@@ -0,0 +1 @@
+../../../lib/core/src/lib/avatar/avatar.component.md
@@ -0,0 +1 @@
+../../../lib/core/src/lib/button/button.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

@@ -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.

@@ -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 |
@@ -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)
@@ -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)
@@ -1,11 +1,11 @@
 ---
 Title: Dialog Data Interface
-Added: v6.9.0
+Added: v6.10.0
 Status: Active
-Last reviewed: 2024-05-17
+Last reviewed: 2024-05-24
 ---

-# [Dialog Data Interface](../../../lib/content-services/src/lib/dialogs/dialog/dialog-data.interface.ts "Defined in dialog-data.interface.ts")
+# [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).

@@ -25,6 +25,9 @@ interface DialogData {
    actionsTemplate?: TemplateRef<any>;
    descriptionTemplate?: TemplateRef<any>;
    headerIcon?: string;
+    additionalActionButtons?: AdditionalDialogActionButton[];
+    componentData?: any;
+    dataOnConfirm$?: Subject<any>
 }
 ```

@@ -34,18 +37,24 @@ interface DialogData {
 | ---- | ---- | ------------- | ----------- |
 | 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. (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)
@@ -1,11 +1,11 @@
 ---
 Title: Dialog Size Model
-Added: v6.9.0
+Added: v6.10.0
 Status: Active
-Last reviewed: 2024-05-17
+Last reviewed: 2024-05-24
 ---

-# [Dialog Size model](../../../lib/content-services/src/lib/dialogs/dialog/dialog.model.ts "Defined in dialog.model.ts")
+# [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). 

@@ -50,3 +50,4 @@ function openDialog() {

 - [Dialog Component](../dialogs/dialog.md)
 - [Dialog Data Interface](../interfaces/dialog.interface.md)
+- [AdditionalDialogActionButton Interface](../interfaces/additional-dialog-action-button.interface.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. 
@@ -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.

@@ -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

@@ -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)
@@ -1,60 +0,0 @@
---
-Title: Getting started (as developer) with Alfresco ADF-based applications
-Level: Basic
---
-
-# Prerequisites and requirements
-
-The first thing to do is to check the prerequisites and the requirements to run the front-end application directly into a development environment.
-
-More in particular check that you have:
-
-   Alfresco Content Services (alias ACS) Community or Enterprise edition up and running (identify the URL that will be required as configuration).
-   The latest lts version of NodeJs.
-   A recent (and supported) version of a browser (see here for further details).
-
-# Cloning and launching the front-end application
-
-Once the environment is properly configured, open a terminal and clone the following GitHub repository in a working folder.
-
-`git clone https://github.com/Alfresco/alfresco-content-app.git`
-
-Once done, enter the alfresco-content-app folder and create a file named .env with the following content (put the ACS URL as value).
-
-`API_CONTENT_HOST="https://..."`
-
-Run `npm install` and then `npm start` to get the application up and running. The application will be available at the URL <http://localhost:4200> and the credentials are the ones required by ACS.
-
-Congratulations! You now have the Alfresco Content App running in development mode into your development environment.
-
-# Troubleshooting and support
-
-If you have any issue, don’t worry! There is an entire community available to help you.
-
-In case of problems raise a question into the [Alfresco Forum](https://hub.alfresco.com/ "https://hub.alfresco.com/") (Application Development Framework section) or connect with the developers into the [Alfresco Gitter channel](https://alfresco.atlassian.net/wiki/spaces/PM/overview "https://alfresco.atlassian.net/wiki/spaces/PM/overview").
-
-# Bonus: Use the Enterprise stack instead of the Open Source
-
-If you are an Alfresco Customer or an Official Partner, you might be interested in using the Enterprise stack instead of the Open Source introduced above. The changes to the tasks are not too many and you can try to do the same exercise with the following changes.
-
-   Use ACS Enterprise Edition instead of the Community Edition.
-   Use the `alfresco-digital-workspace-app` GitHub repository (this is a private repository so you may require to get a local copy of the project raising a request into the Alfresco Support Portal).
-   Use the following `.env` file.
-
-    AUTH_TYPE="BASIC"
-    PROVIDER="ECM"
-    API_CONTENT_HOST="<https://...>"
-    API_PROCESS_HOST="<https://...>"
-    OAUTH_HOST="<https://.../auth/realms/alfresco>"
-    E2E_HOST="<http://localhost:4200>"
-    ADMIN_EMAIL="..."
-    ADMIN_PASSWORD="..."
-    ADF_PATH="../alfresco-ng2-components"
-    ACA_BRANCH="develop"
-    MAXINSTANCES=3
-
-   Run the application using `npm start content-ee`.
-
-# Conclusion
-
-In this tutorial you learned how to launch a fully-featured ADF-based application on your development environment, starting from the source code, with the purpose to have a first experience with the development principles and the best practices suggested to create front-end applications working on top of the Alfresco backend services. This is only the first success that you can do with the Alfresco technology. Continue to learn on how to develop front-end applications using Alfresco, in the following sections of the official documentation.
@@ -1,34 +0,0 @@
---
-Title: Analytics Generator Component
-Added: v2.0.0
-Status: Active
---
-
-# [Analytics Generator Component](../../../lib/insights/src/lib/analytics-process/components/analytics-generator.component.ts "Defined in analytics-generator.component.ts")
-
-Generates and shows charts
-
-## Basic Usage
-
-```html
-<adf-analytics-generator 
-    [reportId]="reportId" 
-    [reportParamQuery]="reportParamQuery">
-</adf-analytics>
-```
-
-## Class members
-
-### Properties
-
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| reportId | `string` |  | reportId. |
-| reportParamQuery | [`ReportQuery`](../../../lib/insights/src/lib/diagram/models/report/report-query.model.ts) | undefined | reportParamQuery. |
-
-### Events
-
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | error. |
-| success | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | success. |
@@ -0,0 +1 @@
+../../../lib/insights/docs/components/analytics-generator.component.md
@@ -1,35 +0,0 @@
---
-Title: APS Analytics List Component
-Added: v2.0.0
-Status: Active
---
-
-# [APS Analytics List Component](../../../lib/insights/src/lib/analytics-process/components/analytics-report-list.component.ts "Defined in analytics-report-list.component.ts")
-
-Shows a list of all available reports
-
-## Basic Usage
-
-```html
-<adf-analytics-report-list
-    [layoutType]="'LIST'">
-</adf-analytics-report-list>
-```
-
-## Class members
-
-### Properties
-
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| appId | `number` |  | appId ID of the target app. |
-| layoutType | `string` | LAYOUT_LIST | layout Type LIST or GRID. |
-| selectFirst | `boolean` | false | selectFirst. |
-
-### Events
-
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | error. |
-| reportClick | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`ReportParametersModel`](../../../lib/insights/src/lib/diagram/models/report/report-parameters.model.ts)`>` | report Click. |
-| success | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | success. |
@@ -0,0 +1 @@
+../../../lib/insights/docs/components/analytics-report-list.component.md
@@ -1,38 +0,0 @@
---
-Title: APS Analytics Component
-Added: v2.0.0
-Status: Active
---
-
-# [APS Analytics Component](../../../lib/insights/src/lib/analytics-process/components/analytics.component.ts "Defined in analytics.component.ts")
-
-Shows the charts related to the reportId passed as input
-
-![Analytics-without-parameters](../../docassets/images/analytics-without-parameters.png)
-
-## Basic Usage
-
-```html
-<adf-analytics 
-    [appId]="1001" 
-    [reportId]="2006">
-</adf-analytics>
-```
-
-## Class members
-
-### Properties
-
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| appId | `number` |  | appId ID of the target app. |
-| hideParameters | `boolean` | false | hideParameters. |
-| reportId | `string` |  | reportId. |
-
-### Events
-
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| editReport | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | emitted when editReport. |
-| reportDeleted | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | emitted when reportDeleted. |
-| reportSaved | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | emitted when reportSaved. |
@@ -0,0 +1 @@
+../../../lib/insights/docs/components/analytics.component.md
@@ -1,48 +0,0 @@
---
-Title: Diagram Component
-Added: v2.0.0
-Status: Active
---
-
-# [Diagram Component](../../../lib/insights/src/lib/diagram/components/diagram.component.ts "Defined in diagram.component.ts")
-
-Displays process diagrams.
-
-## Basic Usage
-
-This component shows the diagram of a process.
-
-```html
-<adf-diagram 
-    [processDefinitionId]="processDefinitionId">
-</adf-diagram>
-```
-
-The below component shows the diagram of a running process instance with the activities highlighted according to their state (Active/Completed/Pending).
-
-```html
-<adf-diagram 
-    [processInstanceId]="processInstanceId">
-</adf-diagram>
-```
-
-## Class members
-
-### Properties
-
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| height | `number` | 500 | height. |
-| metricColor | `any` |  | metricColor. |
-| metricPercentages | `any` |  | metricPercentages. |
-| metricType | `string` | "" | metricType. |
-| processDefinitionId | `any` |  | processDefinitionId. |
-| processInstanceId | `any` |  | processInstanceId. |
-| width | `number` | 1000 | width. |
-
-### Events
-
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | error. |
-| success | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | success. |
@@ -0,0 +1 @@
+../../../lib/insights/docs/components/diagram.component.md
@@ -1,49 +0,0 @@
---
-Title: Widget component
-Added: v2.0.0
-Status: Active
-Last reviewed: 2018-03-29
---
-
-# [Widget component](../../../lib/insights/src/lib/analytics-process/components/widgets/widget.component.ts "Defined in widget.component.ts")
-
-Base class for standard and custom [widget](../../../lib/testing/src/lib/core/pages/form/widgets/widget.ts) classes.
-
-## 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`](https://angular.io/api/core/EventEmitter)`<any>` | fieldChanged. |
-
-## Details
-
-The [Widget component](widget.component.md) 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)
@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-20
 ---

-# [Attach Form component](../../../lib/process-services/src/lib/task-list/components/attach-form.component.ts "Defined in attach-form.component.ts")
+# [Attach Form component](../../../lib/process-services/src/lib/task-list/components/attach-form/attach-form.component.ts "Defined in attach-form.component.ts")

 This component can be used when there is no form attached to a task and you want to add one.

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-19
 ---

-# [Process Details component](../../../lib/process-services/src/lib/process-list/components/process-instance-details.component.ts "Defined in process-instance-details.component.ts")
+# [Process Details component](../../../lib/process-services/src/lib/process-list/components/process-instance-details/process-instance-details.component.ts "Defined in process-instance-details.component.ts")

 Displays detailed information about a specified process instance

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-01-14
 ---

-# [Process Instance Details Header component](../../../lib/process-services/src/lib/process-list/components/process-instance-header.component.ts "Defined in process-instance-header.component.ts")
+# [Process Instance Details Header component](../../../lib/process-services/src/lib/process-list/components/process-instance-header/process-instance-header.component.ts "Defined in process-instance-header.component.ts")

 Sub-component of the process details component, which renders some general information about the selected process.

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-19
 ---

-# [Process Instance Tasks component](../../../lib/process-services/src/lib/process-list/components/process-instance-tasks.component.ts "Defined in process-instance-tasks.component.ts")
+# [Process Instance Tasks component](../../../lib/process-services/src/lib/process-list/components/process-instance-tasks/process-instance-tasks.component.ts "Defined in process-instance-tasks.component.ts")

 Lists both the active and completed tasks associated with a particular process instance

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-01-16
 ---

-# [Process Instance List](../../../lib/process-services/src/lib/process-list/components/process-list.component.ts "Defined in process-list.component.ts")
+# [Process Instance List](../../../lib/process-services/src/lib/process-list/components/process-list/process-list.component.ts "Defined in process-list.component.ts")

 Renders a list containing all the process instances matched by the parameters specified.

@@ -195,7 +195,7 @@ The Process Instance List also supports pagination:

 Emitted before the context menu is displayed for a row.

-Note that the [`ProcessInstanceListComponent`](../../../lib/process-services/src/lib/process-list/components/process-list.component.ts) itself does not populate the context menu with items. You can provide all necessary content via the handler.
+Note that the [`ProcessInstanceListComponent`](../../../lib/process-services/src/lib/process-list/components/process-list/process-list.component.ts) itself does not populate the context menu with items. You can provide all necessary content via the handler.

 ```html
 <adf-process-instance-list
@@ -1,38 +0,0 @@
---
-Title: Process User Info component
-Added: v6.0.0
-Status: Active
-Last reviewed: 2023-01-24
---
-
-# [Process User Info component](../../../lib/process-services/src/lib/process-user-info/process-user-info.component.ts "Defined in process-user-info.component.ts")
-
-Shows user information for `PROCESS` and `ALL` mode.
-
-## Basic usage
-
-```html
-<adf-process-user-info></adf-process-user-info>
-```
-
-## Class members
-
-### Properties
-
-| Name | Type | Default value | Description |
-| ---- | ---- | ------------- | ----------- |
-| bpmBackgroundImage | `string` |  | Custom path for the background banner image for APS users. |
-| bpmUser | UserRepresentation |  | BPM user info. |
-| ecmBackgroundImage | `string` |  | Custom path for the background banner image for ACS users. |
-| ecmUser | [`EcmUserModel`](../../core/models/ecm-user.model.md) |  | ECM 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.
@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-01-14
 ---

-# [Start Process component](../../../lib/process-services/src/lib/process-list/components/start-process.component.ts "Defined in start-process.component.ts")
+# [Start Process component](../../../lib/process-services/src/lib/process-list/components/start-process/start-process.component.ts "Defined in start-process.component.ts")

 Starts a process.

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-01-14
 ---

-# [Start Task Component](../../../lib/process-services/src/lib/task-list/components/start-task.component.ts "Defined in start-task.component.ts")
+# [Start Task Component](../../../lib/process-services/src/lib/task-list/components/start-task/start-task.component.ts "Defined in start-task.component.ts")

 Creates/Starts a new task for the specified app.

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-16
 ---

-# [Task Filters component](../../../lib/process-services/src/lib/task-list/components/task-filters.component.ts "Defined in task-filters.component.ts")
+# [Task Filters component](../../../lib/process-services/src/lib/task-list/components/task-filters/task-filters.component.ts "Defined in task-filters.component.ts")

 Shows all available filters.

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-19
 ---

-# [Task Standalone component](../../../lib/process-services/src/lib/task-list/components/task-standalone.component.ts "Defined in task-standalone.component.ts")
+# [Task Standalone component](../../../lib/process-services/src/lib/task-list/components/task-standalone/task-standalone.component.ts "Defined in task-standalone.component.ts")

 This component can be used when the task doesn't belong to any processes.

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-01-14
 ---

-# [Process Audit Directive](../../../lib/process-services/src/lib/process-list/components/process-audit.directive.ts "Defined in process-audit.directive.ts")
+# [Process Audit Directive](../../../lib/process-services/src/lib/process-list/components/process-audit/process-audit.directive.ts "Defined in process-audit.directive.ts")

 Fetches the Process Audit information in PDF or JSON format.

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-01-14
 ---

-# [Task Audit Directive](../../../lib/process-services/src/lib/task-list/components/task-audit.directive.ts "Defined in task-audit.directive.ts")
+# [Task Audit Directive](../../../lib/process-services/src/lib/task-list/components/task-audit/task-audit.directive.ts "Defined in task-audit.directive.ts")

 Fetches the Task Audit information in PDF or JSON format.

@@ -0,0 +1,20 @@
+# Release Notes v6.10.0
+
+## Deprecated Content
+
+The following components have been deprecated and will be removed in the next major release:
+
+- Content Services: `TreeViewComponent`
+
+## Removed Content
+
+The following components have been removed:
+
+- ACS-5571: Content Services: `WebScriptComponent`
+- ACS-5572: Content Services: `RatingComponent` 
+- ACS-5572: Content Services: `LikeComponent`
+- ACS-7577: Content Services: `adf-create-folder`, `adf-edit-folder` directives
+
+## Changelog
+
+TBD
@@ -9,8 +9,6 @@ Github only: true
 | --- | --- | --- |
 | [**Prerequisites and the requirements**](creating-your-first-adf-application.md) | Basic | In this tutorial you are going to learn how to create a very basic (and almost “empty”) ADF-based application that you can start enriching with features, behaviors and customizations. The creation of this basic ADF-based application is possible through a scaffolding tool called [Yeoman]\(https://yeoman.io/ "https://yeoman.io/"), which makes this task very straightforward. |
 | [**Creating your Alfresco JavaScript application**](creating-javascript-app-using-alfresco-js-api.md) | Basic | In this tutorial you will learn how to create an application in JavaScript from scratch to interact with Alfresco. |
-| [**Adding a new component**](new-component.md) | Basic | In this tutorial, you will learn how to create a component using [Angular CLI](https://cli.angular.io/) within an existing application. |
-| [**Adding a new view**](new-view.md) | Beginner | In this tutorial you will learn how to create a new view in your application and how to access it using a defined endpoint. |
 | [**Using ADF Components**](using-components.md) | Basic | In this tutorial, you will learn how to extend, use, and configure ADF Components. |
 | [**Basic theming**](basic-theming.md) | Beginner | In this tutorial you will see how to theme an ADF app by modifying the CSS.  |
 | [**Working with a Data Table**](working-with-data-table.md) | Intermediate | In this tutorial you will learn how to populate a DataTable component. |
--- a/Show More
+++ b/Show More
				`@@ -0,0 +1 @@`
				`../../../lib/core/src/lib/avatar/avatar.component.md`
				`@@ -0,0 +1 @@`
				`../../../lib/core/src/lib/button/button.component.md`
				`@@ -0,0 +1 @@`
				`../../../lib/insights/docs/components/analytics-generator.component.md`
				`@@ -0,0 +1 @@`
				`../../../lib/insights/docs/components/diagram.component.md`