Release 6.7.0 (#9392)

Bumps [es5-ext](https://github.com/medikoo/es5-ext) from 0.10.62 to 0.10.63.
- [Release notes](https://github.com/medikoo/es5-ext/releases)
- [Changelog](https://github.com/medikoo/es5-ext/blob/main/CHANGELOG.md)
- [Commits](https://github.com/medikoo/es5-ext/compare/v0.10.62...v0.10.63)

---
updated-dependencies:
- dependency-name: es5-ext
  dependency-type: indirect
...

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

.eslintignore

@@ -0,0 +1,11 @@
+.angular
+nxcache
+node_modules
+dist
+coverage
+.github
+.vscode
+scripts
+/angular.json
+docs/**/*.md
+lib/js-api/docs/**/*.md

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

@@ -22,13 +22,15 @@ runs:
     - run: echo "Artifact Append"
       shell: bash
     - name: Download artifact
-      uses: actions/download-artifact@v3
+      uses: actions/upload-artifact@1eb3cb2b3e0f29609092a73eb033bb759a334595 # v4.1.0
       with:
         name: ${{ inputs.artifact-name }}
+        pattern: ${{ inputs.artifact-name }}-*
+        merge-multiple: true
     - run: ls
       shell: bash
     - name: Append content
-      uses: actions/github-script@v6
+      uses: actions/github-script@60a0d83039c74a4aee543508d2ffcb1c3799cdea # v7.0.1
       env:
         contentFile: ${{ inputs.content }}
         fileName: ${{ inputs.file-name }}
@@ -83,7 +85,7 @@ runs:
             }
           }
     - name: Upload artifact
-      uses: actions/upload-artifact@v3
+      uses: actions/upload-artifact@1eb3cb2b3e0f29609092a73eb033bb759a334595 # v4.1.0
       with:
         name: ${{ inputs.artifact-name }}
         path: ${{ inputs.file-name }}

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

@@ -24,13 +24,15 @@ runs:
   using: "composite"
 
   steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
     - run: echo "Artifact Extract"
       shell: bash
     - name: Download artifact
-      uses: actions/download-artifact@v3
+      uses: actions/upload-artifact@a8a3f3ad30e3422c9c7b888a15615d19a852ae32 # v3.1.3
       with:
         name: ${{ inputs.artifact-name }}
+        pattern: ${{ inputs.artifact-name }}-*
+        merge-multiple: true
     - id: extract
       shell: bash
       run: |

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

@@ -19,14 +19,14 @@ runs:
   using: "composite"
 
   steps:
-    - uses: actions/checkout@v3
+    - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
     - name: Create empty artifact
       shell: bash
-      run: 
+      run:
         echo "${{inputs.content}}" > ${{ inputs.file-name }}
 
     - name: Upload artifact
-      uses: actions/upload-artifact@v3
+      uses: actions/upload-artifact@1eb3cb2b3e0f29609092a73eb033bb759a334595 # v4.1.0
       with:
         name: ${{ inputs.artifact-name }}
         path: ${{ inputs.file-name }}

.github/actions/before-install/action.yml

@@ -60,8 +60,9 @@ runs:
             echo "Setting up CI flags for Push develop patch"
         else
           echo "Setting up CI flags for Push on develop branch"
-          base=$(git describe --tags $(git rev-list --tags --max-count=1))
-          echo "NX_CALCULATION_FLAGS=--base=$base --head=$HEAD_HASH" >> $GITHUB_ENV
+          # base=$(git describe --tags $(git rev-list --tags --max-count=1))
+          # we publish always all the libs until we don't handle partial release
+          echo "NX_CALCULATION_FLAGS=--all" >> $GITHUB_ENV
         fi
         echo "BREAK_ACTION=true" >> $GITHUB_ENV
 

.github/actions/e2e/action.yml

@@ -153,7 +153,7 @@ runs:
         echo $PROXY_HOST_BPM
         echo "GIT_HASH=$GIT_HASH" >> $GITHUB_ENV
 
-    - name: run test 
+    - name: run test
       id: e2e_run
       if: ${{ steps.determine-affected.outputs.isAffected == 'true' }}
       env:
@@ -177,16 +177,16 @@ runs:
       if: ${{ steps.determine-affected.outputs.isAffected == 'true' && github.event_name == 'schedule' && failure() }}
       uses: ./.github/actions/artifact-append
       with:
-        artifact-name: global-e2e-result
+        artifact-name: "global-e2e-result-${{ inputs.e2e-test-id }}"
         file-name: e2e-failures.txt
         content: "${{ inputs.e2e-test-id }}"
 
     - name: upload artifacts on gh
       id: upload_gh
       if: ${{ steps.determine-affected.outputs.isAffected == 'true' }}
-      uses: actions/upload-artifact@v3
+      uses: actions/upload-artifact@1eb3cb2b3e0f29609092a73eb033bb759a334595 # v4.1.0
       with:
-        name: e2e-artifact-output
+        name: e2e-artifact-output-${{inputs.e2e-test-id}}
         path: /home/runner/work/alfresco-ng2-components/alfresco-ng2-components/e2e-output-*
 
     - name: upload smart-runner tests results on s3 to cache tests

.github/actions/npm-check-bundle/action.yml

@@ -20,9 +20,7 @@ runs:
       id: sha_out
       run: |
         if [[ -z $TAG_NPM ]]; then
-            echo "TAG_NPM not set, aborting"
-            exit 1
+          echo "TAG_NPM not set, aborting"
+          exit 1
         fi
-        ADF_VERSION=$(npm view @alfresco/adf-core@${TAG_NPM} version)
-        echo "check bundle on TAG_NPM='${TAG_NPM}' and ADF_VERSION='${ADF_VERSION}'"
-        ./scripts/github/build/npm-check-bundles.sh -v ${ADF_VERSION}
+        ./scripts/github/build/npm-check-bundles.sh

.github/actions/setup/action.yml

@@ -20,18 +20,18 @@ runs:
   using: "composite"
   steps:
       - name: install NPM
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@b39b52d1213e96004bfcb1c61a8a6fa8ab84f3e8 # v4.0.1
         with:
           node-version-file: '.nvmrc'
           cache-dependency-path: package-lock.json
       - name: get latest tag sha
         id: tag-sha
-        uses: Alfresco/alfresco-build-tools/.github/actions/git-latest-tag@v1.29.0
+        uses: Alfresco/alfresco-build-tools/.github/actions/git-latest-tag@469ed8f7c8198c4f8476392d944b2568e4043c5a # v5.13.1
 # CACHE
       - name: Node Modules cache
         id: node-modules-cache
         if: ${{ inputs.enable-node-modules-cache == 'true' }}
-        uses: actions/cache@v3
+        uses: actions/cache@e12d46a63a90f2fae62d114769bbf2a179198b5c # v3.3.3
         env:
           cache-name: node-modules-cache
         with:
@@ -43,7 +43,7 @@ runs:
             node_modules-${{ runner.os }}-build-
             node_modules-${{ runner.os }}-
       - name: pip cache
-        uses: actions/cache@v3
+        uses: actions/cache@e12d46a63a90f2fae62d114769bbf2a179198b5c # v3.3.3
         if: ${{ inputs.enable-cache == 'true' }}
         with:
           path: ~/.cache/pip

.github/actions/slack-group-area/action.yml

@@ -18,7 +18,7 @@ runs:
   steps:
     - name: Append group
       id: group
-      uses: actions/github-script@v6
+      uses: actions/github-script@60a0d83039c74a4aee543508d2ffcb1c3799cdea # v7.0.1
       env:
         affectedLib: ${{ inputs.affected }}
       with:

.github/dependabot.yml

@@ -1,31 +1,92 @@
 version: 2
 updates:
-- package-ecosystem: npm
-  directory: "/"
-  schedule:
-    interval: "weekly"
-    day: "sunday"
-    time: "07:00"
-  open-pull-requests-limit: 5
-  target-branch: develop
-  groups:
-      - label: "Angular Updates"
-        packages:
+  - package-ecosystem: npm
+    directory: "/"
+    schedule:
+      interval: "weekly"
+      day: "sunday"
+      time: "07:00"
+    open-pull-requests-limit: 5
+    target-branch: develop
+    groups:
+      angular:
+        patterns:
           - "@angular/*"
-        version: "widen"
-     - label: "Angular-devkit Updates"
-        packages:
+      angular-devkit:
+        patterns:
           - "@angular-devkit/*"
-        version: "widen"
-      - label: "ngrx Updates"
-        packages:
+      ngrx:
+        patterns:
           - "@ngrx/*"
-        version: "widen"
-      - label: "nrwl Updates"
-        packages:
+      nrwl:
+        patterns:
           - "@nrwl/*"
-        version: "widen"    
-  ignore:
-    - dependency-name: "pdfjs-dist"
-    - dependency-name: "@types/*"
-    - dependency-name: "typescript"
+    ignore:
+      - dependency-name: "pdfjs-dist"
+      - dependency-name: "@types/*"
+      - dependency-name: "typescript"
+
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/artifact-append"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/artifact-extract"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/artifact-initialize"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/before-install"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/download-node-modules-and-artifacts"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/e2e"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/enable-dryrun"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/get-latest-tag-sha"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/npm-check-bundle"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/print-affected-libs"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/set-npm-tag"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/setup"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/setup-chrome"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/slack-group-area"
+    schedule:
+      interval: "weekly"
+  - package-ecosystem: "github-actions"
+    directory: "/.github/actions/upload-node-modules-and-artifacts"
+    schedule:
+      interval: "weekly"

.github/workflows/codeql-analysis.yml

@@ -22,7 +22,7 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v3
+      uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
       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@v2
+      uses: github/codeql-action/init@e8893c57a1f3a2b659b6b55564fdfdbbd2982911 # v3.24.0
       # 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@v2
+      uses: github/codeql-action/autobuild@e8893c57a1f3a2b659b6b55564fdfdbbd2982911 # v3.24.0
 
     # ℹ️ 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@v2
+      uses: github/codeql-action/analyze@e8893c57a1f3a2b659b6b55564fdfdbbd2982911 # v3.24.0

.github/workflows/cron-e2e.yml

@@ -73,7 +73,7 @@ jobs:
     runs-on: ubuntu-latest
     name: Initialize artifacts
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
       - uses: ./.github/actions/artifact-initialize
         with:
           artifact-name: global-e2e-result

.github/workflows/git-tag.yml

@@ -91,18 +91,18 @@ jobs:
     needs: release
     timeout-minutes: 20
     name: "Release tag"
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     env:
       GITHUB_TOKEN: $BOT_GITHUB_TOKEN
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
       - id: set-dryrun
         uses: ./.github/actions/enable-dryrun
         with:
           dry-run-flag: ${{ inputs.dry-run-flag }}
       - name: install NPM
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@b39b52d1213e96004bfcb1c61a8a6fa8ab84f3e8 # v4.0.1
         with:
           node-version-file: '.nvmrc'
       - name: "Release tag"

.github/workflows/package_dispatch.yml

@@ -9,7 +9,7 @@ jobs:
     if: github.event.registry_package.package_type == 'npm' && github.event.registry_package.name == 'adf-core'
     steps:
       - name: Dispatch event to monorepo
-        uses: actions/github-script@v6
+        uses: actions/github-script@60a0d83039c74a4aee543508d2ffcb1c3799cdea # v7.0.1
         with:
           github-token: ${{ secrets.PAT_WRITE_PKG }}
           retries: 3

.github/workflows/pull-request.yml

@@ -94,11 +94,14 @@ env:
   PROXY_HOST_ECM: ${{ secrets.E2E_HOST }}
 
 jobs:
-  check-package-lock:
-    runs-on: ubuntu-22.04
+  pre-checks:
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
+
+      - name: Ensure SHA pinned actions
+        uses: zgosalvez/github-actions-ensure-sha-pinned-actions@ba37328d4ea95eaf8b3bd6c6cef308f709a5f2ec # v3.0.3
 
       - name: Check package-lock.json version
         run: |
@@ -110,18 +113,18 @@ jobs:
           fi
 
   check-if-pr-is-approved:
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
          fetch-depth: 0
 
       - name: Get branch name
-        uses: Alfresco/alfresco-build-tools/.github/actions/get-branch-name@v1.36.0
+        uses: Alfresco/alfresco-build-tools/.github/actions/get-branch-name@469ed8f7c8198c4f8476392d944b2568e4043c5a # v5.13.1
 
       - name: Save commit message
-        uses: Alfresco/alfresco-build-tools/.github/actions/get-commit-message@v1.36.0
+        uses: Alfresco/alfresco-build-tools/.github/actions/get-commit-message@469ed8f7c8198c4f8476392d944b2568e4043c5a # v5.13.1
 
       - name: ci:force flag parser
         shell: bash
@@ -136,7 +139,7 @@ jobs:
 
       - name: Get PR number
         if: ${{ github.event_name != 'schedule' }}
-        uses: kamatama41/get-pr-number-action@5c77b38a1b4974ebf8a9521a689f38a5898eadd6
+        uses: kamatama41/get-pr-number-action@0bcaab5752c0b699149e74667c8ce2f764cbb7fa # v0.9.1
         id: action
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
@@ -192,11 +195,11 @@ jobs:
     # long timeout required when cache has to be recreated
     timeout-minutes: 30
     name: "Setup"
-    runs-on: ubuntu-22.04
-    needs: [check-if-pr-is-approved, check-package-lock]
+    runs-on: ubuntu-latest
+    needs: [check-if-pr-is-approved, pre-checks]
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 0 # Fetch all history for all tags and branches
       - uses: ./.github/actions/setup
@@ -211,26 +214,28 @@ jobs:
   unit-tests:
     timeout-minutes: 30
     name: "Unit tests: ${{ matrix.unit-tests.name }}"
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     needs: [setup]
     strategy:
       fail-fast: false
       # max-parallel: 4
       matrix:
         unit-tests:
+          - name: js-api
+            exclude: "core,insights,content-services,process-services,process-services-cloud,eslint-plugin-eslint-angular"
           - name: content-services
-            exclude: "insights,core,extensions,process-services,process-services-cloud,eslint-plugin-eslint-angular"
+            exclude: "insights,core,extensions,process-services,process-services-cloud,eslint-plugin-eslint-angular,js-api"
           - name: core
-            exclude: "insights,content-services,process-services,process-services-cloud,eslint-plugin-eslint-angular"
+            exclude: "insights,content-services,process-services,process-services-cloud,eslint-plugin-eslint-angular,js-api"
           - name: insights
-            exclude: "core,extensions,content-services,process-services-cloud,process-services,eslint-plugin-eslint-angular"
+            exclude: "core,extensions,content-services,process-services-cloud,process-services,eslint-plugin-eslint-angular,js-api"
           - name: process-services
-            exclude: "core,extensions,content-services,process-services-cloud,insights,eslint-plugin-eslint-angular"
+            exclude: "core,extensions,content-services,process-services-cloud,insights,eslint-plugin-eslint-angular,js-api"
           - name: process-cloud
-            exclude: "insights,core,extensions,content-services,process-services,eslint-plugin-eslint-angular"
+            exclude: "insights,core,extensions,content-services,process-services,eslint-plugin-eslint-angular,js-api"
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 0 # Fetch all history for all tags and branches
       - uses: ./.github/actions/setup
@@ -243,11 +248,11 @@ jobs:
     # long timeout required when cache has to be recreated
     timeout-minutes: 30
     name: "Lint"
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     needs: [setup]
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 0 # Fetch all history for all tags and branches
       - uses: ./.github/actions/setup
@@ -258,11 +263,11 @@ jobs:
     # long timeout required when cache has to be recreated
     timeout-minutes: 30
     name: "Build libs"
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     needs: [setup]
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 0 # Fetch all history for all tags and branches
       - uses: ./.github/actions/setup
@@ -276,10 +281,10 @@ jobs:
     timeout-minutes: 20
     name: "e2e: storybook"
     needs: [build-libs, lint, unit-tests]
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 0 # Fetch all history for all
       - uses: ./.github/actions/setup
@@ -295,7 +300,7 @@ jobs:
     timeout-minutes: 90
     name: "e2e: ${{ matrix.e2e-test.description }}"
     needs: [build-libs, lint, unit-tests]
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     strategy:
       fail-fast: false
       # max-parallel: 4
@@ -310,49 +315,49 @@ jobs:
             check-ps-env: "true"
             deps: "testing"
           - description: "Content: Components"
-            test-id: "content-services"
+            test-id: "content-services-components"
             folder: "content-services/components"
             provider: "ECM"
             auth: "BASIC"
             check-cs-env: "true"
             deps: "testing"
           - description: "Content: Directives"
-            test-id: "content-services"
+            test-id: "content-services-directives"
             folder: "content-services/directives"
             provider: "ECM"
             auth: "BASIC"
             check-cs-env: "true"
             deps: "testing"
           - description: "Content: Document List"
-            test-id: "content-services"
+            test-id: "content-services-document-list"
             folder: "content-services/document-list"
             provider: "ECM"
             auth: "BASIC"
             check-cs-env: "true"
             deps: "testing"
           - description: "Content: Metadata"
-            test-id: "content-services"
+            test-id: "content-services-metadata"
             folder: "content-services/metadata"
             provider: "ECM"
             auth: "BASIC"
             check-cs-env: "true"
             deps: "testing"
           - description: "Content: Upload and Versioning"
-            test-id: "content-services"
+            test-id: "content-services-upload"
             folder: "content-services/upload"
             provider: "ECM"
             auth: "BASIC"
             check-cs-env: "true"
             deps: "testing"
           - description: "Search"
-            test-id: "content-services"
+            test-id: "content-services-search"
             folder: "search"
             provider: "ECM"
             auth: "BASIC"
             check-cs-env: "true"
             deps: "testing"
           - description: "Process: Form"
-            test-id: "process-services"
+            test-id: "process-services-form"
             folder: "process-services/form"
             provider: "BPM"
             auth: "OAUTH"
@@ -360,7 +365,7 @@ jobs:
             check-external-cs-env: "true"
             deps: "testing"
           - description: "Process: Process"
-            test-id: "process-services"
+            test-id: "process-services-process"
             folder: "process-services/process"
             provider: "BPM"
             auth: "OAUTH"
@@ -368,7 +373,7 @@ jobs:
             check-external-cs-env: "true"
             deps: "testing"
           - description: "Process: Tasks"
-            test-id: "process-services"
+            test-id: "process-services-tasks"
             folder: "process-services/tasks"
             provider: "BPM"
             auth: "OAUTH"
@@ -376,7 +381,7 @@ jobs:
             check-external-cs-env: "true"
             deps: "testing"
           - description: "Process: Widget"
-            test-id: "process-services"
+            test-id: "process-services-widgets"
             folder: "process-services/widgets"
             provider: "BPM"
             auth: "OAUTH"
@@ -384,7 +389,7 @@ jobs:
             check-external-cs-env: "true"
             deps: "testing"
           - description: "Process Cloud: Form"
-            test-id: "process-services-cloud"
+            test-id: "process-services-cloud-form-field"
             folder: "process-services-cloud/form-field"
             provider: "ALL"
             auth: "OAUTH"
@@ -392,17 +397,8 @@ jobs:
             check-cs-env: "true"
             check-ps-cloud-env: "true"
             deps: "testing"
-          - description: "Process Cloud: People"
-            test-id: "process-services-cloud"
-            folder: "process-services-cloud/people"
-            provider: "ALL"
-            auth: "OAUTH"
-            apa-proxy: true
-            check-cs-env: "true"
-            check-ps-cloud-env: "true"
-            deps: "testing"
           - description: "Process Cloud: Process"
-            test-id: "process-services-cloud"
+            test-id: "process-services-cloud-process"
             folder: "process-services-cloud/process"
             provider: "ALL"
             auth: "OAUTH"
@@ -411,7 +407,7 @@ jobs:
             check-ps-cloud-env: "true"
             deps: "testing"
           - description: "Process Cloud: Start Task"
-            test-id: "process-services-cloud"
+            test-id: "process-services-cloud-start-task"
             folder: "process-services-cloud/start-task"
             provider: "ALL"
             auth: "OAUTH"
@@ -420,7 +416,7 @@ jobs:
             check-ps-cloud-env: "true"
             deps: "testing"
           - description: "Process Cloud: Tasks List"
-            test-id: "process-services-cloud"
+            test-id: "process-services-cloud-task-list"
             folder: "process-services-cloud/task-list"
             provider: "ALL"
             auth: "OAUTH"
@@ -431,7 +427,7 @@ jobs:
 
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 0 # Fetch all history for all
       - uses: ./.github/actions/setup
@@ -461,12 +457,12 @@ jobs:
     steps:
       - id: checkoutRepo
         name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 1
       - name: PR contains forbidden labels
         id: pr-forbidden
-        uses: actions/github-script@v6
+        uses: actions/github-script@60a0d83039c74a4aee543508d2ffcb1c3799cdea # v7.0.1
         with:
           script: |
             const issueHasLabels = require('./scripts/github/update/check-issue-has-label.js');
@@ -486,15 +482,15 @@ jobs:
     if: ${{ always() }}
     runs-on: ubuntu-latest
     name: Final Results
-    needs: [check-if-pr-is-approved, check-package-lock, setup, unit-tests, lint, build-libs, e2e, e2e-storybook]
+    needs: [check-if-pr-is-approved, pre-checks, setup, unit-tests, lint, build-libs, e2e, e2e-storybook]
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
       - name: Log e2e result
         id: e2e-result
         if: ${{ github.event_name == 'schedule' }}
         uses: ./.github/actions/artifact-extract
         with:
-          artifact-name: global-e2e-result
+          artifact-name: "global-e2e-result-${{ matrix.e2e-test.test-id }}"
           file-name: e2e-failures.txt
       - name: identify-slack-group
         id: groups
@@ -502,7 +498,7 @@ jobs:
         uses: ./.github/actions/slack-group-area
         with:
           affected: ${{ steps.e2e-result.outputs.result }}
-      - uses: slackapi/slack-github-action@v1.23.0
+      - uses: slackapi/slack-github-action@6c661ce58804a1a20f6dc5fbee7f0381b469e001 # v1.25.0
         name: Nofify QA failure
         if: ${{ github.event_name == 'schedule' && contains(needs.*.result, 'failure') }}
         env:

.github/workflows/rebase.yml

@@ -9,10 +9,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - name: Checkout the latest code
-      uses: actions/checkout@v3
+      uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
       with:
         fetch-depth: 0
     - name: Automatic Rebase
-      uses: cirrus-actions/rebase@1.8
+      uses: cirrus-actions/rebase@b87d48154a87a85666003575337e27b8cd65f691 # 1.8
       env:
         GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/release-branch.yml

@@ -78,7 +78,7 @@ jobs:
   setup:
     timeout-minutes: 20
     name: "Setup"
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     steps:
       - name: set TAG_NPM BRANCH
         shell: bash
@@ -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@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 0
       - uses: ./.github/actions/setup
@@ -104,13 +104,13 @@ jobs:
   release-npm:
     needs: [setup]
     timeout-minutes: 30
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     permissions:
       contents: read
       packages: write
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 0
       - uses: ./.github/actions/setup
@@ -125,10 +125,10 @@ jobs:
       - name: build libraries
         run: |
           set -u;
-          ./scripts/update-version.sh -gnu -nextalpha|| exit 1;
+          ./scripts/update-version.sh -gnu || exit 1;
           npx nx affected:build $NX_CALCULATION_FLAGS --prod --exclude="demoshell" --skip-nx-cache
           npx nx affected $NX_CALCULATION_FLAGS --target=pretheme
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@b39b52d1213e96004bfcb1c61a8a6fa8ab84f3e8 # v4.0.1
         name: release libraries GH registry
         with:
           node-version-file: '.nvmrc'
@@ -137,7 +137,7 @@ jobs:
       - run: npx nx affected --target=npm-publish $NX_CALCULATION_FLAGS --tag=branch|| exit 1
         env:
           NODE_AUTH_TOKEN: ${{ secrets.PAT_WRITE_PKG }}
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@b39b52d1213e96004bfcb1c61a8a6fa8ab84f3e8 # v4.0.1
         name: release libraries Npm registry
         with:
           node-version-file: '.nvmrc'
@@ -150,8 +150,8 @@ jobs:
   npm-check-bundle:
     needs: [release-npm]
     timeout-minutes: 15
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
       - uses: ./.github/actions/npm-check-bundle

.github/workflows/release.yml

@@ -16,6 +16,10 @@ on:
       - develop-patch*
       - master-patch*
 
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: false
+
 env:
   BASE_REF: ${{ github.base_ref }}
   HEAD_REF: ${{ github.head_ref }}
@@ -85,10 +89,10 @@ jobs:
     timeout-minutes: 20
     if: github.event.pull_request.merged == true || github.ref_name == 'master' || github.ref_name == 'master-patch-*'
     name: "Setup"
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 0
       - uses: ./.github/actions/setup
@@ -106,10 +110,10 @@ jobs:
     needs: [setup]
     timeout-minutes: 15
     if: github.event.pull_request.merged == true || github.ref_name == 'master' || github.ref_name == 'master-patch-*'
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 1
       - run: git fetch --all
@@ -132,10 +136,10 @@ jobs:
     needs: [setup]
     timeout-minutes: 15
     if: github.event.pull_request.merged == true || github.ref_name == 'master' || github.ref_name == 'master-patch-*'
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 1
       - run: git fetch --all
@@ -159,13 +163,13 @@ jobs:
     needs: [setup]
     timeout-minutes: 30
     if: github.event.pull_request.merged == true || github.ref_name == 'master' || github.ref_name == 'master-patch-*'
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     permissions:
       contents: read
       packages: write
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
         with:
           fetch-depth: 0
       - uses: ./.github/actions/setup
@@ -183,7 +187,7 @@ jobs:
           ./scripts/github/build/bumpversion.sh
           npx nx affected:build $NX_CALCULATION_FLAGS --prod --exclude="demoshell" --skip-nx-cache
           npx nx affected $NX_CALCULATION_FLAGS --target=pretheme
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@b39b52d1213e96004bfcb1c61a8a6fa8ab84f3e8 # v4.0.1
         name: release libraries GH registry
         with:
           node-version-file: '.nvmrc'
@@ -192,7 +196,7 @@ jobs:
       - run: npx nx affected --target=npm-publish $NX_CALCULATION_FLAGS --tag=$TAG_NPM || exit 1
         env:
           NODE_AUTH_TOKEN: ${{ secrets.PAT_WRITE_PKG }}
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@b39b52d1213e96004bfcb1c61a8a6fa8ab84f3e8 # v4.0.1
         name: release libraries Npm registry
         with:
           node-version-file: '.nvmrc'
@@ -206,10 +210,10 @@ jobs:
     needs: [release-npm]
     timeout-minutes: 15
     if: github.event.pull_request.merged == true || github.ref_name == 'master' || github.ref_name == 'master-patch-*'
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@v3
+        uses: actions/checkout@b4ffde65f46336ab88eb53be808477a3936bae11 # v4.1.1
       - uses: ./.github/actions/npm-check-bundle
 
   finalize:
@@ -219,11 +223,11 @@ jobs:
       needs: [release-demoshell, release-storybook, release-npm, npm-check-bundle]
       steps:
 
-        - uses: slackapi/slack-github-action@v1.23.0
-          name: Nofify FE hxp-front-end-apps workflow failed
+        - uses: slackapi/slack-github-action@6c661ce58804a1a20f6dc5fbee7f0381b469e001 # v1.25.0
+          name: Nofify FE eng-guild-front-end workflow failed
           if: ${{ contains(toJson(needs.*.result), 'failure') }}
           env:
             SLACK_BOT_TOKEN: ${{ secrets.SLACK_BOT_TOKEN }}
           with:
-            channel-id: 'C04N93XU491' #hxp-front-end-apps
-            slack-message: "🔴 Warning: The release workflow of alfresco-ng2-components pipe failed\n Author: name:${{ github.event.pusher.name }}\n Workflow run : <https://github.com/Alfresco/alfresco-ng2-components/actions/runs/${{ github.run_id }}| here>\n>"
+            channel-id: 'C016SMNNL8L' #eng-guild-front-end
+            slack-message: "🔴 Warning: The release workflow of alfresco-ng2-components pipe failed\n Author: name:${{ github.event.pusher.name }} username:${{ github.event.pusher.username }}\n Workflow run : <https://github.com/Alfresco/alfresco-ng2-components/actions/runs/${{ github.run_id }}| here>\n>"

.github/workflows/upstream-js.yml

@@ -1,214 +0,0 @@
-name: Upstream js
-on:
-  schedule:
-    - cron: '0 */3 * * *' # “At minute 0 past every 3rd hour.”
-  workflow_dispatch:
-    inputs:
-      tag_version:
-        description: image tag
-        type: choice
-        required: true
-        options:
-          - alpha
-          - latest
-        default: alpha
-
-jobs:
-  upstream:
-    runs-on: ubuntu-latest
-    outputs:
-      hasAtLeastOneNewVersion: ${{ steps.fetchLatestPkg.outputs.hasAtLeastOneNewVersion }}
-      hasNewVersionAvailableJS: ${{ steps.fetchLatestPkg.outputs.hasVersionNewJS }}
-      latestVersionAvailableJS: ${{ steps.fetchLatestPkg.outputs.latestVersionJS }}
-      hasAtLeastOneNewVersionWithoutPR: ${{ steps.checkPrAlreadyExist.outputs.hasAtLeastOneNewVersionWithoutPR }}
-    steps:
-      - id: checkoutRepo
-        name: Checkout repository
-        uses: actions/checkout@v3
-        with:
-          fetch-depth: 1
-      - id: fetchLatestPkg
-        name: Fetch the latest package version
-        uses: actions/github-script@v6
-        env:
-          TAG_VERSION: ${{ inputs.tag_version }}
-        with:
-          github-token: ${{ secrets.PAT_WRITE_PKG }}
-          script: |
-            const tagVersion = process.env.TAG_VERSION;
-            console.log('tagVersion:',tagVersion);
-            const getLatestVersionOf = require('./scripts/github/update/latest-version-of.js');
-
-            const { hasVersionNew: hasVersionNewJS, latestVersion: latestVersionJS } = await getLatestVersionOf({github, context, dependencyName: 'js-api', tagVersion});
-            console.log('hasVersionNewJS', hasVersionNewJS)
-            console.log('latestVersionJS', latestVersionJS)
-
-            if (hasVersionNewJS  === 'true' ) {
-              core.setOutput('hasAtLeastOneNewVersion', 'true');
-              core.setOutput('hasVersionNewJS', 'true');
-              core.setOutput('latestVersionJS', latestVersionJS);
-            } else {
-              core.setOutput('hasAtLeastOneNewVersion', 'false');
-              console.log('No new version available, skipping upstream!')
-            }
-
-      - name: Check value after
-        run: |
-          echo "The value hasAtLeastOneNewVersion is: ${{ steps.fetchLatestPkg.outputs.hasAtLeastOneNewVersion }}"
-          echo "The value hasVersionNewJS is: ${{ steps.fetchLatestPkg.outputs.hasVersionNewJS }}"
-          echo "The value latestVersionJS is: ${{ steps.fetchLatestPkg.outputs.latestVersionJS }}"
-
-      - id: checkPrAlreadyExist
-        name: Check PR with latest already exist
-        if: ${{ steps.fetchLatestPkg.outputs.hasAtLeastOneNewVersion == 'true' }}
-        uses: actions/github-script@v6
-        env:
-          HAS_NEW_JS_VERSION: ${{ steps.fetchLatestPkg.outputs.hasVersionNewJS }}
-          LATEST_JS_VERSION: ${{ steps.fetchLatestPkg.outputs.latestVersionJS }}
-        with:
-          github-token: ${{ secrets.BOT_GITHUB_TOKEN }}
-          script: |
-            const hasVersionNewJS = process.env.HAS_NEW_JS_VERSION;
-            const latestVersionJS = process.env.LATEST_JS_VERSION;
-
-            const checkPRAlreadyExist = require('./scripts/github/update/check-pr-already-exist.js');
-            let isPRWithLatestJSAlreadyAvailable = false;
-
-            if (hasVersionNewJS === 'true') {
-              isPRWithLatestJSAlreadyAvailable = await checkPRAlreadyExist({github, context, version: latestVersionJS});
-              console.log('isPRWithLatestJSAlreadyAvailable', isPRWithLatestJSAlreadyAvailable);
-            }
-
-            if (isPRWithLatestJSAlreadyAvailable) {
-              console.log('Warning: Upstream PR already exist, stop the migration execution!');
-              core.setOutput('hasAtLeastOneNewVersionWithoutPR', 'false');
-            } else {
-              core.setOutput('hasAtLeastOneNewVersionWithoutPR', 'true');
-            }
-
-  migrate:
-    if: ${{ needs.upstream.outputs.hasAtLeastOneNewVersionWithoutPR == 'true'  }}
-    runs-on: ubuntu-latest
-    needs: upstream
-    steps:
-      - name: Checkout repository
-        uses: actions/checkout@v3
-        with:
-          token: ${{ secrets.BOT_GITHUB_TOKEN }}
-          fetch-depth: 1
-      - name: setup NPM
-        uses: actions/setup-node@v3
-        with:
-          node-version-file: '.nvmrc'
-          cache-dependency-path: package-lock.json
-      - name: "General :: dbpci-install"
-        run: |
-          npm ci --ignore-scripts
-      - name: Migration
-        shell: bash
-        env:
-          IS_JS_AFFECTED: ${{ needs.upstream.outputs.hasNewVersionAvailableJS }}
-          PACKAGE_VERSION_JS: ${{ needs.upstream.outputs.latestVersionAvailableJS }}
-          BRANCH_TO_CREATE: "upstream-dependencies"
-        run: |
-
-          migrateDependenciesJS() {
-            echo "Update JS dependencies to: ${PACKAGE_VERSION_JS}"
-            echo "Calling migration JS"
-            npx nx migrate @alfresco/js-api@${PACKAGE_VERSION_JS}
-            echo "Migration JS done"
-          }
-
-          migrateLibDependenciesJS() {
-            eval projects=( "cli"
-              "core"
-              "content-services"
-              "process-services"
-              "process-services-cloud"
-              "insights"
-              "testing"
-              "extensions" )
-
-            projectslength=${#projects[@]}
-            for (( i=0; i<${projectslength}; i++ ));
-            do
-              echo "Update JS dependencies in adf-${projects[$i]} to: ${PACKAGE_VERSION_JS}"
-              DESTDIR="lib/${projects[$i]}"
-              sed -i "${sedi[@]}" "s/\"@alfresco\/js-api\": \".*\"/\"@alfresco\/js-api\": \">=${PACKAGE_VERSION_JS}\"/g"  ${DESTDIR}/package.json
-            done
-          }
-
-          regeneratePackageLock() {
-            echo "Regenerate lock"
-            npm i --package-lock-only
-            echo "Package-lock done."
-          }
-
-          if git checkout ${BRANCH_TO_CREATE} 2>/dev/null ; then
-            git reset --hard origin/develop
-            echo "Reset branch"
-          fi
-
-          if [[ "$IS_JS_AFFECTED" == "true" ]]; then
-            migrateDependenciesJS
-            migrateLibDependenciesJS
-          fi
-
-          regeneratePackageLock
-
-      - name: Commit Code
-        if: ${{ needs.upstream.outputs.hasAtLeastOneNewVersion == 'true'  }}
-        uses: stefanzweifel/git-auto-commit-action@v4
-        with:
-          commit_message: "[ci:force][auto-commit] Update dependencies JS:${{ needs.upstream.outputs.latestVersionAvailableJS }}"
-          branch: upstream-dependencies
-          push_options: '--force'
-          create_branch: true
-
-      - name: Create a Pull request
-        uses: actions/github-script@v6
-        env:
-          PACKAGE_VERSION_JS: ${{ needs.upstream.outputs.latestVersionAvailableJS }}
-        with:
-          github-token: ${{ secrets.BOT_GITHUB_TOKEN }}
-          script: |
-            const { PACKAGE_VERSION_JS } = process.env
-            const BRANCH_TO_CREATE = 'upstream-dependencies';
-
-            const { data: prs } = await github.rest.pulls.list({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              state: 'open',
-              head: `${context.repo.owner}:${BRANCH_TO_CREATE}`,
-              base: 'develop'
-            });
-
-            if (prs.length < 1) {
-                const payloadPullRequest = {
-                  owner: context.repo.owner,
-                  repo: context.repo.repo,
-                  title: `GH Auto: Upstream dependencies JS-API:${PACKAGE_VERSION_JS}`,
-                  head: `${context.repo.owner}:${BRANCH_TO_CREATE}`,
-                  base: 'develop',
-                  body: `Automatic PR`
-                };
-
-                console.log('Payload: ',payloadPullRequest);
-
-                const { data: pr } = await github.rest.pulls.create(payloadPullRequest);
-                return pr.number;
-            } else {
-                const upstreamPrOpen = prs[0];
-
-                // override the title to contains the latest js dep number
-                const payloadUpdatePullRequest = {
-                  owner: context.repo.owner,
-                  repo: context.repo.repo,
-                  pull_number: upstreamPrOpen.number,
-                  title: `GH Auto: Upstream dependencies JS-API:${PACKAGE_VERSION_JS}`,
-                };
-
-                await github.rest.pulls.update(payloadUpdatePullRequest);
-                return upstreamPrOpen.number;
-            }
-            console.log(`Trigger a dispatch event for the monorepo`);

.nvmrc

@@ -1 +1 @@
-18
+18.18.2

.vscode/launch.json

@@ -10,7 +10,7 @@
           "name": "e2e",
           "program": "${workspaceFolder}/node_modules/protractor/bin/protractor",
           "args": [
-              "`${workspaceFolder}/.vscode/closest-config-finder.sh ${file} e2e/protractor.conf.js`",
+              "./e2e/protractor.conf.js",
               "--specs=${file}"
           ],
           "envFile": "${workspaceFolder}/.env",

angular.json

@@ -238,6 +238,52 @@
         }
       }
     },
+    "js-api": {
+      "projectType": "library",
+      "root": "lib/js-api/src",
+      "sourceRoot": "lib/js-api/src",
+      "architect": {
+        "build": {
+          "builder": "nx:run-commands",
+          "options": {
+            "command": "npm run js_api_build"
+          },
+          "configurations": {
+            "production": {}
+          },
+          "defaultConfiguration": "production"
+        },
+        "test": {
+          "executor": "nx:run-commands",
+          "options": {
+            "commands": ["TS_NODE_PROJECT=lib/js-api/test/tsconfig.json mocha --full-trace --config lib/js-api/.mocharc.json"]
+          }
+        },
+        "lint": {
+          "builder": "@nrwl/linter:eslint",
+          "options": {
+            "lintFilePatterns": [
+              "lib/js-api/**/*.ts"
+            ]
+          }
+        },
+        "npm-publish": {
+          "executor": "nx:run-commands",
+          "dependsOn": [
+            "build"
+          ],
+          "options": {
+            "cwd": "dist/libs/js-api",
+            "commands": [
+              {
+                "command": "npm publish --tag {args.tag}",
+                "forwardAllArgs": true
+              }
+            ]
+          }
+        }
+      }
+    },
     "core": {
       "projectType": "library",
       "root": "lib/core",
@@ -1019,14 +1065,13 @@
       "prefix": "adf",
       "architect": {
         "build": {
-          "builder": "@nrwl/workspace:run-commands",
+          "builder": "nx:run-commands",
           "options": {
-            "commands": [
-              "cd lib/cli && npm i && npm run dist"
-            ],
+            "command": "cd lib/cli && npm run dist",
             "stylePreprocessorOptions": {
               "includePaths": [
-                "lib", "lib/core/src/lib"
+                "lib",
+                "lib/core/src/lib"
               ]
             }
           },

cspell.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1",
+  "version": "0.2",
   "language": "en",
   "words": [
     "activiti",
@@ -77,7 +77,6 @@
     "lastname",
     "listgrid",
     "mapitem",
-    "markdownlint",
     "mimetype",
     "mincount",
     "minlength",
@@ -141,7 +140,10 @@
     "webscript",
     "Whitespaces",
     "xdescribe",
-    "xsrf"
+    "xsrf",
+    "BPMECM",
+    "berseria",
+    "zestiria"
   ],
   "dictionaries": [
     "html",

decorate-angular-cli.js

@@ -25,7 +25,7 @@ const fs = require("fs");
 const os = require("os");
 const cp = require("child_process");
 const isWindows = os.platform() === "win32";
-const { output } = require("@nrwl/workspace");
+const output = require('nx/src/utils/output').output;
 
 /**
  * Paths to files being patched

demo-shell/README.md

@@ -49,7 +49,7 @@ npm start
 
 This command compiles and starts the project in watch mode.
 Browser will automatically reload upon changes.
-Upon start you can navigate to `http://localhost:3000` with your preferred browser.
+Upon start, you can navigate to `http://localhost:3000` with your preferred browser.
 
 ### Important notes
 

demo-shell/package.json

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

demo-shell/src/app.config.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "../../lib/core/src/lib/app-config/schema.json",
+  "$schema": "../../lib/core/src/lib/app-config/app.config.schema.json",
   "ecmHost": "{protocol}//{hostname}{:port}",
   "bpmHost": "{protocol}//{hostname}{:port}",
   "identityHost": "{protocol}//{hostname}{:port}/auth/admin/realms/alfresco",
@@ -20,7 +20,8 @@
     "clientId": "alfresco",
     "scope": "openid profile email",
     "secret": "",
-    "implicitFlow": true,
+    "implicitFlow": false,
+    "codeFlow": true,
     "silentLogin": true,
     "redirectSilentIframeUri": "{protocol}//{hostname}{:port}/assets/silent-refresh.html",
     "redirectUri": "/",
@@ -309,25 +310,12 @@
           }
         }
       },
-      {
-        "id": "createdDateRange",
-        "name": "Created Date (range)",
-        "enabled": true,
-        "component": {
-          "selector": "date-range",
-          "settings": {
-            "field": "cm:created",
-            "dateFormat": "DD-MMM-YY",
-            "maxDate": "today"
-          }
-        }
-      },
       {
         "id": "createdModifiedDateRange",
         "name": "Date",
         "enabled": true,
         "component": {
-          "selector": "date-range-advanced",
+          "selector": "date-range",
           "settings": {
             "dateFormat": "dd-MMM-yy",
             "maxDate": "today",
@@ -745,15 +733,17 @@
       {
         "id": "createdDateRange",
         "name": "SEARCH.SEARCH_HEADER.FILTERS.DATE.TITLE",
-        "columnKey": "createdAt",
         "enabled": true,
         "component": {
           "selector": "date-range",
           "settings": {
             "allowUpdateOnChange": false,
+            "dateFormat": "dd-MMM-yy",
+            "maxDate": "today",
             "field": "cm:created",
-            "dateFormat": "DD-MMM-YY",
-            "maxDate": "today"
+            "displayedLabelsByField": {
+              "cm:created": "Created Date"
+            }
           }
         }
       }

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

@@ -18,11 +18,11 @@
 import { Component, ViewEncapsulation, OnInit } from '@angular/core';
 import {
     AuthenticationService,
-    AlfrescoApiService,
     PageTitleService
 } from '@alfresco/adf-core';
 import { Router } from '@angular/router';
 import { MatDialog } from '@angular/material/dialog';
+import { AdfHttpClient } from '@alfresco/adf-core/api';
 
 @Component({
     selector: 'app-root',
@@ -33,7 +33,7 @@ import { MatDialog } from '@angular/material/dialog';
 export class AppComponent implements OnInit {
 
     constructor(private pageTitleService: PageTitleService,
-                private alfrescoApiService: AlfrescoApiService,
+                private adfHttpClient: AdfHttpClient,
                 private authenticationService: AuthenticationService,
                 private router: Router,
                 private dialogRef: MatDialog) {
@@ -43,7 +43,7 @@ export class AppComponent implements OnInit {
     ngOnInit() {
         this.pageTitleService.setTitle('title');
 
-        this.alfrescoApiService.getInstance().on('error', (error) => {
+        this.adfHttpClient.on('error', (error) => {
             if (error.status === 401) {
                 if (!this.authenticationService.isLoggedIn()) {
                     this.dialogRef.closeAll();

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

@@ -74,7 +74,7 @@ import { UserInfoComponent } from './components/app-layout/user-info/user-info.c
         environment.e2e ? NoopAnimationsModule : BrowserAnimationsModule,
         ReactiveFormsModule,
         RouterModule.forRoot(appRoutes, { useHash: true, relativeLinkResolution: 'legacy' }),
-        ...(environment.oidc ? [AuthModule.forRoot({ useHash: true })] : []),
+        AuthModule.forRoot({ useHash: true }),
         FormsModule,
         HttpClientModule,
         MaterialModule,

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

@@ -27,7 +27,7 @@
 }
 
 .app-form-config-editor {
-    height: 500px !important;
+    height: 500px;
 }
 
 .app-form-editor-buttons {

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

@@ -17,7 +17,13 @@
 
 import { EcmUserModel, PeopleContentService } from '@alfresco/adf-content-services';
 import { BpmUserModel, PeopleProcessService } from '@alfresco/adf-process-services';
-import { AuthenticationService, IdentityUserModel, IdentityUserService, UserInfoMode } from '@alfresco/adf-core';
+import {
+    AuthenticationService,
+    BasicAlfrescoAuthService,
+    IdentityUserModel,
+    IdentityUserService,
+    UserInfoMode
+} from '@alfresco/adf-core';
 import { Component, OnInit, Input } from '@angular/core';
 import { MenuPositionX, MenuPositionY } from '@angular/material/menu';
 import { Observable, of } from 'rxjs';
@@ -46,6 +52,7 @@ export class UserInfoComponent implements OnInit {
     constructor(private peopleContentService: PeopleContentService,
                 private peopleProcessService: PeopleProcessService,
                 private identityUserService: IdentityUserService,
+                private basicAlfrescoAuthService: BasicAlfrescoAuthService,
                 private authService: AuthenticationService) {
     }
 
@@ -77,7 +84,7 @@ export class UserInfoComponent implements OnInit {
     }
 
     get isLoggedIn(): boolean {
-        if (this.authService.isKerberosEnabled()) {
+        if (this.basicAlfrescoAuthService.isKerberosEnabled()) {
             return true;
         }
         return this.authService.isLoggedIn();
@@ -96,15 +103,15 @@ export class UserInfoComponent implements OnInit {
     }
 
     private isAllLoggedIn() {
-        return (this.authService.isEcmLoggedIn() && this.authService.isBpmLoggedIn()) || (this.authService.isALLProvider() && this.authService.isKerberosEnabled());
+        return (this.authService.isEcmLoggedIn() && this.authService.isBpmLoggedIn()) || (this.authService.isALLProvider() && this.basicAlfrescoAuthService.isKerberosEnabled());
     }
 
     private isBpmLoggedIn() {
-        return this.authService.isBpmLoggedIn() || (this.authService.isECMProvider() && this.authService.isKerberosEnabled());
+        return this.authService.isBpmLoggedIn() || (this.authService.isECMProvider() && this.basicAlfrescoAuthService.isKerberosEnabled());
     }
 
     private isEcmLoggedIn() {
-        return this.authService.isEcmLoggedIn() || (this.authService.isECMProvider() && this.authService.isKerberosEnabled());
+        return this.authService.isEcmLoggedIn() || (this.authService.isECMProvider() && this.basicAlfrescoAuthService.isKerberosEnabled());
     }
 }
 

demo-shell/src/app/components/card-view/card-view.component.html

@@ -1,17 +1,15 @@
 <div class="app-main-content">
     <h1>CardView Component</h1>
 
-    <mat-card class="app-card-view">
-        <adf-card-view
-            [properties]="properties"
-            [editable]="isEditable"
-            [displayClearAction]="showClearDateAction"
-            [displayNoneOption]="showNoneOption"
-            [displayLabelForChips]="showLabelForChips">
-        </adf-card-view>
-    </mat-card>
+    <adf-card-view
+        [properties]="properties"
+        [editable]="isEditable"
+        [displayClearAction]="showClearDateAction"
+        [displayNoneOption]="showNoneOption"
+        [displayLabelForChips]="showLabelForChips">
+    </adf-card-view>
 
-    <div class="app-console" #console>
+    <div class="app-console">
         <h3>Changes log:</h3>
         <p *ngFor="let log of logs">{{ log }}</p>
     </div>

demo-shell/src/app/components/card-view/card-view.component.scss

@@ -2,7 +2,7 @@
     padding: 0 15px;
 }
 
-.app-card-view {
+adf-card-view {
     width: 30%;
     display: inline-block;
 }

demo-shell/src/app/components/card-view/card-view.component.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { Component, OnInit, ElementRef, ViewChild, OnDestroy } from '@angular/core';
+import { Component, OnInit, OnDestroy } from '@angular/core';
 import {
     CardViewTextItemModel,
     CardViewDateItemModel,
@@ -39,9 +39,6 @@ import { takeUntil } from 'rxjs/operators';
     styleUrls: ['./card-view.component.scss']
 })
 export class CardViewComponent implements OnInit, OnDestroy {
-
-    @ViewChild('console', { static: true }) console: ElementRef;
-
     isEditable = true;
     properties: any;
     logs: string[];
@@ -51,8 +48,7 @@ export class CardViewComponent implements OnInit, OnDestroy {
 
     private onDestroy$ = new Subject<boolean>();
 
-    constructor(private cardViewUpdateService: CardViewUpdateService,
-                private decimalNumberPipe: DecimalNumberPipe) {
+    constructor(private cardViewUpdateService: CardViewUpdateService, private decimalNumberPipe: DecimalNumberPipe) {
         this.logs = [];
         this.createCard();
     }
@@ -62,9 +58,7 @@ export class CardViewComponent implements OnInit, OnDestroy {
     }
 
     ngOnInit() {
-        this.cardViewUpdateService.itemUpdated$
-            .pipe(takeUntil(this.onDestroy$))
-            .subscribe(this.onItemChange.bind(this));
+        this.cardViewUpdateService.itemUpdated$.pipe(takeUntil(this.onDestroy$)).subscribe(this.onItemChange.bind(this));
     }
 
     ngOnDestroy() {
@@ -120,17 +114,17 @@ export class CardViewComponent implements OnInit, OnDestroy {
             }),
             new CardViewDateItemModel({
                 label: 'CardView Date Item',
-                value: new Date(1983, 11, 24, 10, 0, 30),
+                value: new Date('1983-11-24T00:00:00Z'),
                 key: 'date',
-                default: new Date(1983, 11, 24, 10, 0, 30),
+                default: new Date('1983-11-24T00:00:00Z'),
                 format: 'shortDate',
                 editable: this.isEditable
             }),
             new CardViewDateItemModel({
                 label: 'CardView Date Item - Multivalue (chips)',
-                value: [new Date(1983, 11, 24, 10, 0, 30)],
+                value: [new Date('1983-11-24T00:00:00Z')],
                 key: 'date',
-                default: new Date(1983, 11, 24, 10, 0, 30),
+                default: new Date('1983-11-24T00:00:00Z'),
                 format: 'shortDate',
                 editable: this.isEditable,
                 multivalued: true
@@ -192,20 +186,29 @@ export class CardViewComponent implements OnInit, OnDestroy {
             }),
             new CardViewKeyValuePairsItemModel({
                 label: 'CardView Key-Value Pairs Item',
-                value: [{ name: 'hey', value: 'you' }, { name: 'hey', value: 'you' }],
+                value: [
+                    { name: 'hey', value: 'you' },
+                    { name: 'hey', value: 'you' }
+                ],
                 key: 'key-value-pairs',
                 editable: this.isEditable
             }),
             new CardViewKeyValuePairsItemModel({
                 label: 'CardView Key-Value Pairs Item',
-                value: [{ name: 'hey', value: 'you' }, { name: 'hey', value: 'you' }],
+                value: [
+                    { name: 'hey', value: 'you' },
+                    { name: 'hey', value: 'you' }
+                ],
                 key: 'key-value-pairs',
                 editable: false
             }),
             new CardViewSelectItemModel({
                 label: 'CardView Select Item',
                 value: 'one',
-                options$: of([{ key: 'one', label: 'One' }, { key: 'two', label: 'Two' }]),
+                options$: of([
+                    { key: 'one', label: 'One' },
+                    { key: 'two', label: 'Two' }
+                ]),
                 key: 'select',
                 editable: this.isEditable
             }),
@@ -253,7 +256,6 @@ export class CardViewComponent implements OnInit, OnDestroy {
         }
 
         this.logs.push(`[${notification.target.label}] - ${value}`);
-        this.console.nativeElement.scrollTop = this.console.nativeElement.scrollHeight;
     }
 
     toggleEditable() {

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

@@ -16,7 +16,8 @@
 <mat-slide-toggle [checked]="processDetailsRedirection" (change)="toggleProcessDetailsRedirection()" data-automation-id="processDetailsRedirection">
     Display process details on process click
 </mat-slide-toggle>
-<mat-form-field data-automation-id="selectionMode">
+
+<mat-form-field data-automation-id="selectionMode" class="adf-cloud-settings-selection-mode">
     <mat-label>Selection Mode</mat-label>
     <mat-select [(ngModel)]="selectionMode" (selectionChange)="onSelectionModeChange()">
         <mat-option *ngFor="let option of selectionModeOptions" [value]="option.value">
@@ -24,32 +25,29 @@
         </mat-option>
     </mat-select>
 </mat-form-field>
-<mat-card *ngIf="actionMenu || contextMenu">
-    <mat-card-header>
-      <mat-card-title>Add Action</mat-card-title>
-    </mat-card-header>
-    <mat-card-content>
-        <form class="app-cloud-settings-form" [formGroup]="actionMenuForm">
-            <mat-form-field>
-                <input matInput formControlName="key" placeholder="Key">
-            </mat-form-field>
-            <mat-form-field>
-                <input matInput formControlName="title" placeholder="Title">
-            </mat-form-field>
-            <mat-form-field>
-                <input matInput formControlName="icon" placeholder="Icon">
-            </mat-form-field>
-            <mat-checkbox formControlName="visible">Visible</mat-checkbox>
-            <mat-checkbox formControlName="disabled">Disable</mat-checkbox>
-            <button mat-raised-button (click)="addAction()">Add</button>
-        </form>
-        <div *ngIf="actions.length > 0">
-            <mat-chip-list>
-                <mat-chip *ngFor="let action of actions" [removable]="true">
-                    {{action.title}}
-                    <mat-icon matChipRemove (click)="removeAction(action)">cancel</mat-icon>
-                </mat-chip>
-            </mat-chip-list>
-        </div>
-    </mat-card-content>
-</mat-card>
+
+<div class="app-cloud-actions" *ngIf="actionMenu || contextMenu">
+    <h2>Add Action</h2>
+    <form class="app-cloud-settings-form" [formGroup]="actionMenuForm">
+        <mat-form-field class="app-cloud-settings-form-input">
+            <input matInput formControlName="key" placeholder="Key">
+        </mat-form-field>
+        <mat-form-field class="app-cloud-settings-form-input">
+            <input matInput formControlName="title" placeholder="Title">
+        </mat-form-field>
+        <mat-form-field class="app-cloud-settings-form-input">
+            <input matInput formControlName="icon" placeholder="Icon">
+        </mat-form-field>
+        <mat-checkbox formControlName="visible">Visible</mat-checkbox>
+        <mat-checkbox formControlName="disabled">Disable</mat-checkbox>
+        <button mat-raised-button (click)="addAction()">Add</button>
+    </form>
+    <div *ngIf="actions.length > 0">
+        <mat-chip-list>
+            <mat-chip *ngFor="let action of actions" [removable]="true">
+                {{action.title}}
+                <mat-icon matChipRemove (click)="removeAction(action)">cancel</mat-icon>
+            </mat-chip>
+        </mat-chip-list>
+    </div>
+</div>

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

@@ -4,7 +4,11 @@ app-cloud-settings {
     display: flex;
     flex: 1;
 
-    mat-form-field {
+    .app-cloud-actions {
+        background-color: white;
+    }
+
+    .adf-cloud-settings-selection-mode {
         max-width: 200px;
     }
 
@@ -13,13 +17,9 @@ app-cloud-settings {
         place-content: center space-around;
         align-items: center;
 
-        mat-form-field {
+        .app-cloud-settings-form-input {
             flex: 1 1 100%;
             max-width: 23%;
         }
-
-        mat-form-field, mat-checkbox {
-            margin-right: 20px;
-        }
     }
 }

demo-shell/src/app/components/file-view/file-view.component.html

@@ -29,20 +29,17 @@
         </adf-info-drawer-tab>
 
         <adf-info-drawer-tab label="Properties">
-            <adf-content-metadata-card *ngIf="isPreset" [node]="node"
-                                       [multi]="multi"
-                                       [preset]="customPreset"
-                                       [readOnly]="isReadOnly"
-                                       [displayAspect]="showAspect"
-                                       [displayDefaultProperties]="displayDefaultProperties"
-                                       [displayEmpty]="displayEmptyMetadata"></adf-content-metadata-card>
-
-            <adf-content-metadata-card *ngIf="!isPreset" [node]="node"
-                                       [multi]="multi"
-                                       [readOnly]="isReadOnly"
-                                       [displayAspect]="showAspect"
-                                       [displayDefaultProperties]="displayDefaultProperties"
-                                       [displayEmpty]="displayEmptyMetadata"></adf-content-metadata-card>
+            <adf-content-metadata
+                [node]="node"
+                [multi]="multi"
+                [preset]="isPreset ? customPreset : null"
+                [readOnly]="isReadOnly"
+                [displayAspect]="showAspect"
+                [displayDefaultProperties]="displayDefaultProperties"
+                [displayTags]="false"
+                [displayCategories]="false"
+                [displayEmpty]="displayEmptyMetadata">
+            </adf-content-metadata>
 
             <p class="toggle">
                 <mat-slide-toggle
@@ -110,14 +107,10 @@
         </adf-info-drawer-tab>
 
         <adf-info-drawer-tab label="Versions">
-            <mat-card>
-                <mat-card-content>
-                    <adf-version-manager [node]="node"
-                                         (uploadError)="onUploadError($event)"
-                                         (viewVersion)="onViewVersion($event)">
-                    </adf-version-manager>
-                </mat-card-content>
-            </mat-card>
+            <adf-version-manager [node]="node"
+                                 (uploadError)="onUploadError($event)"
+                                 (viewVersion)="onViewVersion($event)">
+            </adf-version-manager>
         </adf-info-drawer-tab>
     </adf-info-drawer>
 </ng-template>

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

@@ -183,7 +183,7 @@
                         key="createdAt"
                         sortingKey="createdAt"
                         type="date"
-                        [format]="enableMediumTimeFormat ? 'medium' : 'timeAgo'"
+                        [format]="'timeAgo'"
                         class="adf-ellipsis-cell">
                     </data-column>
 
@@ -241,10 +241,12 @@
 
                 <adf-info-drawer [title]="'Details'" *ngIf="documentList.selection[0]">
                     <adf-info-drawer-tab label="Properties">
-                        <adf-content-metadata-card
+                        <adf-content-metadata
                             [node]="documentList.selection[0].entry"
-                            [displayEmpty]="displayEmptyMetadata">
-                        </adf-content-metadata-card>
+                            [displayEmpty]="displayEmptyMetadata"
+                            [displayTags]="true"
+                            [displayCategories]="true">
+                        </adf-content-metadata>
                     </adf-info-drawer-tab>
                     <adf-info-drawer-tab label="Versions">
                         <ng-container *ngIf="hasOneFileSelected();else choose_document_template">
@@ -330,12 +332,6 @@
             </mat-slide-toggle>
         </section>
 
-        <section>
-            <mat-slide-toggle [(ngModel)]="enableMediumTimeFormat" id="enableMediumTimeFormat">
-                Enable medium time format for document list
-            </mat-slide-toggle>
-        </section>
-
         <section>
             <mat-slide-toggle [(ngModel)]="displayEmptyMetadata" id="displayEmptyMetadata">
                 Display Empty Metadata

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

@@ -185,7 +185,6 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
 
     permissionsStyle: PermissionStyleModel[] = [];
     stickyHeader: boolean;
-    enableMediumTimeFormat = false;
     displayEmptyMetadata = false;
 
     constructor(

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

@@ -18,7 +18,7 @@
         <mat-tab label="Editor">
             <ngx-monaco-editor
                 id="adf-form-config-editor"
-                class="app-form-config-editor"
+                class="adf-form-config-editor"
                 [options]="editorOptions"
                 [(ngModel)]="formConfig"
                 (onInit)="onInitFormEditor($event)">
@@ -43,6 +43,3 @@
         </mat-tab>
     </mat-tab-group>
 </div>
-
-
-

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

@@ -31,8 +31,11 @@
     }
 }
 
-.app-form-config-editor {
-    height: 500px !important;
+.main-content {
+
+    .adf-form-config-editor {
+        height: 500px;
+    }
 }
 
 .app-form-editor-buttons {

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

@@ -1,4 +1,4 @@
-<a mat-fab class="app-setting-button" data-automation-id="settings" href="" routerLink="/settings">
+<a class="app-setting-button" data-automation-id="settings" href="" routerLink="/settings">
     <mat-icon>settings</mat-icon>
 </a>
 

demo-shell/src/app/components/login/login.component.scss

@@ -1,6 +1,7 @@
-.app-setting-button.mat-fab {
+.app-setting-button {
     position: absolute;
     right: 10px;
     top: 10px;
     z-index: 1;
+    color: white;
 }

demo-shell/src/app/components/settings/host-settings.component.html

@@ -1,120 +1,106 @@
 <div class="adf-setting-container">
-    <mat-card class="adf-setting-card">
-        <form id="host-form" [formGroup]="form" (submit)="onSubmit(form.value)" (keydown)="keyDownFunction($event)">
-            <mat-form-field *ngIf="showSelectProviders">
-                <mat-select  id="adf-provider-selector" [formControl]="providersControl">
-                    <mat-option *ngFor="let provider of providers" [value]="provider">
-                        {{ provider }}
-                    </mat-option>
-                </mat-select>
+    <form id="host-form" [formGroup]="form" (submit)="onSubmit(form.value)" (keydown)="keyDownFunction($event)">
+        <mat-form-field *ngIf="showSelectProviders">
+            <mat-select id="adf-provider-selector" [formControl]="providersControl">
+                <mat-option *ngFor="let provider of providers" [value]="provider">
+                    {{ provider }}
+                </mat-option>
+            </mat-select>
+        </mat-form-field>
+
+        <div class="adf-authentication-type">
+            <div>Authentication type:</div>
+            <mat-radio-group formControlName="authType" class="adf-authentication-radio-group">
+                <mat-radio-button value="BASIC" class="adf-authentication-radio-button">Basic Authentication</mat-radio-button>
+                <mat-radio-button value="OAUTH" class="adf-authentication-radio-button">SSO</mat-radio-button>
+            </mat-radio-group>
+        </div>
+
+        <mat-form-field *ngIf="isALL() || isECM()" class="adf-full-width">
+            <mat-label>Content Services URL</mat-label>
+            <input matInput [formControl]="ecmHost" data-automation-id="ecmHost" type="text" id="ecmHost" [placeholder]="PLACEHOLDER_URL">
+            <mat-error *ngIf="ecmHost.hasError('pattern')">{{ ERR_INVALID_URL }}</mat-error>
+            <mat-error *ngIf="ecmHost.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
+        </mat-form-field>
+
+        <mat-form-field *ngIf="isALL() || isBPM()" class="adf-full-width">
+            <mat-label>Process Services URL</mat-label>
+            <input matInput [formControl]="bpmHost" data-automation-id="bpmHost" type="text" id="bpmHost" [placeholder]="PLACEHOLDER_URL">
+            <mat-error *ngIf="bpmHost.hasError('pattern')">{{ ERR_INVALID_URL }}</mat-error>
+            <mat-error *ngIf="bpmHost.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
+        </mat-form-field>
+
+        <mat-form-field *ngIf="isOAUTH()" class="adf-full-width">
+            <mat-label>Identity Host</mat-label>
+            <input matInput name="identityHost" id="identityHost" formControlName="identityHost" [placeholder]="PLACEHOLDER_URL">
+            <mat-error *ngIf="identityHost.hasError('pattern')">{{ ERR_INVALID_URL }}</mat-error>
+            <mat-error *ngIf="identityHost.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
+        </mat-form-field>
+
+        <div *ngIf="isOAUTH()" formGroupName="oauthConfig">
+            <mat-form-field class="adf-full-width">
+                <mat-label>Auth Host</mat-label>
+                <input matInput name="host" id="oauthHost" formControlName="host" [placeholder]="PLACEHOLDER_URL">
+                <mat-error *ngIf="host.hasError('pattern')">{{ ERR_INVALID_URL }}</mat-error>
+                <mat-error *ngIf="host.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
             </mat-form-field>
 
-            <div class="adf-authentication-type">
-                <div>Authentication type :</div>
-                <mat-radio-group formControlName="authType" >
-                <mat-radio-button value="BASIC">Basic Authentication</mat-radio-button>
-                <mat-radio-button value="OAUTH">SSO</mat-radio-button>
-            </mat-radio-group>
-            </div>
+            <mat-form-field class="adf-full-width">
+                <mat-label>Client ID</mat-label>
+                <input matInput name="clientId" id="clientId" formControlName="clientId">
+                <mat-error *ngIf="clientId.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
+            </mat-form-field>
 
-            <ng-container *ngIf="isALL() || isECM()">
-                <mat-card-content>
-                    <mat-form-field class="adf-full-width">
-                        <mat-label>Content Services URL</mat-label>
-                        <input matInput [formControl]="ecmHost" data-automation-id="ecmHost" type="text" id="ecmHost" [placeholder]="PLACEHOLDER_URL">
-                        <mat-error *ngIf="ecmHost.hasError('pattern')">{{ ERR_INVALID_URL }}</mat-error>
-                        <mat-error *ngIf="ecmHost.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
-                    </mat-form-field>
-                </mat-card-content>
+            <mat-form-field class="adf-full-width">
+                <mat-label>Scope Id</mat-label>
+                <input matInput name="Scope" formControlName="scope">
+                <mat-error *ngIf="scope.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
+            </mat-form-field>
+
+            <mat-form-field class="adf-full-width">
+                <mat-label>Secret</mat-label>
+                <input matInput name="Secret" formControlName="secret">
+                <mat-error *ngIf="secret.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
+            </mat-form-field>
+
+            <mat-label>Silent Login</mat-label>
+            <mat-slide-toggle class="adf-full-width" name="silentLogin" formControlName="silentLogin">
+            </mat-slide-toggle>
+
+            <mat-label>Implicit Flow</mat-label>
+            <mat-slide-toggle class="adf-full-width" name="implicitFlow" formControlName="implicitFlow">
+            </mat-slide-toggle>
+
+            <ng-container *ngIf="isOAUTH">
+                <mat-label>Code Flow</mat-label>
+                <mat-slide-toggle class="adf-full-width" name="codeFlow" formControlName="codeFlow">
+                </mat-slide-toggle>
             </ng-container>
 
-            <ng-container *ngIf="isALL() || isBPM()">
-                <mat-card-content>
-                    <mat-form-field class="adf-full-width">
-                        <mat-label>Process Services URL</mat-label>
-                        <input matInput [formControl]="bpmHost" data-automation-id="bpmHost" type="text" id="bpmHost" [placeholder]="PLACEHOLDER_URL">
-                        <mat-error *ngIf="bpmHost.hasError('pattern')">{{ ERR_INVALID_URL }}</mat-error>
-                        <mat-error *ngIf="bpmHost.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
-                    </mat-form-field>
-                </mat-card-content>
-            </ng-container>
+            <mat-form-field class="adf-full-width">
+                <mat-label>Redirect URI</mat-label>
+                <input matInput  name="redirectUri" formControlName="redirectUri">
+                <mat-error *ngIf="redirectUri.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
+            </mat-form-field>
 
-            <ng-container *ngIf="isOAUTH()">
-                <mat-card-content>
-                    <mat-form-field class="adf-full-width">
-                        <mat-label>Identity Host</mat-label>
-                        <input matInput name="identityHost" id="identityHost" formControlName="identityHost" [placeholder]="PLACEHOLDER_URL">
-                        <mat-error *ngIf="identityHost.hasError('pattern')">{{ ERR_INVALID_URL }}</mat-error>
-                        <mat-error *ngIf="identityHost.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
-                    </mat-form-field>
-                </mat-card-content>
-            </ng-container>
+            <mat-form-field class="adf-full-width">
+                <mat-label>Redirect URI Logout</mat-label>
+                <input id="logout-url" matInput name="redirectUriLogout" formControlName="redirectUriLogout">
+            </mat-form-field>
 
-            <ng-container *ngIf="isOAUTH()">
-                <div formGroupName="oauthConfig">
-                    <mat-form-field class="adf-full-width">
-                        <mat-label>Auth Host</mat-label>
-                        <input matInput name="host" id="oauthHost" formControlName="host" [placeholder]="PLACEHOLDER_URL">
-                        <mat-error *ngIf="host.hasError('pattern')">{{ ERR_INVALID_URL }}</mat-error>
-                        <mat-error *ngIf="host.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
-                    </mat-form-field>
+            <mat-form-field class="adf-full-width">
+                <mat-label>Public urls silent Login</mat-label>
+                <input id="public-url" matInput name="publicUrls" formControlName="publicUrls">
+            </mat-form-field>
+        </div>
 
-                    <mat-form-field class="adf-full-width">
-                        <mat-label>Client ID</mat-label>
-                        <input matInput name="clientId" id="clientId" formControlName="clientId">
-                        <mat-error *ngIf="clientId.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
-                    </mat-form-field>
-
-                    <mat-form-field class="adf-full-width">
-                        <mat-label>Scope Id</mat-label>
-                        <input matInput name="Scope" formControlName="scope">
-                        <mat-error *ngIf="scope.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
-                    </mat-form-field>
-
-                    <mat-form-field class="adf-full-width">
-                        <mat-label>Secret</mat-label>
-                        <input matInput name="Secret" formControlName="secret">
-                        <mat-error *ngIf="secret.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
-                    </mat-form-field>
-
-                    <mat-label>Silent Login</mat-label>
-                    <mat-slide-toggle class="adf-full-width" name="silentLogin" formControlName="silentLogin">
-                    </mat-slide-toggle>
-
-                    <mat-label>Implicit Flow</mat-label>
-                    <mat-slide-toggle class="adf-full-width" name="implicitFlow" formControlName="implicitFlow">
-                    </mat-slide-toggle>
-
-                    <ng-container *ngIf="supportsCodeFlow">
-                        <mat-label>Code Flow</mat-label>
-                        <mat-slide-toggle class="adf-full-width" name="codeFlow" formControlName="codeFlow">
-                        </mat-slide-toggle>
-                    </ng-container>
-
-                    <mat-form-field class="adf-full-width">
-                        <mat-label>Redirect URI</mat-label>
-                        <input matInput  name="redirectUri" formControlName="redirectUri">
-                        <mat-error *ngIf="redirectUri.hasError('required')">{{ ERR_REQUIRED }}</mat-error>
-                    </mat-form-field>
-
-                    <mat-form-field class="adf-full-width">
-                        <mat-label>Redirect URI Logout</mat-label>
-                        <input id="logout-url" matInput name="redirectUriLogout" formControlName="redirectUriLogout">
-                    </mat-form-field>
-
-                    <mat-form-field class="adf-full-width">
-                        <mat-label>Public urls silent Login</mat-label>
-                        <input id="public-url" matInput name="publicUrls" formControlName="publicUrls">
-                    </mat-form-field>
-
-                </div>
-            </ng-container>
-            <mat-card-actions align="end">
-                <button mat-button (click)="onCancel()">Back</button>
-                <button type="submit" class="adf-login-button" mat-button
-                        color="primary" data-automation-id="settings-apply-button"
-                        [disabled]="!form.valid">Apply</button>
-            </mat-card-actions>
-        </form>
-    </mat-card>
+        <div class="adf-host-settings-actions">
+            <button mat-button (click)="onCancel()">Back</button>
+            <button type="submit"
+                    mat-button
+                    color="primary"
+                    data-automation-id="settings-apply-button"
+                    [disabled]="!form.valid">Apply</button>
+        </div>
+    </form>
 </div>

demo-shell/src/app/components/settings/host-settings.component.scss

@@ -3,11 +3,26 @@
     min-height: 100%;
     align-items: center;
 
+    .adf-host-settings-actions {
+        text-align: end;
+    }
+
     .adf-authentication-type {
         margin-bottom: 20px;
         margin-top: 10px;
     }
 
+    .adf-authentication-radio-group {
+        display: flex;
+        flex-direction: column;
+        margin: 15px 0;
+        align-items: flex-start;
+    }
+
+    .adf-authentication-radio-button {
+        margin: 5px;
+    }
+
     .adf-setting-container {
         width: 800px;
         display: table;

demo-shell/src/app/components/settings/host-settings.component.ts

@@ -65,7 +65,7 @@ export class HostSettingsComponent implements OnInit {
         private storageService: StorageService,
         private alfrescoApiService: AlfrescoApiService,
         private appConfig: AppConfigService,
-        private auth: AuthenticationService
+        private authenticationService: AuthenticationService
     ) {}
 
     ngOnInit() {
@@ -191,8 +191,8 @@ export class HostSettingsComponent implements OnInit {
         this.storageService.setItem(AppConfigValues.AUTHTYPE, values.authType);
 
         this.alfrescoApiService.reset();
-        this.auth.reset();
-        this.alfrescoApiService.getInstance().invalidateSession();
+        this.authenticationService.reset();
+        this.authenticationService.logout();
         this.success.emit(true);
     }
 
@@ -235,10 +235,6 @@ export class HostSettingsComponent implements OnInit {
         return this.form.get('authType').value === 'OAUTH';
     }
 
-    get supportsCodeFlow(): boolean {
-        return this.auth.supportCodeFlow;
-    }
-
     get providersControl(): UntypedFormControl {
         return this.form.get('providersControl') as UntypedFormControl;
     }

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

@@ -19,7 +19,7 @@ import { NgModule } from '@angular/core';
 import { TaskListDemoComponent } from './task-list-demo.component';
 import { Routes, RouterModule } from '@angular/router';
 import { CommonModule } from '@angular/common';
-import { CoreModule } from '@alfresco/adf-core';
+import { CoreModule, LocalizedDatePipe } from '@alfresco/adf-core';
 import { ProcessModule } from '@alfresco/adf-process-services';
 
 const routes: Routes = [
@@ -38,7 +38,8 @@ const routes: Routes = [
         CommonModule,
         RouterModule.forChild(routes),
         CoreModule,
-        ProcessModule.forChild()
+        ProcessModule.forChild(),
+        LocalizedDatePipe
     ],
     declarations: [TaskListDemoComponent]
 })

demo-shell/src/assets/app.extensions.json

@@ -5,7 +5,7 @@
 
   "features": {
     "viewer": {
-      "content": []
+      "extensions": []
     },
 
     "documentList": {

docker/docker-entrypoint.d/30-sed-on-appconfig.sh

@@ -33,6 +33,11 @@ if [ -n "${APP_CONFIG_OAUTH2_IMPLICIT_FLOW}" ]; then
     -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi
 
+if [ -n "${APP_CONFIG_OAUTH2_CODE_FLOW}" ]; then
+  sed -e "s/\"codeFlow\": [^,]*/\"codeFlow\": ${APP_CONFIG_OAUTH2_CODE_FLOW}/g" \
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
+fi
+
 if [ -n "${APP_CONFIG_OAUTH2_SILENT_LOGIN}" ]; then
   sed -e "s/\"silentLogin\": [^,]*/\"silentLogin\": ${APP_CONFIG_OAUTH2_SILENT_LOGIN}/g" \
     -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"

docker/run.sh

@@ -14,6 +14,7 @@ docker run --rm -it \
   --env APP_CONFIG_OAUTH2_HOST=$APP_CONFIG_OAUTH2_HOST \
   --env APP_CONFIG_OAUTH2_CLIENTID=$APP_CONFIG_OAUTH2_CLIENTID \
   --env APP_CONFIG_OAUTH2_IMPLICIT_FLOW=$APP_CONFIG_OAUTH2_IMPLICIT_FLOW \
+  --env APP_CONFIG_OAUTH2_IMPLICIT_FLOW=$APP_CONFIG_OAUTH2_CODE_FLOW \
   --env APP_CONFIG_OAUTH2_SILENT_LOGIN=$APP_CONFIG_OAUTH2_SILENT_LOGIN \
   --env APP_CONFIG_OAUTH2_REDIRECT_SILENT_IFRAME_URI=$APP_CONFIG_OAUTH2_REDIRECT_SILENT_IFRAME_URI \
   --env APP_CONFIG_BPM_HOST=$APP_CONFIG_BPM_HOST \

docs/README.md

@@ -93,6 +93,7 @@ for more information about installing and using the source code.
 | [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) |
 | [Data Column Component](core/components/data-column.component.md) | Defines column properties for DataTable, Tasklist, Document List and other components. | [Source](../lib/core/src/lib/datatable/data-column/data-column.component.ts) |
 | [DataTable component](core/components/datatable.component.md) | Displays data as a table with customizable columns and presentation. | [Source](../lib/core/src/lib/datatable/components/datatable/datatable.component.ts) |
+| [Dynamic Chip List component](core/components/dynamic-chip-list.component.md) | This component shows dynamic list of chips which render depending on free space. | [Source](../lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.ts) |
 | [Empty Content Component](core/components/empty-content.component.md) | Provides a generic "Empty Content" placeholder for components. | [Source](../lib/core/src/lib/templates/empty-content/empty-content.component.ts) |
 | [Empty list component](core/components/empty-list.component.md) | Displays a message indicating that a list is empty. | [Source](../lib/core/src/lib/datatable/components/empty-list/empty-list.component.ts) |
 | [Error Content Component](core/components/error-content.component.md) | Displays info about a specific error. | [Source](../lib/core/src/lib/templates/error-content/error-content.component.ts) |
@@ -144,6 +145,7 @@ for more information about installing and using the source code.
 | Name | Description | Source link |
 | ---- | ----------- | ----------- |
 | [Edit JSON Dialog](core/dialogs/edit-json.dialog.md) | Allows a user to preview or edit a JSON content in a dialog. | [Source](../lib/testing/src/lib/core/dialog/edit-json-dialog.ts) |
+| [Unsaved Changes Dialog](core/dialogs/unsaved-changes-dialog.component.md) | Dialog which informs about unsaved changes. Allows discard them and proceed or close dialog and stop proceeding. | [Source](../lib/core/src/lib/dialogs/unsaved-changes-dialog/unsaved-changes-dialog.component.ts) | 
 
 ### Interfaces
 
@@ -238,6 +240,7 @@ The model to update the DataTable require the ID of the row you want change and
 | [Storage service](core/services/storage.service.md) | Stores items in the form of key-value pairs. | [Source](../lib/core/src/lib/common/services/storage.service.ts) |
 | [Thumbnail service](core/services/thumbnail.service.md) | Retrieves an SVG thumbnail image to represent a document type. | [Source](../lib/core/src/lib/common/services/thumbnail.service.ts) |
 | [Translation service](core/services/translation.service.md) | Supports localisation. | [Source](../lib/core/src/lib/translation/translation.service.ts) |
+| [Unsaved Changes guard](core/services/unsaved-changes.guard.md) | This guard prevents deactivating route if page has any unsaved changes. User needs intentionally discard changes through displayed modal to leave actual route. | [Source](../lib/core/src/lib/dialogs/unsaved-changes-dialog/unsaved-changes.guard.ts) |
 | [Upload Service](core/services/upload.service.md) | Provides access to various APIs related to file upload features. | [Source](../lib/content-services/src/lib/common/services/upload.service.ts) |
 | [User access service](core/services/user-access.service.md) | Checks the global and application access of a user | [Source](../lib/core/src/lib/auth/services/user-access.service.ts) |
 | [User Preferences Service](core/services/user-preferences.service.md) | Stores preferences for the app and for individual components. | [Source](../lib/core/src/lib/common/services/user-preferences.service.ts) |
@@ -290,10 +293,9 @@ for more information about installing and using the source code.
 | [Search Chip Input Component](content-services/components/search-chip-input.component.md) | Displays input for providing phrases display as "chips". | [Source](../lib/content-services/src/lib/search/components/search-chip-input/search-chip-input.component.ts) |
 | [Search Chip Autocomplete Input component](content-services/components/search-chip-autocomplete-input.component.md) | Displays an input with autocomplete options. | [Source](../lib/content-services/src/lib/search/components/search-chip-autocomplete-input/search-chip-autocomplete-input.component.ts) |
 | [Search Chip List Component](content-services/components/search-chip-list.component.md) | Displays search criteria as a set of "chips". | [Source](../lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.ts) |
-| [Search Date Range Advanced Component](content-services/components/search-date-range-advanced.component.md) | Displays a UI to configure different kinds of search criteria around date. Options are 'Anyytime', 'In the last' and 'Between' | [Source](../lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced/search-date-range-advanced.component.ts) |
 | [Search control component](content-services/components/search-control.component.md) | Displays a input text that shows find-as-you-type suggestions. | [Source](../lib/content-services/src/lib/search/components/search-control.component.ts) |
-| [Search date range component](content-services/components/search-date-range.component.md) | Implements a search widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-date-range/search-date-range.component.ts) |
-| [Search date range advanced tabbed component](content-services/components/search-date-range-advanced-tabbed.component.md) | Implements a tabbed advanced search widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced-tabbed.component.ts) |
+| [Search Date Range Component](content-services/components/search-date-range.component.md) | Displays a UI to configure different kinds of search criteria around date. Options are 'Anytime', 'In the last' and 'Between' | [Source](../lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.ts) |
+| [Search Date Range Tabbed component](content-services/components/search-date-range-tabbed.component.md) | Implements a tabbed advanced search widget for the Search Date Range component. | [Source](../lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range-tabbed.component.ts) |
 | [Search datetime range component](content-services/components/search-datetime-range.component.md) | Implements a search widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-datetime-range/search-datetime-range.component.ts) |
 | [Search Filter Autocomplete Chips component](content-services/components/search-filter-autocomplete-chips.component.md) | Implements a search widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-filter-autocomplete-chips/search-filter-autocomplete-chips.component.ts) |
 | [Search Filter Chips component](content-services/components/search-filter-chips.component.md) | Represents a chip based container component for custom search and faceted search settings. | [Source](../lib/content-services/src/lib/search/components/search-filter-chips/search-filter-chips.component.ts) |
@@ -388,6 +390,7 @@ for more information about installing and using the source code.
 | [Document Actions service](content-services/services/document-actions.service.md) | Implements the document menu actions for the Document List component. | [Source](../lib/content-services/src/lib/document-list/services/document-actions.service.ts) |
 | [Document List service](content-services/services/document-list.service.md) | Implements node operations used by the Document List component. | [Source](../lib/content-services/src/lib/document-list/services/document-list.service.ts) |
 | [Folder Actions service](content-services/services/folder-actions.service.md) | Implements the folder menu actions for the Document List component. | [Source](../lib/content-services/src/lib/document-list/services/folder-actions.service.ts) |
+| [Group Service](content-services/services/group.service.md) | Manages groups. | [Source](../lib/content-services/src/lib/group/services/group.service.ts) |
 | [New Version Uploader service](content-services/services/new-version-uploader.dialog.service.md) | Display a dialog that allows to upload new file version or to manage the current node versions. | [Source](../lib/content-services/src/lib/new-version-uploader/new-version-uploader.service.ts) |
 | [Node Comments Service](content-services/services/node-comments.service.md) | Adds and retrieves comments for nodes in Content Services. | [Source](../lib/content-services/src/lib/node-comments/services/node-comments.service.ts) |
 | [Node permission dialog service](content-services/services/node-permission-dialog.service.md) | Displays dialogs to let the user set node permissions. | [Source](../lib/content-services/src/lib/permission-manager/services/node-permission-dialog.service.ts) |

docs/compatibility.md

@@ -21,7 +21,14 @@ You can find further information about released versions of ADF in the
 
 | ADF version | Content Services | Process Services |
 | --- | --- | --- |
-| [4.2.0](versionIndex.md#v410) |v6.2.2 (AGS 3.3.1)|v7.1.0 M11 (latest CI pipeline build), v1.11.1|
+| [6.4.0](versionIndex.md#v640) | v7.4.0 | v2.3.8 |
+| [6.4.0](versionIndex.md#v640) | v7.3.0 | v2.3.5 |
+| [6.4.0](versionIndex.md#v640) | v7.2.0 | v2.2.0 |
+| [6.3.0](versionIndex.md#v630) | v23.1.0 | v2.4.2 |
+| [6.0.0](versionIndex.md#v600) | v7.4.0 | v2.3.8 |
+| [5.1.0](versionIndex.md#v510) | v7.3.0 | v2.3.5 |
+| [5.0.0](versionIndex.md#v500) | v7.3.0 | v2.3.4 |
+| [4.2.0](versionIndex.md#v420) |v6.2.2 (AGS 3.3.1)|v7.1.0 M11 (latest CI pipeline build), v1.11.1|
 | [4.1.0](versionIndex.md#v410) |v6.2.2 (AGS 3.3.1)|v7.1.0 M10 (latest CI pipeline build), v1.11.1|
 | [4.0.0](versionIndex.md#v400) |v6.2.2 (AGS 3.3.1)|v7.1.0 M9 (latest CI pipeline build), v1.11.1|
 | [3.9.0](versionIndex.md#v390) |v6.2.2 (AGS 3.3.1)|v7.1.0 M8 (latest CI pipeline build), v1.11.1|

docs/content-services/components/alfresco-viewer.component.md

@@ -67,7 +67,9 @@ See the [Custom layout](#custom-layout) section for full details of all availabl
 | ---- | ---- | ------------- | ----------- |
 | allowDownload | `boolean` | true | Toggles downloading. |
 | allowFullScreen | `boolean` | true | Toggles the 'Full Screen' feature. |
-| allowGoBack | `boolean` | true | Allows `back` navigation |
+| allowGoBack | `boolean` | true | Allows `back` navigation. |
+| closeButtonPosition | `CloseButtonPosition` | `left` | Set close button position right/left. |
+| hideInfoButton | `boolean` | false | Toggles Info button. |
 | allowLeftSidebar | `boolean` | false | Allow the left the sidebar. |
 | allowNavigate | `boolean` | false | Toggles before/next navigation. You can use the arrow buttons to navigate between documents in the collection. |
 | allowPrint | `boolean` | false | Toggles printing. |
@@ -235,47 +237,48 @@ The Viewer supports dynamically-loaded viewer preview extensions, to know more a
 
 #### Code extension mechanism]
 
-You can define your own custom handler to handle other file formats that are not yet supported by
+You can define your own custom handler to override supported file formats or handle other file formats that are not yet supported by
 the [Alfresco Viewer component](viewer.component.md). Below is an example that shows how to use the `adf-viewer-extension`
 to handle 3D data files:
 
 ```html
 <adf-alfresco-viewer [nodeId]="nodeId">
-    
-    <adf-viewer-extension [supportedExtensions]="['obj','3ds']" #extension>
-        <ng-template let-urlFileContent="urlFileContent" let-extension="extension">
-            <threed-viewer 
-                [urlFile]="urlFileContent" 
-                [extension]="extension">
-            </threed-viewer>
-        </ng-template>
-    </adf-viewer-extension>
-
+    <ng-template #viewerExtensions>
+        <adf-viewer-extension [supportedExtensions]="['obj','3ds']" #extension>
+            <ng-template let-urlFileContent="urlFileContent" let-extension="extension">
+                <threed-viewer
+                    [urlFile]="urlFileContent"
+                    [extension]="extension">
+                </threed-viewer>
+            </ng-template>
+        </adf-viewer-extension>
+    </ng-template>
 </adf-alfresco-viewer> 
 ```
 
 Note: you need to add the `ng2-3d-editor` dependency to your `package.json` file to make the example above work.
 
-You can define multiple `adf-viewer-extension` templates if required:
+You need to keep all instances of `adf-viewer-extension` inside `viewerExtensions` template, also you can define multiple `adf-viewer-extension` templates if required:
 
 ```html
 <adf-alfresco-viewer [nodeId]="nodeId">
+    <ng-template #viewerExtensions>
+        <adf-viewer-extension [supportedExtensions]="['xls','xlsx']" #extension>
+            <ng-template let-urlFileContent="urlFileContent">
+                <my-custom-xls-component
+                    urlFileContent="urlFileContent">
+                </my-custom-xls-component>
+            </ng-template>
+        </adf-viewer-extension>
 
-    <adf-viewer-extension [supportedExtensions]="['xls','xlsx']" #extension>
-        <ng-template let-urlFileContent="urlFileContent">
-            <my-custom-xls-component 
-                urlFileContent="urlFileContent">
-            </my-custom-xls-component>
-        </ng-template>
-    </adf-viewer-extension>
-
-    <adf-viewer-extension [supportedExtensions]="['txt']" #extension>
-        <ng-template let-urlFileContent="urlFileContent" >               
-            <my-custom-txt-component 
-                urlFileContent="urlFileContent">
-            </my-custom-txt-component>
-        </ng-template>
-    </adf-viewer-extension>
+        <adf-viewer-extension [supportedExtensions]="['txt']" #extension>
+            <ng-template let-urlFileContent="urlFileContent" >
+                <my-custom-txt-component
+                    urlFileContent="urlFileContent">
+                </my-custom-txt-component>
+            </ng-template>
+        </adf-viewer-extension>
+    </ng-template>
 </adf-alfresco-viewer> 
 ```
 

docs/content-services/components/aspect-list-dialog.component.md

@@ -29,6 +29,7 @@ export interface AspectListDialogComponentData {
     overTableMessage: string;
     select: Subject<string[]>;
     nodeId?: string;
+    excludedAspects?: string[];
 }
 ```
 
@@ -41,6 +42,7 @@ The properties are described in the table below:
 | overTableMessage | `string` | "" | Text that will be showed on the top of the aspect list table |
 | 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 |
 | nodeId | `string` | "" | Identifier of a node to apply aspects to. |
+| excludedAspects | `string[]` | undefined | List of aspects' ids which should not be displayed. |
 
 If you don't want to manage the dialog yourself then it is easier to use the
 [Aspect List component](aspect-list.component.md), or the

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

@@ -30,6 +30,7 @@ The aspect are filtered via the app.config.json in this way :
 | Name | Type | Default value | Description |
 | ---- | ---- | ------------- | ----------- |
 | nodeId | `string` | "" | Node Id of the node that we want to update |
+| excludedAspects | `string[]` | undefined | List of aspects' ids which should not be displayed. |
 
 ### Events
 

docs/content-services/components/content-metadata-card.component.md

@@ -56,12 +56,6 @@ Displays and edits metadata related to a node.
 | editable | `boolean` |  | (optional) This flag toggles editable of content. |
 | customPanels | [`ContentMetadataCustomPanel`](../interfaces/content-metadata-custom-panel.interface.md)`[]` | | (optional) List of custom metadata panels to be displayed as [`Dynamic components`](../../extensions/components/dynamic.component.md). |
 
-### Events
-
-| Name           | Type                                                                  | Description                                       |
-|----------------|-----------------------------------------------------------------------|---------------------------------------------------|
-| editableChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<boolean>` | Emitted when content's editable state is changed. |
-
 ## Details
 
 The component shows metadata related to a given node. It uses the
@@ -444,3 +438,4 @@ When the list of values is too long, the options selection panel will be enhance
 ## Custom metadata panels
 
 If there is a need to display some custom node properties that require additional UI or data to be fetched you can define custom metadata panels for the metadata component. After creating custom component to be displayed it has to be registered in [Extension Service](../../extensions/services/extension.service.md). Both `panelTitle` and `component` properties have to be defined.
+![Chips for multi value properties](../../docassets/images/adf-search-select.png)

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

@@ -60,6 +60,7 @@ Displays the documents from a repository.
 | ---- | ---- | ------------- | ----------- |
 | additionalSorting | [`DataSorting`](../../../lib/core/src/lib/datatable/data/data-sorting.model.ts) |  | Defines default sorting. The format is an array of strings `[key direction, otherKey otherDirection]` i.e. `['name desc', 'nodeType asc']` or `['name asc']`. Set this value if you want a base rule to be added to the sorting apart from the one driven by the header. |
 | allowDropFiles | `boolean` | false | When true, this enables you to drop files directly into subfolders shown as items in the list or into another file to trigger updating it's version. When false, the dropped file will be added to the current folder (ie, the one containing all the items shown in the list). See the [Upload directive](../../core/directives/upload.directive.md) for further details about how the file drop is handled. |
+| blurOnResize | `boolean` | true | Toggles blur when columns of the list are being resized. |
 | columnsPresetKey | `string` |  | Key of columns preset set in extension.json|
 | contentActions | `boolean` | false | Toggles content actions for each row |
 | contentActionsPosition | `string` | "right" | Position of the content actions dropdown menu. Can be set to "left" or "right". |
@@ -71,6 +72,7 @@ Displays the documents from a repository.
 | headerFilters | `boolean` | false | Toggles the header filters mode. |
 | imageResolver | `any \| null` | null | Custom function to choose image file paths to show. See the [Image Resolver Model](image-resolver.model.md) page for more information. |
 | includeFields | `string[]` |  | Include additional information about the node in the server request. For example: association, isLink, isLocked and others. |
+| isResizingEnabled | `boolean` | false | Toggles column resizing for document list. |
 | loading | `boolean` | false | Toggles the loading state and animated spinners for the component. Used in combination with `navigate=false` to perform custom navigation and loading state indication. |
 | locationFormat | `string` | "/" | The default route for all the location-based columns (if declared). |
 | maxColumnsVisible | `number` |  | Limit of possible visible columns, including "$thumbnail" column if provided |
@@ -91,6 +93,9 @@ Displays the documents from a repository.
 | thumbnails | `boolean` | false | Show document thumbnails rather than icons |
 | where | `string` |  | Filters the Node list using the _where_ condition of the REST API (for example, isFolder=true). See the REST API documentation for more information. |
 | rowFilter | [`RowFilter`](../../../lib/content-services/src/lib/document-list/data/row-filter.model.ts) |  | Custom function to choose whether to show or hide rows. See the [Row Filter Model](row-filter.model.md) page for more information. |
+| setColumnsVisibility | `{ [columnId: string]: boolean } \| undefined` |  | Sets columns visibility for DataTableSchema. |
+| setColumnsWidths | `{ [columnId: string]: number } \| undefined` |  | Sets columns width for DataTableSchema. |
+| setColumnsOrder | `string[] \| undefined` |  | Sets columns order for DataTableSchema. |
 
 ### Events
 
@@ -104,6 +109,9 @@ Displays the documents from a repository.
 | nodeSelected | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntry`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeEntry.md)`[]>` | Emitted when the node selection change |
 | preview | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>` | Emitted when the user acts upon files with either single or double click (depends on `navigation-mode`). Useful for integration with the [Viewer component](../../core/components/viewer.component.md). |
 | ready | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>` | Emitted when the Document List has loaded all items and is ready for use |
+| columnsVisibilityChanged | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<{ [columnId: string]: boolean } \| undefined>` | Emitted when columns visibility change |
+| columnsWidthChanged | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<{ [columnId: string]: number } \| undefined>` | Emitted when columns width change |
+| columnsOrderChanged | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`< string[] \| undefined>` | Emitted when columns order change |
 
 ## Details
 

docs/content-services/components/infinite-scroll-datasource.md

@@ -0,0 +1,66 @@
+---
+Title: Infinite Scroll Datasource
+Added: v6.6.0
+Status: Active
+Last reviewed: 2024-01-15
+---
+
+# [Infinite Scroll Datasource](../../../lib/content-services/src/lib/infinite-scroll-datasource/infinite-scroll-datasource.ts "Defined in infinite-scroll-datasource.ts")
+
+Contains abstract class acting as a baseline for various datasources for infinite scrolls. 
+
+## Basic Usage
+
+First step to use infinite scroll datasource in any component is creating a datasource class extending `InfiniteScrollDatasource` using specific source of data e.g. one of the content endpoints.
+```ts
+export class VersionListDataSource extends InfiniteScrollDatasource<VersionEntry> {
+    constructor(private versionsApi: VersionsApi, private node: Node) {
+        super();
+    }
+
+    getNextBatch(pagingOptions: ContentPagingQuery): Observable<VersionEntry[]> {
+        return from(this.versionsApi.listVersionHistory(this.node.id, pagingOptions)).pipe(
+            take(1),
+            map((versionPaging) => versionPaging.list.entries)
+        );
+    }
+}
+```
+
+Then in component that will have the infinite scroll define the datasource as instance of a class created in previous step, optionally you can set custom size of the items batch or listen to loading state changes:
+```ts
+this.versionsDataSource = new VersionListDataSource(this.versionsApi, this.node);
+this.versionsDataSource.batchSize = 50;
+this.versionsDataSource.isLoading.pipe(takeUntil(this.onDestroy$)).subscribe((isLoading) => this.isLoading = isLoading);
+```
+
+Final step is to add the [CdkVirtualScrollViewport](https://material.angular.io/cdk/scrolling/api#CdkVirtualScrollViewport) with [CdkVirtualFor](https://material.angular.io/cdk/scrolling/api#CdkVirtualForOf) loop displaying items from the datasource.
+```html
+<cdk-virtual-scroll-viewport appendOnly itemSize="88">
+    <div *cdkVirtualFor="let version of versionsDataSource"></div>
+</cdk-virtual-scroll-viewport>
+```
+
+When user will scroll down to the bottom of the list next batch of items will be fetched until all items are visible.
+
+## Class members
+
+### Properties
+
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| batchSize | `number` | 100 | Determines how much items will be fetched within one batch. |
+| firstItem | `T` | | Returns the first item ever fetched. |
+| isLoading | [`Observable`](https://rxjs.dev/api/index/class/Observable)`<boolean>` | | Observable representing the state of loading the first batch. |
+| itemsCount | `number` | | Number of items fetched so far. |
+
+### Methods
+
+-   **connect**(collectionViewer: [`CollectionViewer`](https://material.angular.io/cdk/collections/api)): [`Observable`](https://rxjs.dev/api/index/class/Observable)`<T>`<br/>
+    Called by the virtual scroll viewport to receive a stream that emits the data array that should be rendered.
+    -   collectionViewer:_ [`CollectionViewer`](https://material.angular.io/cdk/collections/api)  - collection viewer providing view changes that are listened to so that next batch can be fetched
+    -   **Returns** [`Observable`](https://rxjs.dev/api/index/class/Observable)`<T>` - Data stream containing fetched items.
+-   **disconnect**(): void<br/>
+    Called when viewport is destroyed, disconnects the datasource, unsubscribes from the view changes.
+-   **reset**(): void<br/>
+    Resets the datasource by fetching the first batch.

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

@@ -76,7 +76,7 @@ items in the list.
 -   [Search Configuration Guide](../../user-guide/search-configuration-guide.md)
 -   [Search filter chips component](search-filter-chips.component.md)
 -   [Search filter component](search-filter.component.md)
--   [Search date range component](search-date-range.component.md)
+-   [Search date range tabbed component](search-date-range-tabbed.component.md)
 -   [Search number range component](search-number-range.component.md)
 -   [Search radio component](search-radio.component.md)
 -   [Search slider component](search-slider.component.md)

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

@@ -50,7 +50,7 @@ Represents an input with autocomplete options.
 -   [Search Filter Autocomplete Chips component](search-filter-autocomplete-chips.component.md)
 -   [Search Logical Filter component](search-logical-filter.component.md)
 -   [Search check list component](search-check-list.component.md)
--   [Search date range component](search-date-range.component.md)
+-   [Search date range tabbed component](search-date-range-tabbed.component.md)
 -   [Search number range component](search-number-range.component.md)
 -   [Search radio component](search-radio.component.md)
 -   [Search slider component](search-slider.component.md)

docs/content-services/components/search-date-range-advanced.component.md

@@ -1,47 +0,0 @@
----
-Title: Search date range advanced component
-Added: v6.2.0
-Status: Active
-Last reviewed: 2023-07-10
----
-
-# [Search date range advanced component](../../../lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced/search-date-range-advanced.component.ts "Defined in search-date-range-advanced.component.ts")
-
-Represents an advanced date range component for
-the [SearchAdvancedDateRangeTabbedComponent](search-date-range-advanced-tabbed.component.md).
-
-![Date Range Advanced Widget](../../docassets/images/search-date-range-advanced.png)
-
-## Basic usage
-
-```html
-
-<adf-search-date-range-advanced></adf-search-date-range-advanced>
-```
-
-## Class Members
-
-### Properties
-
-| Name         | Type                    | Description                                                                                                                                                                                                                                                |
-|--------------|-------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| field        | string                  | Field to apply the query to. Required value                                                                                                                                                                                                                |
-| maxDate      | string                  | A fixed date (default format: dd-MMM-yy) or the string `"today"` that will set the maximum searchable date. Default is today.                                                                                                                              |
-| dateFormat   | string                  | Date format. Dates used by the datepicker are Javascript Date objects, using [date-fns](https://date-fns.org/v2.30.0/docs/format) for formatting, so you can use any date format supported by the library. Default is 'dd-MMM-yy (sample date - 07-Jun-23) |
-| initialValue | SearchDateRangeAdvanced | Initial value for the component                                                                                                                                                                                                                            |
-
-### Events
-
-| Name                | Type                                                                                           | Description                                                                                                                                    |
-|---------------------|------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------|
-| changed             | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<Partial<SearchDateRangeAdvanced>>` | Emitted whenever a change is made in the component values. Emits the changes being made in the component.                                      |
-| valid               | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<boolean>`                          | Emitted whenever a change is made in the component values. Emits a flag indicating whether the current state of the component is valid or not. |
-
-## Details
-
-This component lets the user choose a variety of options to perform date related operations.
-
-- Anytime - No date related data will be returned. This option is selected by default
-- In the last - Allows user to perform date related operations over a period of time. The user can select the length of the period from current time, 
-as well as its unit. Currently, 3 units are supported - Days, Weeks, and Months.
-- Between - Allows the user to select a range of dates to perform operations on.

docs/content-services/components/search-date-range-tabbed.component.md

@@ -1,16 +1,15 @@
 ---
-Title: Search date range advanced tabbed component
+Title: Search date range tabbed component
 Added: v6.2.0
 Status: Active
 Last reviewed: 2023-07-10
 ---
 
-# [Search date range advanced tabbed component](../../../lib/content-services/src/lib/search/components/search-date-range-advanced-tabbed/search-date-range-advanced-tabbed.component.ts "Defined in search-date-range-advanced-tabbed.component.ts")
+# [Search date range tabbed component](../../../lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range-tabbed.component.ts "Defined in search-date-range-tabbed.component.ts")
 
-Represents a tabbed advanced date range [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) for
-the [Search Filter component](search-filter.component.md).
+Represents a tabbed date range [search widget](../../../lib/content-services/src/lib/search/models/search-widget.interface.ts) for the [Search Filter component](search-filter.component.md).
 
-![Date Range Advanced Widget](../../docassets/images/search-date-range-advanced-tabbed.png)
+![Date Range Tabbed Widget](../../docassets/images/search-date-range-tabbed.png)
 
 ## Basic usage
 
@@ -23,7 +22,7 @@ the [Search Filter component](search-filter.component.md).
                 "name": "Date",
                 "enabled": true,
                 "component": {
-                    "selector": "date-range-advanced",
+                    "selector": "date-range",
                     "settings": {
                         "dateFormat": "dd-MMM-yy",
                         "maxDate": "today",
@@ -51,7 +50,7 @@ the [Search Filter component](search-filter.component.md).
 
 ## Details
 
-This component creates a tabbed layout where each tab consists of the [SearchDateRangeAdvanced](./search-date-range-advanced-tabbed.component.md) component, which allows user to create a query containing multiple date related queries in one go. 
+This component creates a tabbed layout where each tab consists of the [SearchDateRange](./search-date-range.component.md) component, which allows user to create a query containing multiple date related queries in one go. 
 
 See the [Search filter component](search-filter.component.md) for full details of how to use widgets in a search query.
 
@@ -70,7 +69,7 @@ in the `dateFormat` and in the `maxDate` setting:
                 "name": "Date",
                 "enabled": true,
                 "component": {
-                    "selector": "date-range-advanced",
+                    "selector": "date-range",
                     "settings": {
                         "dateFormat": "dd-MMM-yy",
                         "maxDate": "02-May-23",
@@ -87,7 +86,7 @@ in the `dateFormat` and in the `maxDate` setting:
 }
 ```
 
-The [SearchDateRangeAdvanced](./search-date-range-advanced-tabbed.component.md) component allows 3 different kinds of date related operations to be performed.
+The [SearchDateRange](./search-date-range.component.md) component allows 3 different kinds of date related operations to be performed.
 Based on what information is provided to that component, this component will create different kinds of queries -
 
 - Anytime - No date filters are applied on the `field`. This option is selected by default
@@ -105,7 +104,6 @@ The queries generated by this filter when using the 'In the last' or 'Between' o
 - [Search Query Builder service](../services/search-query-builder.service.md)
 - [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 number range component](search-number-range.component.md)
 - [Search radio component](search-radio.component.md)
 - [Search slider component](search-slider.component.md)

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

@@ -1,88 +1,49 @@
 ---
 Title: Search date range component
-Added: v2.4.0
+Added: v6.2.0
 Status: Active
-Last reviewed: 2018-06-11
+Last reviewed: 2023-07-10
 ---
 
-# [Search date range component](../../../lib/content-services/src/lib/search/components/search-date-range/search-date-range.component.ts "Defined in search-date-range.component.ts")
+# [Search date range component](../../../lib/content-services/src/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.ts "Defined in search-date-range.component.ts")
 
-Implements a [search widget](../../../lib/content-services/src/lib/search/search-widget.interface.ts) for the [Search Filter component](search-filter.component.md).
+Represents a date range component for the [SearchDateRangeTabbedComponent](search-date-range-tabbed.component.md).
 
 ![Date Range Widget](../../docassets/images/search-date-range.png)
 
+NOTE: As of v6.5.0, the settings configuration for the original SearchDateRangeComponent have changed. If you have been using this component since
+before that release, please ensure that your component configuration is updated according to the new settings listed below. 
+
 ## Basic usage
 
-```json
-{
-    "search": {
-        "categories": [
-            {
-                "id": "createdDateRange",
-                "name": "Created Date (range)",
-                "enabled": true,
-                "component": {
-                    "selector": "date-range",
-                    "settings": {
-                        "field": "cm:created"
-                    }
-                }
-            }
-        ]
-    }
-}
+```html
+
+<adf-search-date-range></adf-search-date-range>
 ```
 
-### Settings
+## Class Members
 
-| Name | Type | Description |
-| ---- | ---- | ----------- |
-| field | string | Field to apply the query to. Required value |
-| dateFormat | string | Date format. Dates used by the datepicker are [Moment.js](https://momentjs.com/docs/#/parsing/string-format/) instances, so you can use any date format supported by Moment. Default is 'DD/MM/YYYY'. |
-| maxDate | string | A fixed date or the string `"today"` that will set the maximum searchable date. Default is no maximum. |
-| hideDefaultAction | boolean | Show/hide the [widget](../../../lib/testing/src/lib/core/pages/form/widgets/widget.ts) actions. By default is false. |
+### Properties
+
+| Name         | Type            | Description                                                                                                                                                                                                                                                |
+|--------------|-----------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| field        | string          | Field to apply the query to. Required value                                                                                                                                                                                                                |
+| maxDate      | string          | A fixed date (default format: dd-MMM-yy) or the string `"today"` that will set the maximum searchable date. Default is today.                                                                                                                              |
+| dateFormat   | string          | Date format. Dates used by the datepicker are Javascript Date objects, using [date-fns](https://date-fns.org/v2.30.0/docs/format) for formatting, so you can use any date format supported by the library. Default is 'dd-MMM-yy (sample date - 07-Jun-23) |
+| initialValue | SearchDateRange | Initial value for the component                                                                                                                                                                                                                            |
+
+### Events
+
+| Name                | Type                                                                                   | Description                                                                                                                                    |
+|---------------------|----------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------|
+| changed             | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<Partial<SearchDateRange>>` | Emitted whenever a change is made in the component values. Emits the changes being made in the component.                                      |
+| valid               | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<boolean>`                  | Emitted whenever a change is made in the component values. Emits a flag indicating whether the current state of the component is valid or not. |
 
 ## Details
 
-This component lets the user select a range between two dates based on the particular `field`.
-See the [Search filter component](search-filter.component.md) for full details of how to use widgets
-in a search query.
+This component lets the user choose a variety of options to perform date related operations.
 
-### Custom date format
-
-You can set the date range picker to work with any date format your app requires. You can use
-any date format supported by [Moment.js](https://momentjs.com/docs/#/parsing/string-format/)
-in the `dateFormat` and in the `maxDate` setting:
-
-```json
-{
-    "search": {
-        "categories": [
-            {
-                "id": "createdDateRange",
-                "name": "Created Date (range)",
-                "enabled": true,
-                "component": {
-                    "selector": "date-range",
-                    "settings": {
-                        "field": "cm:created",
-                        "dateFormat": "DD-MMM-YY",
-                        "maxDate": "02-Mar-20"
-                    }
-                }
-            }
-        ]
-    }
-}
-```
-
-## See also
-
--   [Search Configuration Guide](../../user-guide/search-configuration-guide.md)
--   [Search filter chips component](search-filter-chips.component.md)
--   [Search filter component](search-filter.component.md)
--   [Search check list component](search-check-list.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)
--   [Search text component](search-text.component.md)
+- Anytime - No date related data will be returned. This option is selected by default
+- In the last - Allows user to perform date related operations over a period of time. The user can select the length of the period from current time, 
+as well as its unit. Currently, 3 units are supported - Days, Weeks, and Months.
+- Between - Allows the user to select a range of dates to perform operations on.

docs/content-services/components/search-filter-autocomplete-chips.component.md

@@ -59,7 +59,7 @@ See the [Search Chip Autocomplete Input component](search-chip-autocomplete-inpu
 -   [Search Chip Autocomplete Input component](search-chip-autocomplete-input.component.md)
 -   [Search Chip Input component](search-chip-input.component.md)
 -   [Search check list component](search-check-list.component.md)
--   [Search date range component](search-date-range.component.md)
+-   [Search date range tabbed component](search-date-range-tabbed.component.md)
 -   [Search number range component](search-number-range.component.md)
 -   [Search radio component](search-radio.component.md)
 -   [Search slider component](search-slider.component.md)

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

@@ -70,7 +70,7 @@ here is the [example configuration](https://github.com/Alfresco/alfresco-ng2-com
 -   [Search Query Builder service](../services/search-query-builder.service.md)
 -   [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 tabbed component](search-date-range-tabbed.component.md)
 -   [Search number range component](search-number-range.component.md)
 -   [Search radio component](search-radio.component.md)
 -   [Search slider component](search-slider.component.md)

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

@@ -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 advanced component](search-date-range-advanced.component.md)
+- [Search date range component](search-date-range.component.md)
 - [Search number range component](search-number-range.component.md)
 - [Search radio component](search-radio.component.md)
 - [Search slider component](search-slider.component.md)

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

@@ -36,8 +36,8 @@ to build and execute the query.
 -   [Search Sorting Picker Component](search-sorting-picker.component.md)
 -   [Search Widget Interface](../interfaces/search-widget.interface.md)
 -   [Search check list component](search-check-list.component.md)
+-   [Search date range tabbed component](search-date-range-tabbed.component.md)
 -   [Search date range component](search-date-range.component.md)
--   [Search date range advanced component](search-date-range-advanced.component.md)
 -   [Search number range component](search-number-range.component.md)
 -   [Search radio component](search-radio.component.md)
 -   [Search slider component](search-slider.component.md)

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

@@ -52,7 +52,7 @@ This component lets the user provide logical conditions to apply to each `field`
 -   [Search Query Builder service](../services/search-query-builder.service.md)
 -   [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 tabbed component](search-date-range-tabbed.component.md)
 -   [Search number range component](search-number-range.component.md)
 -   [Search radio component](search-radio.component.md)
 -   [Search slider component](search-slider.component.md)

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

@@ -75,7 +75,7 @@ cm:content.size:[0 TO 100]
 -   [Search filter chips component](search-filter-chips.component.md)
 -   [Search filter component](search-filter.component.md)
 -   [Search check list component](search-check-list.component.md)
--   [Search date range component](search-date-range.component.md)
+-   [Search date range tabbed component](search-date-range-tabbed.component.md)
 -   [Search number range component](search-number-range.component.md)
 -   [Search radio component](search-radio.component.md)
 -   [Search slider component](search-slider.component.md)

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

@@ -54,7 +54,7 @@ Allows to search by file size and type.
 -   [Search Query Builder service](../services/search-query-builder.service.md)
 -   [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 tabbed component](search-date-range-tabbed.component.md)
 -   [Search number range component](search-number-range.component.md)
 -   [Search radio component](search-radio.component.md)
 -   [Search slider component](search-slider.component.md)

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

@@ -66,7 +66,7 @@ buttons as appropriate.
 -   [Search filter chips component](search-filter-chips.component.md)
 -   [Search filter component](search-filter.component.md)
 -   [Search check list component](search-check-list.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 slider component](search-slider.component.md)
 -   [Search text component](search-text.component.md)

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

@@ -73,7 +73,7 @@ or zero and the corresponsing query fragment is removed from the query.
 -   [Search filter chips component](search-filter-chips.component.md)
 -   [Search filter component](search-filter.component.md)
 -   [Search check list component](search-check-list.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 text component](search-text.component.md)

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

@@ -63,7 +63,7 @@ details of how to use widgets in a search query.
 -   [Search filter chips component](search-filter-chips.component.md)
 -   [Search filter component](search-filter.component.md)
 -   [Search check list component](search-check-list.component.md)
--   [Search date range component](search-date-range.component.md)
+-   [Search date range tabbed component](search-date-range-tabbed.component.md)
 -   [Search number range component](search-number-range.component.md)
 -   [Search radio component](search-radio.component.md)
 -   [Search slider component](search-slider.component.md)

docs/content-services/components/tag-node-list.component.md

@@ -33,7 +33,7 @@ Shows tags for a node.
 
 | Name | Type | Description |
 | ---- | ---- | ----------- |
-| results | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when a tag is selected. |
+| results | [`EventEmitter`](https://angular.io/api/core/EventEmitter)[`<TagEntry>`](../../../lib/js-api/src/api/content-rest-api/model/tagEntry.ts)`[]` | Emitted when a tag is selected. |
 
 ## Details
 
@@ -49,3 +49,7 @@ To limit number of tags initially displayed set `limitTagsDisplayed` to `true`.
 ```
 
 Now when tag chips will exceed the size of the container number of displayed chips will be limited to as much as fits together with view more button. At least one tag will always be displayed, when one tag and view more button won't fit into one line the button will be displayed under the tag.
+
+## See Also
+
+-   [Dynamic Chip List component](../../core/components/dynamic-chip-list.component.md)

docs/content-services/components/tags-creator.component.md

@@ -13,7 +13,7 @@ Allows to create multiple tags. That component contains input and two lists. Top
 
 ```html
 <adf-tags-creator
-    [(tagNameControlVisible)]="tagNameControlVisible"
+    [tagNameControlVisible]="tagNameControlVisible"
     (tagsChange)="tags = $event"
     [mode]="tagsCreatorMode">
 </adf-tags-creator>
@@ -35,5 +35,4 @@ Allows to create multiple tags. That component contains input and two lists. Top
 | Name | Type | Description |
 | ---- | ---- | ----------- |
 | existingTagsPanelVisibilityChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<boolean>` | Emitted when bottom list is showing or hiding. |
-| tagNameControlVisibleChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<boolean>` | Emitted when input is showing or hiding. |
 | tagsChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<string[]>` | Emitted when tags in top list are changed. |

docs/content-services/interfaces/content-metadata-custom-panel.interface.md

@@ -12,8 +12,7 @@ Specifies required properties for custom metadata panel to be displayed in [Cont
 ## Basic usage
 
 ```ts
-export interface ContentMetadataCustomPanel {
-    panelTitle: string;
+export interface ContentMetadataCustomPanel extends ContentMetadataPanel {
     component: string;
 }
 ```
@@ -22,10 +21,10 @@ export interface ContentMetadataCustomPanel {
 
 | Name | Type | Default value | Description |
 | ---- | ---- | ------------- | ----------- |
-| panelTitle | `string` |  | Title for the panel the will be displayed in expansion panel header. |
 | component | `string` |  | Id of the registered [Dynamic component](../../extensions/components/dynamic.component.md) to be displayed inside expansion panel. |
 
 ## See also
 
 -   [ContentMetadataCardComponent](../components/content-metadata-card.component.md)
 -   [Dynamic Component](../../extensions/components/dynamic.component.md)
+-   [Content Metadata Panel intergace](./content-metadata-panel.interface.md)

docs/content-services/interfaces/content-metadata-panel.interface.md

@@ -0,0 +1,32 @@
+---
+Title: Content Metadata Panel interface
+Added: v6.7.0
+Status: Active
+Last reviewed: 2024-02-22
+---
+
+# [Content Metadata Panel interface](../../../lib/content-services/src/lib/content-metadata/interfaces/content-metadata-panel.interface.ts "Defined in content-metadata-panel.interface.ts")
+
+Specifies required properties for metadata panel to be displayed in [ContentMetadataCardComponent](../components/content-metadata-card.component.md).
+
+## Basic usage
+
+```ts
+export interface ContentMetadataPanel {
+    panelTitle: string;
+    expanded?: boolean;
+}
+```
+
+### Properties
+
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| panelTitle | `string` |  | Title for the panel the will be displayed in expansion panel header. |
+| expanded | `boolean` |  | Specifies if given panel is expanded. |
+
+## See also
+
+-   [ContentMetadataCardComponent](../components/content-metadata-card.component.md)
+-   [Dynamic Component](../../extensions/components/dynamic.component.md)
+-   [Content Metadata Custom panel interface](./content-metadata-custom-panel.interface.md)

docs/content-services/interfaces/search-widget.interface.md

@@ -186,7 +186,7 @@ and pass custom attributes, if your component supports them:
 
 -   [Search filter component](../components/search-filter.component.md)
 -   [Search check list component](../components/search-check-list.component.md)
--   [Search date range component](../components/search-date-range.component.md)
+-   [Search date range tabbed component](../components/search-date-range-tabbed.component.md)
 -   [Search number range component](../components/search-number-range.component.md)
 -   [Search radio component](../components/search-radio.component.md)
 -   [Search slider component](../components/search-slider.component.md)

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

@@ -65,6 +65,9 @@ Manages categories in Content Services.
     -   _nodeId:_ `string`  - The identifier of a node.
     -   _categoryLinkBodyCreate:_ [`CategoryLinkBody[]`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/api/content-rest-api/docs/CategoryLinkBody.md)  - Categories that node will be linked to.
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`CategoryPaging`]((https://github.com/Alfresco/alfresco-js-api/blob/master/src/api/content-rest-api/docs/CategoryPaging.md))` | `[`CategoryEntry`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/api/content-rest-api/docs/CategoryEntry.md)`>` - Categories that node has been linked to.
+-   **areCategoriesEnabled**():`boolean`<br/>
+    Checks if categories plugin is enabled.
+    -   **Returns** `boolean` - true if categories plugin is enabled, false otherwise.
 
 ## Details
 

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

@@ -0,0 +1,25 @@
+---
+Title: Group Service
+Added: v6.6.0
+Status: Active
+Last reviewed: 2024-02-07
+---
+
+# [Group Service](../../../lib/content-services/src/lib/group/services/group.service.ts "Defined in group.service.ts")
+
+Manages groups.
+
+## Class members
+
+### Methods
+
+-   **getGroup**(id: `string`, opts?: [`ContentIncludeQuery`](../../../lib/js-api/src/api/content-rest-api/api/types.ts)): [`Observable`](https://rxjs.dev/guide/observable)`<`[`GroupEntry`](../../../lib/js-api/src/api/content-rest-api/model/groupEntry.ts)`>`<br/>
+    Returns group for specified id.
+    -   _id:_ `string` - id of group to return.
+    -   _opts:_ [`ContentIncludeQuery`](../../../lib/js-api/src/api/content-rest-api/api/types.ts) - additional query parameters.
+    -   **Returns** [`Observable`](https://rxjs.dev/guide/observable)`<`[`GroupEntry`](../../../lib/js-api/src/api/content-rest-api/model/groupEntry.ts)`>` - group for specified id.
+-   **updateGroup**(group: [`Group`](../../../lib/js-api/src/api/content-rest-api/docs/Group.md), opts?: [`ContentIncludeQuery`](../../../lib/js-api/src/api/content-rest-api/api/types.ts)): [`Observable`](https://rxjs.dev/guide/observable)`<`[`GroupEntry`](../../../lib/js-api/src/api/content-rest-api/model/groupEntry.ts)`>`<br/>
+    Updates specified group.
+    -   _group:_ [`Group`](../../../lib/js-api/src/api/content-rest-api/docs/Group.md) - group to update.
+    -   _opts:_ [`ContentIncludeQuery`](../../../lib/js-api/src/api/content-rest-api/api/types.ts) - additional query parameters.
+    -   **Returns** [`Observable`](https://rxjs.dev/guide/observable)`<`[`GroupEntry`](../../../lib/js-api/src/api/content-rest-api/model/groupEntry.ts)`>` - updated group.

docs/content-services/services/search-query-builder.service.md

@@ -139,7 +139,7 @@ constructor(queryBuilder: SearchQueryBuilderService) {
 -   [Search Form Component](../components/search-form.component.md)
 -   [Search Widget interface](../interfaces/search-widget.interface.md)
 -   [Search check list component](../components/search-check-list.component.md)
--   [Search date range component](../components/search-date-range.component.md)
+-   [Search date range tabbed component](../components/search-date-range-tabbed.component.md)
 -   [Search number range component](../components/search-number-range.component.md)
 -   [Search radio component](../components/search-radio.component.md)
 -   [Search slider component](../components/search-slider.component.md)

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

@@ -62,6 +62,9 @@ Manages tags in Content Services.
     -   _tagId:_ `string`  - The identifier of a tag.
     -   _tagBody:_ `TagBody`  - The updated tag.
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`TagEntry`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/TagEntry.md)`>` - Updated tag.
+-   **areTagsEnabled**():`boolean`<br/>
+    Checks if tags plugin is enabled.
+    -   **Returns** `boolean` - true if tags plugin is enabled, false otherwise.
 
 ## Details
 

docs/core/components/data-column.component.md

@@ -48,6 +48,7 @@ Defines column properties for DataTable, Tasklist, Document List and other compo
 | cssClass | `string` |  | Additional CSS class to be applied to column (header and cells). |
 | customData | `any` |  | You can specify any custom data which can be used by any specific feature |
 | draggable | `boolean` | false | Enable drag and drop for header column |
+| resizable | `boolean` | true | Enable column resizing |
 | editable | `boolean` | false | Toggles the editing support of the column data. |
 | focus | `boolean` | true | Enable or disable cell focus |
 | format | `string` |  | Value format (if supported by the parent component), for example format of the date. |
@@ -63,6 +64,7 @@ Defines column properties for DataTable, Tasklist, Document List and other compo
 | order | `number` |  | Sets position of column. |
 | currencyConfig | `CurrencyConfig` | [Default currency config](#default-currency-config) | Currency configuration to customize the formatting and display of currency values within the component. |
 | decimalConfig | `DecimalConfig` | [Default decimal config](#default-decimal-config) | Decimal configuration to customize the formatting and display of decimal values within the component. |
+| dateConfig | `DateConfig` | [Default date config](#default-date-config) | Date configuration to customize the formatting and localization of date values within the component. |
 
 ## Properties configuration
 
@@ -72,8 +74,11 @@ The `type` input allows us to specify the type of hosted values for a given colu
 
 - `text` - The given values are represented as a strings (default option).
 - `boolean` - The column expects true / false (boolean values) and in addition accepts two strings - 'false' and 'true'. Other values are not recognized by the column, and the cell remains empty.
+- `date` - This column is responsible for displaying dates. It expects date represented by a string, number or Date object. This type comes with [`dateConfig`](#default-date-config),
 - `amount` - This column is responsible for displaying currencies. It expects numerals represented by a string or a number. This type comes with [`currencyConfig`](#default-currency-config),
 - `number` - This column is responsible for displaying numbers (integers and decimals). It expects numerals represented by a string or a number. This type comes with [`decimalConfig`](#default-decimal-config)
+- `location` - This column displays a clickable location link pointing to the parent path of the node. **Note:** This type is strongly related to the document list component ([document-list.component.md](../../content-services/components/document-list.component.md)).
+- `icon` - Allows us to display Material Icons supported by Google. Example values: **group**, **favorite**, **thumb_up** and many more. The complete list of the icons - [Google Icons](https://fonts.google.com/icons).
 
 ### `currencyConfig` Input
 
@@ -119,6 +124,28 @@ These properties offer flexibility in customizing how decimal values are present
 
 For more details on the possible use cases of the above properties, see the [official Angular documents](https://angular.io/api/common/DecimalPipe).
 
+### `dateConfig` Input
+
+The `dateConfig` input allows you to configure date formatting and localization for a component. It accepts an object of type `DateConfig` with optional properties for specifying the format of displayed date, tooltip and locale.
+
+#### Properties
+
+- `format` (optional): A string specifying the date format ([pre-defined formats](https://angular.io/api/common/DatePipe#pre-defined-format-options)).
+- `tooltipFormat` (optional): A string specifying the date format for tooltips.
+- `locale` (optional): A string indicating the locale or region-specific formatting to use for the currency.
+
+#### Default date config
+
+By default, the `dateConfig` object is not required. If not provided, the component will use the following default values:
+
+- `format`: "medium"
+- `tooltipFormat`: "medium"
+- `locale`: undefined
+
+These properties offer flexibility in customizing how date values are presented within the component.
+
+For more details on the possible use cases of the above properties, see the [official Angular documents](https://angular.io/api/common/DatePipe).
+
 ## Details
 
 ### Conditional visibility

docs/core/components/datatable.component.md

@@ -423,6 +423,7 @@ Learm more about styling your datatable: [Customizing the component's styles](#c
 | actionsPosition | `string` | "right" | Position of the actions dropdown menu. Can be "left" or "right". |
 | actionsVisibleOnHover | `boolean` | false | Toggles whether the actions dropdown should only be visible if the row is hovered over or the dropdown menu is open. |
 | allowFiltering | `boolean` | false | Flag that indicate if the datatable allow the use [facet widget](../../../lib/content-services/src/lib/search/models/facet-widget.interface.ts) search for filtering. |
+| blurOnResize | `boolean` | true | Toggles blur when columns of the datatable are being resized. |
 | columns | `any[]` | \[] | The columns that the datatable will show. |
 | contextMenu | `boolean` | false | Toggles custom context menu for the component. |
 | data | [`DataTableAdapter`](../../../lib/core/src/lib/datatable/data/datatable-adapter.ts) |  | Data source for the table |

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

@@ -0,0 +1,57 @@
+---
+Title: Dynamic Chip List component
+Added: v6.6.0
+Status: Active
+Last reviewed: 2024-02-06
+---
+
+# [Dynamic Chip List component](../../../lib/core/src/lib/dynamic-chip-list/dynamic-chip-list.component.ts "Defined in dynamic-chip-list.component.ts")
+
+This component shows dynamic list of chips which render depending on free space.
+
+![List of chips](../../docassets/images/dynamic-chip-list.png)
+
+## Basic Usage
+
+```html
+<adf-dynamic-chip-list
+    [chips]="chips"
+    [limitChipsDisplayed]="true"
+    [showDelete]="true"
+    (displayNext)="onDisplayNext()"
+    (removedChip)="onRemovedChip($event)">
+</adf-dynamic-chip-list>
+```
+
+## Class members
+
+### 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.                   |
+
+### Events
+
+| Name        | Type                                                                 | Description                                   |
+|-------------|----------------------------------------------------------------------|-----------------------------------------------|
+| displayNext | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<void>`   | Emitted when button for view more is clicked. |
+| removedChip | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<string>` | Emitted when any chip is removed.             |
+
+## Details
+
+### Limit number of chips displayed initially
+
+To limit number of chips initially displayed set `limitChipsDisplayed` to `true`.
+
+```html
+<adf-dynamic-chip-list
+    [chips]="chips"
+    [limitChipsDisplayed]="true">
+</adf-dynamic-chip-list>
+```
+
+Now when chips will exceed the size of the container number of displayed chips will be limited to as much as fits together with view more button. At least one chip will always be displayed, when one chip and view more button won't fit into one line the button will be displayed under the chip.

docs/core/components/login.component.md

@@ -195,7 +195,6 @@ You can access an external provider to get an auth token for a user:
 {
     "oauth2" : {
       "host": "http://myhost.com",
-      "authPath": "/my-custom-auth/token",
       "clientId": "my-client-id",
       "secret": ""
     }

docs/core/components/viewer-render.component.md

@@ -62,6 +62,7 @@ Using with file [`Blob`](https://developer.mozilla.org/en-US/docs/Web/API/Blob):
 | thumbnailsTemplate | [`TemplateRef`](https://angular.io/api/core/TemplateRef)`<any>` | null | The template for the pdf thumbnails. |
 | tracks | [`Track`](../../../lib/core/src/lib/viewer/models/viewer.model.ts)`[]` | \[] | media subtitles for the media player |
 | urlFile | `string` | "" | If you want to load an external file that does not come from ACS you can use this URL to specify where to load the file from. |
+| viewerTemplateExtensions | [`TemplateRef`](https://angular.io/api/core/TemplateRef)`<any>` | null | Template containing ViewerExtensionDirective instances providing different viewer extensions based on supported file extension. |
 
 ### Events
 
@@ -200,34 +201,13 @@ The [Viewer render component](viewer.component.md) should now be able to display
 
 The Viewer supports dynamically-loaded viewer preview extensions, to know more about it [Preview Extension component](../../extensions/components/preview-extension.component.md). This 
 
-#### Code extension mechanism]
+#### Code extension mechanism
 
-You can define your own custom handler to handle other file formats that are not yet supported by
-the [Viewer render component](viewer.component.md). Below is an example that shows how to use the `adf-viewer-render-extension`
-to handle 3D data files:
-
-```html
-<adf-viewer-render [nodeId]="nodeId">
-    
-    <adf-viewer-extension [supportedExtensions]="['obj','3ds']" #extension>
-        <ng-template let-urlFileContent="urlFileContent" let-extension="extension">
-            <threed-viewer 
-                [urlFile]="urlFileContent" 
-                [extension]="extension">
-            </threed-viewer>
-        </ng-template>
-    </adf-viewer-extension>
-
-</adf-viewer-render> 
-```
-
-Note: you need to add the `ng2-3d-editor` dependency to your `package.json` file to make the example above work.
-
-You can define multiple `adf-viewer-render-extension` templates if required:
-
-```html
-<adf-viewer-render [nodeId]="nodeId">
+You can define your own custom handler to override supported file formats or handle other file formats that are not yet supported by
+the [Viewer render component](viewer.component.md). In order to do that first you need to define a template containing at least one `adf-viewer-extension`:
 
+```html    
+<ng-template #viewerExtensions>
     <adf-viewer-extension [supportedExtensions]="['xls','xlsx']" #extension>
         <ng-template let-urlFileContent="urlFileContent">
             <my-custom-xls-component 
@@ -243,6 +223,22 @@ You can define multiple `adf-viewer-render-extension` templates if required:
             </my-custom-txt-component>
         </ng-template>
     </adf-viewer-render-extension>
+</ng-template>
+```
+
+Next in your component you need to get a reference of created template
+
+```ts
+@ViewChild('viewerExtensions')
+viewerTemplateExtensions: TemplateRef<any>;
+```
+
+and pass it via `viewerTemplateExtensions` input:
+
+```html
+<adf-viewer-render>
+    ...
+    [viewerTemplateExtensions]="viewerTemplateExtensions"
 </adf-viewer-render> 
 ```
 

docs/core/components/viewer.component.md

@@ -61,7 +61,9 @@ See the [Custom layout](#custom-layout) section for full details of all availabl
 | Name | Type | Default value | Description |
 | ---- | ---- | ------------- | ----------- |
 | allowFullScreen | `boolean` | true | Toggles the 'Full Screen' feature. |
-| allowGoBack | `boolean` | true | Allows `back` navigation |
+| allowGoBack | `boolean` | true | Allows `back` navigation. |
+| closeButtonPosition | `CloseButtonPosition` | `left` | Set close button position right/left. |
+| hideInfoButton | `boolean` | false | Toggles Info button. |
 | allowLeftSidebar | `boolean` | false | Allow the left the sidebar. |
 | allowNavigate | `boolean` | false | Toggles before/next navigation. You can use the arrow buttons to navigate between documents in the collection. |
 | allowRightSidebar | `boolean` | false | Allow the right sidebar. |
@@ -70,6 +72,7 @@ See the [Custom layout](#custom-layout) section for full details of all availabl
 | canNavigateNext | `boolean` | true | Toggles the next (">") button. Requires `allowNavigate` to be enabled. |
 | fileName | `string` |  | Override Content filename. |
 | mimeType | `string` |  | Overload mimeType |
+| 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 |
 | showLeftSidebar | `boolean` | false | Toggles left sidebar visibility. Requires `allowLeftSidebar` to be set to `true`. |
@@ -82,6 +85,7 @@ See the [Custom layout](#custom-layout) section for full details of all availabl
 | sidebarRightTemplateContext |  | null | Context object available for binding by the local sidebarRightTemplate with let declarations. |
 | tracks | [`Track`](../../../lib/core/src/lib/viewer/models/viewer.model.ts)`[]` | \[] | media subtitles for the media player |
 | urlFile | `string` | "" | If you want to load an external file that does not come from ACS you can use this URL to specify where to load the file from. |
+| viewerExtensions | [`TemplateRef`](https://angular.io/api/core/TemplateRef)`<any>` | null | Template containing ViewerExtensionDirective instances providing different viewer extensions based on supported file extension. |
 
 ### Events
 
@@ -113,6 +117,7 @@ You can provide custom file parameters, for example a value for the `mimeType` o
     [fileName]="fileName"
     [allowGoBack]="false"
     [mimeType]="mimeType"
+    [originalMimeType]="originalMimeType"
     [urlFile]="fileUrl">
 </adf-viewer>
 ```
@@ -205,47 +210,47 @@ The Viewer supports dynamically-loaded viewer preview extensions, to know more a
 
 #### Code extension mechanism]
 
-You can define your own custom handler to handle other file formats that are not yet supported by
+You can define your own custom handler to override supported file formats or handle other file formats that are not yet supported by
 the [Viewer component](viewer.component.md). Below is an example that shows how to use the `adf-viewer-extension`
 to handle 3D data files:
 
 ```html
 <adf-viewer [urlFile]="urlFile">
-    
-    <adf-viewer-extension [supportedExtensions]="['obj','3ds']" #extension>
-        <ng-template let-urlFileContent="urlFileContent" let-extension="extension">
-            <threed-viewer 
-                [urlFile]="urlFileContent" 
-                [extension]="extension">
-            </threed-viewer>
-        </ng-template>
-    </adf-viewer-extension>
-
+    <ng-template #viewerExtensions>
+        <adf-viewer-extension [supportedExtensions]="['obj','3ds']" #extension>
+            <ng-template let-urlFileContent="urlFileContent" let-extension="extension">
+                <threed-viewer 
+                    [urlFile]="urlFileContent" 
+                    [extension]="extension">
+                </threed-viewer>
+            </ng-template>
+        </adf-viewer-extension>
+    </ng-template>
 </adf-viewer> 
 ```
 
 Note: you need to add the `ng2-3d-editor` dependency to your `package.json` file to make the example above work.
 
-You can define multiple `adf-viewer-extension` templates if required:
-
+You need to keep all instances of `adf-viewer-extension` inside `viewerExtensions` template, also you can define multiple `adf-viewer-extension` templates if required:
 ```html
 <adf-viewer [urlFile]="urlFile">
+    <ng-template #viewerExtensions>
+        <adf-viewer-extension [supportedExtensions]="['xls','xlsx']" #extension>
+            <ng-template let-urlFileContent="urlFileContent">
+                <my-custom-xls-component
+                    urlFileContent="urlFileContent">
+                </my-custom-xls-component>
+            </ng-template>
+        </adf-viewer-extension>
 
-    <adf-viewer-extension [supportedExtensions]="['xls','xlsx']" #extension>
-        <ng-template let-urlFileContent="urlFileContent">
-            <my-custom-xls-component 
-                urlFileContent="urlFileContent">
-            </my-custom-xls-component>
-        </ng-template>
-    </adf-viewer-extension>
-
-    <adf-viewer-extension [supportedExtensions]="['txt']" #extension>
-        <ng-template let-urlFileContent="urlFileContent" >               
-            <my-custom-txt-component 
-                urlFileContent="urlFileContent">
-            </my-custom-txt-component>
-        </ng-template>
-    </adf-viewer-extension>
+        <adf-viewer-extension [supportedExtensions]="['txt']" #extension>
+            <ng-template let-urlFileContent="urlFileContent" >
+                <my-custom-txt-component
+                    urlFileContent="urlFileContent">
+                </my-custom-txt-component>
+            </ng-template>
+        </adf-viewer-extension>
+    </ng-template>
 </adf-viewer> 
 ```
 

docs/core/dialogs/unsaved-changes-dialog.component.md

@@ -0,0 +1,27 @@
+---
+Title: Unsaved Changes Dialog component
+Added: v6.6.0
+Status: Active
+Last reviewed: 2024-02-06
+---
+
+# [Unsaved Changes Dialog component](../../../lib/core/src/lib/dialogs/unsaved-changes-dialog/unsaved-changes-dialog.component.ts "Defined in unsaved-changes-dialog.component.ts")
+
+Dialog which informs about unsaved changes. Allows discard them and proceed or close dialog and stop proceeding.
+
+![Unsaved Changes Dialog](../../docassets/images/unsaved-changes-dialog.png)
+
+## Basic Usage
+
+```ts
+this.dialog.open(UnsavedChangesDialogComponent);
+```
+## Details
+
+### Detecting if changes should be discarded.
+
+To detect if changes should be discarded you need to check value passed on dialog's close. If value is true then changes should be discard, false otherwise.
+
+## See also
+
+-   [Unsaved Changes guard](../services/unsaved-changes.guard.md)

docs/core/interfaces/datatable-adapter.interface.md

@@ -35,10 +35,10 @@ Get the data value from a specific table cell.
 
 `getSorting():`[`DataSorting`](../../../lib/core/src/lib/datatable/data/data-sorting.model.ts)`;`<br/>
 `setSorting(sorting: DataSorting): void;`<br/>
-Get/set the sorting key and direction (ascending or descending).
+Get/set the sorting key, direction (ascending or descending) and options (eg. numeric).
 
-`sort(key?: string, direction?: string): void;`<br/>
-Sort the table with a specified key and direction (ascending or descending).
+`sort(key?: string, direction?: string, options?: Intl.CollatorOptions): void;`<br/>
+Sort the table with a specified key, direction (ascending or descending) and options (eg. numeric).
 
 ## Details
 

docs/core/services/unsaved-changes.guard.md

@@ -0,0 +1,22 @@
+---
+Title: Unsaved Changes guard
+Added: v6.6.0
+Status: Active
+Last reviewed: 2024-02-06
+---
+
+# [Unsaved Changes guard](../../../lib/core/src/lib/dialogs/unsaved-changes-dialog/unsaved-changes.guard.ts "Defined in unsaved-changes.guard.ts")
+
+This guard prevents deactivating route if page has any unsaved changes. User needs intentionally discard changes through displayed modal to leave actual route.
+
+## Class members
+
+### Methods
+
+-   **canDeactivate**(): `boolean` | [`Observable`](https://rxjs.dev/guide/observable)`<boolean>`<br/>
+    Allows to deactivate route when there is no unsaved changes, otherwise displays dialog to confirm discarding changes.
+    -   **Returns** `boolean` | [`Observable`](https://rxjs.dev/guide/observable)`<boolean>` - true when there is no unsaved changes or changes can be discarded, false otherwise.
+
+## See also
+
+-   [Unsaved Changes Dialog component](../dialogs/unsaved-changes-dialog.component.md)

docs/license-info/README.md

@@ -41,3 +41,8 @@ The pages linked below contain the licenses for all third party dependencies of
 - [ADF 6.2.0](license-info-6.2.0.md)
 - [ADF 6.3.0](license-info-6.3.0.md)
 - [ADF 6.4.0](license-info-6.4.0.md)
+- [ADF 6.5.0](license-info-6.5.0.md)
+- [ADF 6.5.1](license-info-6.5.1.md)
+- [ADF 6.5.2](license-info-6.5.2.md)
+- [ADF 6.6.0](license-info-6.6.0.md)
+- [ADF 6.7.0](license-info-6.7.0.md)