forgot-password-screen

* content reflow issue fixed to fit the viewport at 400% zoom

* review comments fixed for class and adf-full-width

* addressed review comments

* addressed review comments

* linting changes

.eslintrc.json

@@ -1,7 +1,14 @@
 {
   "root": true,
   "ignorePatterns": [
-    "projects/**/*"
+    "projects/**/*",
+    "**/node_modules/**/*",
+    "lib/cli/node_modules/**/*",
+    "**/node_modules",
+    "**/docker",
+    "**/assets",
+    "**/scripts",
+    "**/docs"
   ],
   "overrides": [
     {
@@ -23,7 +30,8 @@
       "plugins": [
         "eslint-plugin-unicorn",
         "eslint-plugin-rxjs",
-        "ban"
+        "ban",
+        "license-header"
       ],
       "rules": {
         "ban/ban": [
@@ -74,7 +82,23 @@
         "@typescript-eslint/no-inferrable-types": "off",
         "@typescript-eslint/no-require-imports": "off",
         "@typescript-eslint/no-var-requires": "error",
-
+        "@typescript-eslint/naming-convention": [
+          "error",
+          {
+            "selector": [
+              "classProperty",
+              "objectLiteralProperty",
+              "typeProperty",
+              "classMethod",
+              "objectLiteralMethod",
+              "typeMethod",
+              "accessor",
+              "enumMember"
+            ],
+            "format": null,
+            "modifiers": ["requiresQuotes"]
+          }
+        ],
         "@typescript-eslint/member-ordering": "off",
         "prefer-arrow/prefer-arrow-functions": "off",
 
@@ -92,6 +116,31 @@
           }
         ],
         "no-bitwise": "off",
+        "no-console": [
+          "error",
+          {
+            "allow": [
+              "warn",
+              "dir",
+              "timeLog",
+              "assert",
+              "clear",
+              "count",
+              "countReset",
+              "group",
+              "groupEnd",
+              "table",
+              "dirxml",
+              "error",
+              "groupCollapsed",
+              "Console",
+              "profile",
+              "profileEnd",
+              "timeStamp",
+              "context"
+            ]
+          }
+        ],
         "no-duplicate-imports": "error",
         "no-multiple-empty-lines": "error",
         "no-redeclare": "error",
@@ -107,7 +156,8 @@
             "allowShortCircuit": true,
             "allowTernary": true
           }
-        ]
+        ],
+        "license-header/header": ["error", "./license-community.txt"]
       }
     },
     {

.github/actions/travis-event-type-load/action.yml

@@ -0,0 +1,28 @@
+# TRAVIS_EVENT_TYPE= Indicates how the build was triggered. One of push, pull_request, api, cron
+name: "travis-event-type-env-var"
+description: "Mimic loading of a TRAVIS_EVENT_TYPE env var"
+
+inputs:
+  event_name:
+    description: "override github.event_name"
+    required: false
+    default: ${{ github.event_name }}
+runs:
+  using: "composite"
+  steps:
+    - name: Parse env global
+      run: |
+        EVENT_TYPE=""
+        REGEX="(repository|workflow)_dispatch"
+        if [[ "${{ inputs.event_name }}" == "schedule"  ]]; then 
+            EVENT_TYPE="cron"; 
+        elif [[ "${{ inputs.event_name }}" == "pull_request"  ]]; then
+            EVENT_TYPE="pull_request"; 
+        elif [[ "${{ inputs.event_name }}" == "push"  ]]; then
+            EVENT_TYPE="push";
+        elif [[ "${{ inputs.event_name }}" =~ $REGEX ]]; then
+            EVENT_TYPE="api";
+        fi
+        echo "TRAVIS_EVENT_TYPE=${EVENT_TYPE}" >> $GITHUB_ENV
+        echo "exporting TRAVIS_EVENT_TYPE=${EVENT_TYPE}"
+      shell: bash

.gitignore

@@ -11,6 +11,7 @@ dist/
 e2e/.env.cloud
 tmp
 temp
+/nxcache
 e2e-output*/
 /e2e/downloads/
 *.npmrc

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npm run affected:lint

.nvmrc

@@ -0,0 +1 @@
+14

.storybook/alfrescoTheme.js

@@ -1,8 +1,9 @@
 import { create } from '@storybook/theming';
+import alfrescoLogo from '../lib/core/src/lib/assets/images/alfresco-logo.svg';
 
 export default create({
   base: 'light',
   brandTitle: 'Hyland | Alfresco Storybook App',
   brandUrl: 'https://www.alfresco.com/',
-  brandImage: '/assets/storybook-logo.png',
+  brandImage: alfrescoLogo,
 });

.storybook/main.js

@@ -1,11 +1,7 @@
 module.exports = {
     stories: [],
     addons: ['@storybook/addon-essentials'],
-    // uncomment the property below if you want to apply some webpack config globally
-    // webpackFinal: async (config, { configType }) => {
-    //   // Make whatever fine-grained changes you need that should apply to all storybook configs
-
-    //   // Return the altered config
-    //   return config;
-    // },
+    framework: '@storybook/angular',
+    staticDirs: [ { from: '../../../demo-shell/src/app.config.json', to: 'app.config.json' } ],
+    core: { builder: 'webpack5' }
 };

.storybook/preview.js

@@ -0,0 +1,4 @@
+export const parameters = {
+    docs: { inlineStories: true },
+    controls: { expanded: true }
+};

.stylelintignore

@@ -1,3 +1,2 @@
 _theming.scss
-lib/core/viewer/components/pdf-viewer-host.component.scss
-lib/dist
+lib/core/src/lib/viewer/components/pdf-viewer-host.component.scss

.travis.yml

@@ -2,7 +2,7 @@ import:
   - source: Alfresco/alfresco-build-tools:.travis.docker_hub_login.yml@v1.1.1
 
 git:
-  depth: 3
+  depth: false
   quiet: true
 
 language: node_js
@@ -22,13 +22,14 @@ env:
 
         - S3_DBP_PATH="s3://alfresco-travis-builds/adf"
         - DEMO_SHELL_DIR="./dist/demo-shell"
-        - BUILT_LIBS_DIR="./lib/dist"
+        - STORYBOOK_DIR="./dist/storybook/stories"
+        - BUILT_LIBS_DIR="./dist/libs"
         - NODE_MODULES_DIR="./node_modules"
         - SMART_RUNNER_DIRECTORY=".protractor-smartrunner"
         #E2E VARIABLES
         - SAVE_SCREENSHOT=true
         - REDIRECT_URI=/
-        - BROWSER_RUN=true
+        - BROWSER_RUN=false
         - MAXINSTANCES=2
         - PROXY_HOST_ECM=$E2E_HOST
         - PROXY_HOST_BPM=$E2E_HOST
@@ -49,9 +50,6 @@ branches:
   - /^develop(-patch.*)?$/
   - master
   - develop
-#remove after upgrade
-  - angular-upgrade-v13
-  - angular-upgrade-v14
   - /.*old-env.*/
   - /.*next-release.*/
   - /.*beta.*/
@@ -59,20 +57,20 @@ branches:
 stages:
   - name: Prerequisite
   - name: Setup
-  - name: "Build lib"
-    if: tag IS blank
-  - name: "Check bundle"
-    if: type = push AND tag IS blank OR (type = cron || type = api)
+  - name: "Build"
+    if: tag IS blank AND (type = pull_request OR type = cron OR type = api)
   - name: "Trigger Alpha ADF child build"
-    if: (branch = develop AND (type = cron || type = api)) OR  commit_message =~ /\[trigger adf\]/
-  - name: "Build Demo shell"
-    if: tag IS blank
+    if: type = cron OR (type = api AND commit_message =~ /\[trigger adf\]/)
+  - name: "Release"
+    if: type = push
   - name: "Unit test Lib"
-    if: type = pull_request || (type = cron || type = api) || branch = "angular-upgrade-v13"
+    if: type = pull_request OR type = cron OR type = api
   - name: "e2e Test"
-    if: type = pull_request || (type = cron || type = api) || branch = "angular-upgrade-v13"
+    if: type = pull_request OR type = cron OR type = api
   - name: "Release tag"
     if: branch =~ /^master(-patch.*)?$/
+  - name: "Check bundle"
+    if: type = push AND tag IS blank OR (type = cron || type = api)
   - name: "Deprecate develop builds"
     if: branch =~ /^master(-patch.*)?$/
 
@@ -105,12 +103,11 @@ jobs:
                 - "$NODE_MODULES_DIR"
             use: node_modules_cache
 
-        # Run Only for any PR
-        - stage: "Build lib"
+        - stage: "Build"
           name:  "Lib::Build"
-          script:
-            - ./scripts/travis/build/build-libs.sh || travis_terminate 1
-            - ./scripts/travis/release/release-npm.sh || travis_terminate 1
+          install: echo "no install"
+          script: $(npm bin)/nx affected:build $NX_CALCULATION_FLAGS --prod --exclude="demoshell"
+
           workspaces:
             create:
               name: built_libs_cache
@@ -119,51 +116,62 @@ jobs:
                 - "$NODE_MODULES_DIR"
             use: node_modules_cache
 
-        - stage: "Build lib"
+        - stage: "Build"
           name: "Lint"
-          script: ./scripts/lint.sh
+          install: echo "no install"
+          script: $(npm bin)/nx affected:lint $NX_CALCULATION_FLAGS --parallel=5
           workspaces:
               use: node_modules_cache
 
-        - stage: "Build Demo shell"
-          name:  "Demo Shell & Storybook :Build && dockerize"
-          before_script:
-            - NODE_OPTIONS="--max-old-space-size=8192" $(npm bin)/nx run cli:build --prod
-            - ./scripts/build/build-cli.sh
-          script:
-              # Build Demo shell & Storybook for production docker"
-              - NODE_OPTIONS=--max_old_space_size=8192 nx build demoshell --configuration production
-              - NODE_OPTIONS=--max_old_space_size=8192 nx run stories:build-storybook --configuration ci --projectBuildConfig=stories:build-storybook
-              - ./scripts/travis/release/release-docker.sh
+        - stage: "Build"
+          name:  "Demo Shell::Build"
+          install: echo "no install"
+          script: $(npm bin)/nx build demoshell --configuration production
           workspaces:
               create:
                   name: built_demo_shell_cache
                   paths:
                       - "$DEMO_SHELL_DIR"
               use:
-                  - built_libs_cache
+                  - node_modules_cache
+
+        - stage: "Build"
+          name:  "Storybook::Build"
+          install: echo "no install"
+          script: $(npm bin)/nx run stories:build-storybook --configuration ci
+          workspaces:
+              create:
+                  name: built_storybook_cache
+                  paths:
+                      - "$STORYBOOK_DIR"
+              use:
+                  - node_modules_cache
 
         - stage: "Unit test Lib"
           name: "content::unit"
-          script:  ./scripts/travis/unit-test/content.sh
+          install: echo "no install"
+          script: $(npm bin)/nx affected:test $NX_CALCULATION_FLAGS --exclude="insights,core,extensions,process-services,process-services-cloud"
           workspaces:
             use: built_libs_cache
 
         - stage: "Unit test Lib"
           name: "core-extension::unit"
-          script: ./scripts/travis/unit-test/core-extension.sh
+          install: echo "no install"
+          script: $(npm bin)/nx affected:test $NX_CALCULATION_FLAGS --exclude="insights,content-services,process-services,process-services-cloud"
           workspaces:
             use: built_libs_cache
 
         - stage: "Unit test Lib"
           name: "process-insights::unit"
-          script: ./scripts/travis/unit-test/process.sh
+          install: echo "no install"
+          script: $(npm bin)/nx affected:test $NX_CALCULATION_FLAGS --exclude="core,extensions,content-services,process-services-cloud"
           workspaces:
             use: built_libs_cache
 
         - stage: "Unit test Lib"
           name: "process-cloud::unit"
-          script: ./scripts/travis/unit-test/process-cloud.sh
+          install: echo "no install"
+          script: $(npm bin)/nx affected:test $NX_CALCULATION_FLAGS --exclude="insights,core,extensions,content-services,process-services"
           workspaces:
             use: built_libs_cache
 
@@ -173,6 +181,37 @@ jobs:
           workspaces:
             use: built_libs_cache
 
+        - stage: "Release"
+          name:  "release libs::npm"
+          install: echo "no install"
+          script:
+            - ./scripts/travis/build/bumpversion.sh || travis_terminate 1
+            - $(npm bin)/nx affected:build $NX_CALCULATION_FLAGS --prod --exclude="demoshell" || travis_terminate 1
+            - $(npm bin)/nx affected $NX_CALCULATION_FLAGS --target=pretheme || travis_terminate 1
+            - ./scripts/travis/release/release-npm.sh || travis_terminate 1
+          workspaces:
+            use: node_modules_cache
+
+        - stage: "Release"
+          name:  "release demoshell::docker"
+          install: echo "no install"
+          script:
+            - $(npm bin)/nx build demoshell --configuration production || travis_terminate 1
+            - . ./scripts/travis/release/docker-tag.sh || travis_terminate 1
+            - ./scripts/travis/release/release-demoshell-docker.sh
+          workspaces:
+            use: node_modules_cache
+
+        - stage: "Release"
+          name:  "release storybook::docker"
+          install: echo "no install"
+          script:
+            - $(npm bin)/nx run stories:build-storybook --configuration ci || travis_terminate 1
+            - . ./scripts/travis/release/docker-tag.sh || travis_terminate 1
+            - ./scripts/travis/release/release-storybook-docker.sh || travis_terminate 1
+          workspaces:
+            use: node_modules_cache
+
         - stage: "Release tag"
           script: ./scripts/travis/release/git-tag.sh
 
@@ -182,7 +221,8 @@ jobs:
               - ./scripts/travis/release/deprecate-develop-build.sh -v ${ADF_VERSION}
 
         - stage: "e2e Test"
-          name: "Process Cloud:playwright"
+          name: "Process Cloud: Storybook Playwright"
+          install: echo "no install"
           before_script: ./scripts/ci/jobs/dbpci-before-playwright
           script: ./scripts/travis/storybook-testing/storybook-test.sh
           workspaces:
@@ -192,11 +232,13 @@ jobs:
 
         - stage: "e2e Test"
           name: "Core"
+          install: echo "no install"
           before_script:
             - ./scripts/ci/job_hooks/before_e2e.sh
             - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
             - ./scripts/ci/check-env/check-ps-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "core"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -213,10 +255,12 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Content: Components"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -233,10 +277,12 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Content: Directives"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -253,10 +299,12 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Content: Document List"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -273,10 +321,12 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Content: Metadata"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -293,10 +343,12 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Content: Upload and Versioning"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services" "browser"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -313,10 +365,12 @@ jobs:
 
         - stage: "e2e Test"
           name:  "Search"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "content-services"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -333,11 +387,13 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process: Form"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-ps-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-external-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -354,11 +410,13 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process: Process"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-ps-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-external-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -375,11 +433,13 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process: Tasks"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-ps-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-external-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -396,11 +456,13 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process: Widgets"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-ps-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-external-cs-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -415,25 +477,15 @@ jobs:
               - PROVIDER="BPM"
               - AUTH_TYPE="OAUTH"
 
-        - stage: "e2e Test"
-          name: "Process Cloud:playwright"
-          before_script:
-              - ./scripts/ci/job_hooks/before_e2e.sh
-              - ./scripts/ci/jobs/dbpci-before-playwright || travis_terminate 1
-              - ./scripts/ci/check-env/check-ps-cloud-env.sh || travis_terminate 1
-          script: ./scripts/travis/storybook-testing/storybook-test.sh
-          workspaces:
-            use:
-              - built_libs_cache
-              - built_demo_shell_cache
-
         - stage: "e2e Test"
           name: "Process Cloud : Form"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-ps-cloud-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services-cloud"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -455,7 +507,8 @@ jobs:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-ps-cloud-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services-cloud"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -473,11 +526,13 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process Cloud : Process"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-ps-cloud-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services-cloud"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -495,11 +550,13 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process Cloud : Start Task"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-ps-cloud-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services-cloud"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -517,11 +574,13 @@ jobs:
 
         - stage: "e2e Test"
           name: "Process Cloud : Tasks List"
+          install: echo "no install"
           before_script:
               - ./scripts/ci/job_hooks/before_e2e.sh
               - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
               - ./scripts/ci/check-env/check-ps-cloud-env.sh || travis_terminate 1
-          script: ./scripts/travis/e2e/e2e.sh
+          script: ./scripts/travis/e2e/e2e.sh "process-services-cloud"
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
           workspaces:
               create:
                   name: e2e_cache
@@ -538,6 +597,7 @@ jobs:
              - PROXY_HOST_BPM=$E2E_HOST_APA
 
         - stage: Check bundle
+          install: echo "no install"
           script:
           - ADF_VERSION=$(npm view @alfresco/adf-core@${TAG_NPM} version)
           - ./scripts/travis/build/npm-check-bundles.sh -v ${ADF_VERSION}

angular.json

@@ -11,7 +11,6 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "aot": true,
             "allowedCommonJsDependencies": [
               "minimatch",
               "minimatch-browser",
@@ -59,12 +58,12 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/dist/core/prebuilt-themes",
+                "input": "dist/libs/core/lib/prebuilt-themes",
                 "output": ""
               },
               {
                 "glob": "**/*",
-                "input": "lib/core/assets",
+                "input": "lib/core/src/lib/assets",
                 "output": "/assets"
               },
               {
@@ -84,7 +83,7 @@
               },
               {
                 "glob": "**/*",
-                "input": "lib/core/i18n",
+                "input": "lib/core/src/lib/i18n",
                 "output": "/assets/adf-core/i18n"
               },
               {
@@ -121,47 +120,47 @@
             "styles": [
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-blue-orange.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-blue-orange.scss",
                 "bundleName": "adf-blue-orange"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-blue-purple.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-blue-purple.scss",
                 "bundleName": "adf-blue-purple"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-cyan-orange.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-cyan-orange.scss",
                 "bundleName": "adf-cyan-orange"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-cyan-purple.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-cyan-purple.scss",
                 "bundleName": "adf-cyan-purple"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-green-orange.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-green-orange.scss",
                 "bundleName": "adf-green-orange"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-green-purple.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-green-purple.scss",
                 "bundleName": "adf-green-purple"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-indigo-pink.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-indigo-pink.scss",
                 "bundleName": "adf-indigo-pink"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-pink-bluegrey.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-pink-bluegrey.scss",
                 "bundleName": "adf-pink-bluegrey"
               },
               {
                 "inject": false,
-                "input": "lib/core/styles/prebuilt/adf-purple-green.scss",
+                "input": "lib/core/src/lib/styles/prebuilt/adf-purple-green.scss",
                 "bundleName": "adf-purple-green"
               },
               "demo-shell/src/assets/fonts/material-icons/material-icons.css",
@@ -247,120 +246,24 @@
             }
           }
         },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "demo-shell/src/test.ts",
-            "karmaConfig": "./demo-shell/karma.conf.js",
-            "polyfills": "demo-shell/src/polyfills.ts",
-            "tsConfig": "demo-shell/src/tsconfig.spec.json",
-            "scripts": [
-              "node_modules/pdfjs-dist/build/pdf.js",
-              "node_modules/pdfjs-dist/web/pdf_viewer.js",
-              "node_modules/raphael/raphael.min.js",
-              "node_modules/moment/min/moment.min.js"
-            ],
-            "styles": [
-              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
-              "demo-shell/src/assets/fonts/muli/muli.css",
-              "demo-shell/src/styles.scss",
-              "demo-shell/src/custom-style-dev.scss"
-            ],
-            "assets": [
-              "demo-shell/src/assets",
-              "demo-shell/src/favicon-96x96.png",
-              "demo-shell/src/app.config.json",
-              {
-                "glob": "**/*",
-                "input": "demo-shell/src/assets",
-                "output": "/assets"
-              },
-              {
-                "glob": "app.config.json",
-                "input": "demo-shell/src",
-                "output": "/"
-              },
-              {
-                "glob": "**/*",
-                "input": "demo-shell/resources",
-                "output": "/resources"
-              },
-              {
-                "glob": "**/*",
-                "input": "demo-shell/src/app/components/lazy-loading/i18n",
-                "output": "/resources/lazy-loading/i18n"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/dist/core/prebuilt-themes",
-                "output": "/assets/prebuilt-themes"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/core/assets",
-                "output": "/assets"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/process-services/src/lib/assets",
-                "output": "/assets"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/process-services-cloud/src/lib/assets",
-                "output": "/assets"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/content-services/src/lib/assets",
-                "output": "/assets"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/core/i18n",
-                "output": "/assets/adf-core/i18n"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/content-services/src/lib/i18n",
-                "output": "/assets/adf-content-services/i18n"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/process-services/src/lib/i18n",
-                "output": "/assets/adf-process-services/i18n"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/process-services-cloud/src/lib/i18n",
-                "output": "/assets/adf-process-services-cloud/i18n"
-              },
-              {
-                "glob": "**/*",
-                "input": "lib/insights/src/lib/i18n",
-                "output": "/assets/adf-insights/i18n"
-              },
-              {
-                "glob": "pdf.worker.min.js",
-                "input": "node_modules/pdfjs-dist/build",
-                "output": "/"
-              },
-              {
-                "glob": "**/*",
-                "input": "/node_modules/ngx-monaco-editor/assets/monaco",
-                "output": "/assets/monaco/"
-              }
-            ]
-          }
-        },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "demo-shell/**/*.ts",
               "demo-shell/**/*.html"
             ]
           }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'demo-shell/**/*.ts'"
+                  }
+              ]
+          }
         }
       }
     },
@@ -394,7 +297,7 @@
     "core": {
       "projectType": "library",
       "root": "lib/core",
-      "sourceRoot": "lib/core",
+      "sourceRoot": "lib/core/src",
       "prefix": "adf",
       "architect": {
         "build": {
@@ -403,6 +306,7 @@
             "tsConfig": "lib/core/tsconfig.lib.json",
             "project": "lib/core/ng-package.json"
           },
+          "dependsOn": ["^build", "license"],
           "configurations": {
             "production": {
               "project": "lib/core/ng-package.json",
@@ -417,7 +321,7 @@
         "test": {
           "builder": "@angular-devkit/build-angular:karma",
           "options": {
-            "main": "lib/core/test.ts",
+            "main": "lib/core/src/test.ts",
             "tsConfig": "lib/core/tsconfig.spec.json",
             "karmaConfig": "lib/core/karma.conf.js",
             "sourceMap": true,
@@ -427,22 +331,34 @@
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/core/**/*.ts",
-              "lib/core/**/*.html"
+              "lib/core/**/*.html",
+              "lib/core/api/**/*.ts",
+              "lib/core/api/**/*.html",
+              "lib/core/auth/**/*.ts",
+              "lib/core/auth/**/*.html",
+              "lib/core/shell/**/*.ts",
+              "lib/core/shell/**/*.html"
             ]
           }
         },
         "storybook": {
-          "builder": "@nrwl/storybook:storybook",
+          "builder": "@storybook/angular:start-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
             "port": 4400,
-            "config": {
-              "configFolder": "lib/core/.storybook"
-            }
+            "browserTarget": "core:storybook",
+            "configDir": "lib/core/.storybook",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
@@ -451,22 +367,65 @@
           }
         },
         "build-storybook": {
-          "builder": "@nrwl/storybook:build",
-          "outputs": [
-            "{options.outputPath}"
-          ],
+          "builder": "@storybook/angular:build-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
-            "outputPath": "dist/storybook/core",
-            "config": {
-              "configFolder": "lib/core/.storybook"
-            }
+            "browserTarget": "core:build-storybook",
+            "configDir": "lib/core/.storybook",
+            "outputDir": "dist/storybook/core",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
               "quiet": true
             }
           }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/core/**/*.ts'"
+                  }
+              ]
+          }
+        },
+        "stylelint": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/stylelint lib/core/**/*.scss --config stylelint-config.json"
+                  }
+              ]
+          }
+        },
+        "license": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/license-checker --production  --failOn 'GPL;GPL-2.0' > licenses.txt"
+                  }
+              ]
+          }
+        },
+        "pretheme": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/webpack -- --config ./lib/config/webpack.style.js --progress --profile --bail && rm ./dist/libs/core/lib/prebuilt-themes/*.js"
+                  }
+              ]
+          }
         }
       }
     },
@@ -499,7 +458,7 @@
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/content-services/**/*.ts",
@@ -508,13 +467,19 @@
           }
         },
         "storybook": {
-          "builder": "@nrwl/storybook:storybook",
+          "builder": "@storybook/angular:start-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
             "port": 4400,
-            "config": {
-              "configFolder": "lib/content-services/.storybook"
-            }
+            "browserTarget": "content-services:storybook",
+            "configDir": "lib/content-services/.storybook",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
@@ -523,22 +488,45 @@
           }
         },
         "build-storybook": {
-          "builder": "@nrwl/storybook:build",
-          "outputs": [
-            "{options.outputPath}"
-          ],
+          "builder": "@storybook/angular:build-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
-            "outputPath": "dist/storybook/content-services",
-            "config": {
-              "configFolder": "lib/content-services/.storybook"
-            }
+            "browserTarget": "content-services:build-storybook",
+            "configDir": "lib/content-services/.storybook",
+            "outputDir": "dist/storybook/content-services",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
               "quiet": true
             }
           }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/content-services/**/*.ts'"
+                  }
+              ]
+          }
+        },
+        "stylelint": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/stylelint lib/content-services/**/*.scss --config stylelint-config.json"
+                  }
+              ]
+          }
         }
       }
     },
@@ -571,13 +559,43 @@
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/process-services/**/*.ts",
               "lib/process-services/**/*.html"
             ]
           }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/process-services/**/*.ts'"
+                  }
+              ]
+          },
+          "stylelint": {
+            "executor": "nx:run-commands",
+                "options": {
+                "commands": [
+                    {
+                        "command": "$(npm bin)/stylelint lib/process-services/**/*.scss --config stylelint-config.json"
+                    }
+                ]
+            }
+          }
+        },
+        "stylelint": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/stylelint lib/process-services-cloud/**/*.scss --config stylelint-config.json"
+                  }
+              ]
+          }
         }
       }
     },
@@ -610,7 +628,7 @@
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/process-services-cloud/**/*.ts",
@@ -619,13 +637,19 @@
           }
         },
         "storybook": {
-          "builder": "@nrwl/storybook:storybook",
+          "builder": "@storybook/angular:start-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
             "port": 4400,
-            "config": {
-              "configFolder": "lib/process-services-cloud/.storybook"
-            }
+            "browserTarget": "process-services-cloud:storybook",
+            "configDir": "lib/process-services-cloud/.storybook",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
@@ -634,22 +658,45 @@
           }
         },
         "build-storybook": {
-          "builder": "@nrwl/storybook:build",
-          "outputs": [
-            "{options.outputPath}"
-          ],
+          "builder": "@storybook/angular:build-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
-            "outputPath": "dist/storybook/process-services-cloud",
-            "config": {
-              "configFolder": "lib/process-services-cloud/.storybook"
-            }
+            "browserTarget": "process-services-cloud:build-storybook",
+            "configDir": "lib/process-services-cloud/.storybook",
+            "outputDir": "dist/storybook/process-services-cloud",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
               "quiet": true
             }
           }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/process-services-cloud/**/*.ts'"
+                  }
+              ]
+          }
+        },
+        "stylelint": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/stylelint lib/process-services-cloud/**/*.scss --config stylelint-config.json"
+                  }
+              ]
+          }
         }
       }
     },
@@ -682,13 +729,33 @@
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/insights/**/*.ts",
               "lib/insights/**/*.html"
             ]
           }
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/insights/**/*.ts'"
+                  }
+              ]
+          }
+        },
+        "stylelint": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/stylelint lib/insights/**/*.scss --config stylelint-config.json"
+                  }
+              ]
+          }
         }
       }
     },
@@ -720,12 +787,23 @@
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/extensions/**/*.ts",
               "lib/extensions/**/*.html"
             ]
+          },
+          "dependsOn": ["spellcheck"]
+        },
+        "spellcheck": {
+          "executor": "nx:run-commands",
+              "options": {
+              "commands": [
+                  {
+                      "command": "$(npm bin)/cspell 'lib/extensions/**/*.ts'"
+                  }
+              ]
           }
         }
       }
@@ -740,7 +818,7 @@
           "builder": "@nrwl/node:webpack",
           "options": {
             "projectRoot": "lib/testing",
-            "outputPath": "lib/dist/testing",
+            "outputPath": "dist/libs/testing",
             "main": "lib/testing/index.ts",
             "generatePackageJson" : true,
             "tsConfig": "lib/testing/tsconfig.lib.prod.json",
@@ -754,7 +832,7 @@
           "configurations": {
             "production": {
               "projectRoot": "lib/testing",
-              "outputPath": "lib/dist/testing",
+              "outputPath": "dist/libs/testing",
               "main": "lib/testing/index.ts",
               "generatePackageJson" : true,
               "tsConfig": "lib/testing/tsconfig.lib.prod.json"
@@ -762,13 +840,42 @@
           }
         },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/testing/**/*.ts",
               "lib/testing/**/*.html"
             ]
           }
+        },
+        "bundle": {
+          "executor": "nx:run-commands",
+          "options": {
+            "commands": [
+              {
+                "command": "echo testing bundle created"
+              }
+            ]
+          },
+          "dependsOn": [
+            "copyToNodeModules"
+          ]
+        },
+        "copyToNodeModules": {
+          "executor": "nx:run-commands",
+          "options": {
+            "commands": [
+              {
+                "command": "rm -rf ./node_modules/@alfresco/adf-testing/ && mkdir -p ./node_modules/@alfresco/adf-testing/ &&  cp -R ./dist/libs/testing/* ./node_modules/@alfresco/adf-testing/"
+              }
+            ]
+          },
+          "dependsOn": [
+            {
+              "projects": "self",
+              "target": "build"
+            }
+          ]
         }
       }
     },
@@ -791,8 +898,37 @@
             }
           }
         },
+        "bundle": {
+          "executor": "nx:run-commands",
+          "options": {
+            "commands": [
+              {
+                "command": "echo cli bundle created"
+              }
+            ]
+          },
+          "dependsOn": [
+            "copyToNodeModules"
+          ]
+        },
+        "copyToNodeModules": {
+          "executor": "nx:run-commands",
+          "options": {
+            "commands": [
+              {
+                "command": "rm -rf ./node_modules/@alfresco/adf-cli/ && mkdir -p ./node_modules/@alfresco/adf-cli/ && cp -R ./dist/libs/cli/* ./node_modules/@alfresco/adf-cli/"
+              }
+            ]
+          },
+          "dependsOn": [
+            {
+              "projects": "self",
+              "target": "build"
+            }
+          ]
+        },
         "lint": {
-          "builder": "@angular-eslint/builder:lint",
+          "builder": "@nrwl/linter:eslint",
           "options": {
             "lintFilePatterns": [
               "lib/cli/**/*.ts",
@@ -808,13 +944,19 @@
       "projectType": "library",
       "architect": {
         "storybook": {
-          "builder": "@nrwl/storybook:storybook",
+          "builder": "@storybook/angular:start-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
             "port": 4400,
-            "config": {
-              "configFolder": "lib/stories/.storybook"
-            }
+            "browserTarget": "stories:storybook",
+            "configDir": "lib/stories/.storybook",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {
@@ -823,16 +965,19 @@
           }
         },
         "build-storybook": {
-          "builder": "@nrwl/storybook:build",
-          "outputs": [
-            "{options.outputPath}"
-          ],
+          "builder": "@storybook/angular:build-storybook",
           "options": {
-            "uiFramework": "@storybook/angular",
-            "outputPath": "dist/storybook/stories",
-            "config": {
-              "configFolder": "lib/stories/.storybook"
-            }
+            "browserTarget": "stories:build-storybook",
+            "configDir": "lib/stories/.storybook",
+            "outputDir": "dist/storybook/stories",
+            "compodoc": false,
+            "styles": [
+              "demo-shell/src/assets/fonts/material-icons/material-icons.css",
+              "demo-shell/src/assets/fonts/muli/muli.css",
+              "demo-shell/src/styles.scss",
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
+            ]
           },
           "configurations": {
             "ci": {

cspell.json

@@ -132,7 +132,8 @@
     "webm",
     "webscript",
     "Whitespaces",
-    "xdescribe"
+    "xdescribe",
+    "xsrf"
   ],
   "dictionaries": [
     "html",

demo-shell/package.json

@@ -1,7 +1,7 @@
 {
   "name": "Alfresco-ADF-Angular-Demo",
   "description": "Demo shell for Alfresco Angular components",
-  "version": "5.0.0-angular.13.2",
+  "version": "5.1.0",
   "author": "Alfresco Software, Ltd.",
   "repository": {
     "type": "git",

demo-shell/proxy-helpers.js

@@ -61,5 +61,16 @@ module.exports = {
                 changeOrigin: true,
             },
         }
+    },
+    getIdentityAdapterServiceProxy: function(host) {
+        console.log('Target for /identity-adapter-service', host);
+        return {
+            '/identity-adapter-service': {
+                target: host,
+                secure: false,
+                logLevel: 'debug',
+                changeOrigin: true,
+            },
+        }
     }
 };

demo-shell/proxy.conf.js

@@ -1,6 +1,6 @@
 require('dotenv').config();
 
-const { getDeployedAppsProxy, getShareProxy, getApsProxy } = require('./proxy-helpers');
+const { getDeployedAppsProxy, getShareProxy, getApsProxy, getIdentityAdapterServiceProxy } = require('./proxy-helpers');
 
 const legacyHost = process.env.PROXY_HOST_ADF;
 const cloudHost = process.env.CLOUD_PROXY_HOST_ADF || process.env.PROXY_HOST_ADF;
@@ -10,5 +10,6 @@ const apsHost = process.env.PROXY_HOST_ADF;
 module.exports = {
     ...getShareProxy(legacyHost),
     ...getApsProxy(apsHost),
-    ...getDeployedAppsProxy(cloudHost, cloudApps)
+    ...getDeployedAppsProxy(cloudHost, cloudApps),
+    ...getIdentityAdapterServiceProxy(cloudHost)
 };

demo-shell/resources/i18n/ar.json

@@ -58,9 +58,9 @@
   },
   "APP_LAYOUT": {
     "APP": "تطبيق",
-    "HEADER_TEXT_COLOR": "لون نص العنوان",
+    "HEADER_TEXT_COLOR": "لون نص الرأس",
     "APP_NAME": "تطبيق ADF التوضيحي",
-    "FILTERED_SEARCH": "عنوان عامل التصفية",
+    "FILTERED_SEARCH": "رأس عامل التصفية",
     "HOME": "رئيسية",
     "NODE-SELECTOR": "محدد العقدة",
     "SITES": "المواقع",
@@ -96,13 +96,13 @@
     "WORD_TO_SEARCH": "بحث عن كلمة",
     "SEARCH_CREATED_BY": "تم الإنشاء بواسطة",
     "SEARCH_SERVICE_APPROACH": "حدد هذا لتعطيل خاصية الإدخال والتكوين باستخدام الخدمة",
-    "HEADER_DATA": "بيانات العنوان",
+    "HEADER_DATA": "بيانات الرأس",
     "TREE_VIEW": "طريقة عرض الشجرة",
     "EXPAND_LIST": "قائمة العناصر القابلة للتوسيع",
     "ICONS": "أيقونات",
     "PEOPLE_GROUPS_CLOUD": "سحابة الأشخاص/المجموعة",
     "TASK_HEADER_CLOUD": {
-      "COMPONENT_NAME": "عنوان مهمة السحابة",
+      "COMPONENT_NAME": "رأس مهمة السحابة",
       "APP_NAME_INPUT": "اسم التطبيق",
       "TASK_ID_INPUT": "معرف المهمة",
       "FIND_TASK_BUTTON": "بحث عن المهمة"
@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "مكون سحابة المجموعة",
     "CONFIRM-DIALOG": "مربع حوار التأكيد",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "قائمة مهام الخدمات"
+    "SERVICE_TASK_LIST": "قائمة مهام الخدمات",
+    "RICH_TEXT_EDITOR": "افتح محرر النص المنسق"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "استبدال أعمدة",
     "LOAD_NODE": "تحميل عقدة",
     "MULTISELECT": "تحديد متعدد",
-    "MULTISELECT_DESCRIPTION": "استخدام Cmd (Mac) أو Ctrl (Windows) لتبديل تحديد العناصر المتعددة"
+    "MULTISELECT_DESCRIPTION": "استخدام Cmd (Mac) أو Ctrl (Windows) لتبديل تحديد العناصر المتعددة",
+    "USE_CUSTOM_COLUMN_HEADER": "استخدم نموذج مخصص للرأس 'المستخدم'",
+    "CUSTOM_COLUMN_HEADER": "قالب رأس المستخدم المخصص"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "لم يتم تحديد تقرير. اختر تقريرًا من القائمة"
@@ -210,7 +213,7 @@
     "START-PROCESS": "بدء العملية",
     "PROCESS-AUDIT-LOG": "سجل تدقيق العملية",
     "TASK-AUDIT-LOG": "سجل تدقيق المهمة",
-    "TASK-SHOW-HEADER": "إظهار تفاصيل العنوان"
+    "TASK-SHOW-HEADER": "إظهار تفاصيل الرأس"
   },
   "PS_CLOUD_TAB": {
     "APPS_TAB": "تطبيق",
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "كل المجموعات المحددة مسبقًا",
     "INVALID_USERS": "المستخدمون غير الصالحين",
     "INVALID_GROUPS": "مجموعات غير صالحة",
-    "READONLY_MODE": "وضع القراءة فقط"
+    "READONLY_MODE": "وضع القراءة فقط",
+    "GROUPS_RESTRICTION": "قيود المجموعات"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "تحديد متعدد",

demo-shell/resources/i18n/cs.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Součást cloudu skupin",
     "CONFIRM-DIALOG": "Dialogové okno s potvrzením",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Seznam úloh služby"
+    "SERVICE_TASK_LIST": "Seznam úloh služby",
+    "RICH_TEXT_EDITOR": "Rich Text Editor"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Nahradit sloupce",
     "LOAD_NODE": "Načíst uzel",
     "MULTISELECT": "Hromadný výběr",
-    "MULTISELECT_DESCRIPTION": "Pomocí klávesy Ctrl (Windows) nebo Cmd (Mac) můžete přepínat výběr více položek"
+    "MULTISELECT_DESCRIPTION": "Pomocí klávesy Ctrl (Windows) nebo Cmd (Mac) můžete přepínat výběr více položek",
+    "USE_CUSTOM_COLUMN_HEADER": "Použít vlastní šablonu pro záhlaví ,Uživatel‘",
+    "CUSTOM_COLUMN_HEADER": "Vlastní šablona záhlaví Uživatel"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Nebyly zvoleny žádné zprávy. Vyberte zprávu ze seznamu"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Všechny předvolené skupiny",
     "INVALID_USERS": "Neplatní uživatelé",
     "INVALID_GROUPS": "Neplatné skupiny",
-    "READONLY_MODE": "Režim jen pro čtení"
+    "READONLY_MODE": "Režim jen pro čtení",
+    "GROUPS_RESTRICTION": "Omezení skupin"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Hromadný výběr",

demo-shell/resources/i18n/da.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Gruppecloudkomponent",
     "CONFIRM-DIALOG": "Bekræftelsesdialogboks",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Opgaveliste for tjeneste"
+    "SERVICE_TASK_LIST": "Opgaveliste for tjeneste",
+    "RICH_TEXT_EDITOR": "Rich Text Editor"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Erstat kolonner",
     "LOAD_NODE": "Indlæs node",
     "MULTISELECT": "Vælg flere",
-    "MULTISELECT_DESCRIPTION": "Brug Kommando (Mac) eller Ctrl (Windows) for at vælge flere elementer"
+    "MULTISELECT_DESCRIPTION": "Brug Kommando (Mac) eller Ctrl (Windows) for at vælge flere elementer",
+    "USE_CUSTOM_COLUMN_HEADER": "Brug tilpasset skabelon til overskrift 'Bruger'",
+    "CUSTOM_COLUMN_HEADER": "Tilpasset brugeroverskriftskabelon"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Du skal vælge en rapport på listen til venstre"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Alle forudvalgte grupper",
     "INVALID_USERS": "Ugyldige brugere",
     "INVALID_GROUPS": "Ugyldige grupper",
-    "READONLY_MODE": "Skrivebeskyttet tilstand"
+    "READONLY_MODE": "Skrivebeskyttet tilstand",
+    "GROUPS_RESTRICTION": "Gruppebegrænsning"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multivalg",

demo-shell/resources/i18n/de.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Gruppen-Cloud-Komponente",
     "CONFIRM-DIALOG": "Bestätigungsdialog",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Service-Aufgabenliste"
+    "SERVICE_TASK_LIST": "Service-Aufgabenliste",
+    "RICH_TEXT_EDITOR": "Rich-Text-Editor"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Spalten ersetzen",
     "LOAD_NODE": "Node laden",
     "MULTISELECT": "Mehrfachauswahl",
-    "MULTISELECT_DESCRIPTION": "Mit der Befehls- (Mac) oder der Steuerungstaste (Windows) können Sie die Auswahl mehrerer Elemente umschalten"
+    "MULTISELECT_DESCRIPTION": "Mit der Befehls- (Mac) oder der Steuerungstaste (Windows) können Sie die Auswahl mehrerer Elemente umschalten",
+    "USE_CUSTOM_COLUMN_HEADER": "Benutzerdefinierte Vorlage für 'Benutzer'-Kopfzeile verwenden",
+    "CUSTOM_COLUMN_HEADER": "Benutzerdefinierte Vorlage für Benutzer-Kopfzeile"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Kein Bericht ausgewählt. Wählen Sie einen Bericht aus der Liste"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Alle vorausgewählten Gruppen",
     "INVALID_USERS": "Unzulässige Benutzer",
     "INVALID_GROUPS": "Unzulässige Gruppen",
-    "READONLY_MODE": "Schreibgeschützter Modus"
+    "READONLY_MODE": "Schreibgeschützter Modus",
+    "GROUPS_RESTRICTION": "Gruppenbeschränkung"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Mehrfachauswahl",

demo-shell/resources/i18n/en.json

@@ -358,5 +358,12 @@
       "ACTION_TYPE": "Action Type"
     }
   },
-  "DEFAULT_SEARCH": "Default"
+  "BREADCRUMB_DEMO": {
+    "NEW_FOLDER_LABEL": "Create a new folder button",
+    "EDIT_NODE_LABEL": "Edit node button",
+    "DELETE_NODE_LABEL": "Delete node icon button"
+  },
+  "DEFAULT_SEARCH": "Default",
+  "OPEN_DIALOG": "Open dialog",
+  "SHOW_LIST_LABEL": "Click to show the list"
 }

demo-shell/resources/i18n/es.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Componente en la nube de grupos",
     "CONFIRM-DIALOG": "Cuadro de diálogo de confirmación",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Lista de tareas de servicio"
+    "SERVICE_TASK_LIST": "Lista de tareas de servicio",
+    "RICH_TEXT_EDITOR": "Abrir el editor de texto enriquecido"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Sustituir columnas",
     "LOAD_NODE": "Cargar nodo",
     "MULTISELECT": "Selección múltiple",
-    "MULTISELECT_DESCRIPTION": "Utilice Cmd (Mac) o Ctrl (Windows) para cambiar la selección de varios elementos"
+    "MULTISELECT_DESCRIPTION": "Utilice Cmd (Mac) o Ctrl (Windows) para cambiar la selección de varios elementos",
+    "USE_CUSTOM_COLUMN_HEADER": "Utilizar una plantilla personalizada para el encabezado 'Usuario'",
+    "CUSTOM_COLUMN_HEADER": "Plantilla de encabezado de usuario personalizado"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "No se ha seleccionado ningún informe. Elija un informe de la lista."
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Todos los grupos preseleccionados",
     "INVALID_USERS": "Usuarios no válidos",
     "INVALID_GROUPS": "Grupos no válidos",
-    "READONLY_MODE": "Modo de solo lectura"
+    "READONLY_MODE": "Modo de solo lectura",
+    "GROUPS_RESTRICTION": "Restricción de grupos"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Selección múltiple",

demo-shell/resources/i18n/fi.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Ryhmäpilvi-komponentti",
     "CONFIRM-DIALOG": "Vahvistusvalintaikkuna",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Palvelutehtäväluettelo"
+    "SERVICE_TASK_LIST": "Palvelutehtäväluettelo",
+    "RICH_TEXT_EDITOR": "RTF-editori"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Korvaa sarakkeita",
     "LOAD_NODE": "Lataa solmu",
     "MULTISELECT": "Monivalinta",
-    "MULTISELECT_DESCRIPTION": "Voit valita useita kohteita Cmd- (Mac) tai Ctrl-näppäimen (Windows) avulla"
+    "MULTISELECT_DESCRIPTION": "Voit valita useita kohteita Cmd- (Mac) tai Ctrl-näppäimen (Windows) avulla",
+    "USE_CUSTOM_COLUMN_HEADER": "Käytä mukautettua mallia \"Käyttäjä\"-otsikolle",
+    "CUSTOM_COLUMN_HEADER": "Mukautettu käyttäjäotsikon malli"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Yhtään raporttia ei ole valittuna. Valitse raportti luettelosta."
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Kaikki esivalitut ryhmät",
     "INVALID_USERS": "Kelpaamattomat käyttäjät",
     "INVALID_GROUPS": "Kelpaamattomat ryhmät",
-    "READONLY_MODE": "Vain luku -tila"
+    "READONLY_MODE": "Vain luku -tila",
+    "GROUPS_RESTRICTION": "Ryhmärajoitus"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Monivalinta",

demo-shell/resources/i18n/fr.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Composant cloud des groupes",
     "CONFIRM-DIALOG": "Boîte de dialogue de confirmation",
     "COMMUNITY": "Communauté",
-    "SERVICE_TASK_LIST": "Liste des tâches de service"
+    "SERVICE_TASK_LIST": "Liste des tâches de service",
+    "RICH_TEXT_EDITOR": "Editeur de texte enrichi"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Remplacer les colonnes",
     "LOAD_NODE": "Charger le nœud",
     "MULTISELECT": "Sélection multiple",
-    "MULTISELECT_DESCRIPTION": "Utiliser Cmd (Mac) ou Ctrl (Windows) pour activer/désactiver la sélection d'éléments multiples"
+    "MULTISELECT_DESCRIPTION": "Utiliser Cmd (Mac) ou Ctrl (Windows) pour activer/désactiver la sélection d'éléments multiples",
+    "USE_CUSTOM_COLUMN_HEADER": "Utiliser un modèle personnalisé pour l'en-tête 'Utilisateur'",
+    "CUSTOM_COLUMN_HEADER": "Modèle d'en-tête Utilisateur personnalisé"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Aucun rapport sélectionné. Choisissez un rapport dans la liste"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Tous les groupes présélectionnés",
     "INVALID_USERS": "Utilisateurs non valides",
     "INVALID_GROUPS": "Groupes non valides",
-    "READONLY_MODE": "Mode lecture seule"
+    "READONLY_MODE": "Mode lecture seule",
+    "GROUPS_RESTRICTION": "Restriction de groupes"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multisélection",

demo-shell/resources/i18n/it.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Componente Cloud gruppi",
     "CONFIRM-DIALOG": "Finestra di conferma",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Elenco compiti servizio"
+    "SERVICE_TASK_LIST": "Elenco compiti servizio",
+    "RICH_TEXT_EDITOR": "Editor di testo RTF"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Sostituisci colonne",
     "LOAD_NODE": "Carica nodo",
     "MULTISELECT": "Selezione multipla",
-    "MULTISELECT_DESCRIPTION": "Usa Cmd (Mac) o Ctrl (Windows) per attivare/disattivare la selezione di più elementi"
+    "MULTISELECT_DESCRIPTION": "Usa Cmd (Mac) o Ctrl (Windows) per attivare/disattivare la selezione di più elementi",
+    "USE_CUSTOM_COLUMN_HEADER": "Usa il modello personalizzato per l'intestazione \"Utente\"",
+    "CUSTOM_COLUMN_HEADER": "Modello personalizzato per intestazione Utente"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Nessun rapporto selezionato. Scegliere un rapporto dall'elenco"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Tutti i gruppi preselezionati",
     "INVALID_USERS": "Utenti non validi",
     "INVALID_GROUPS": "Gruppi non validi",
-    "READONLY_MODE": "Modalità sola lettura"
+    "READONLY_MODE": "Modalità sola lettura",
+    "GROUPS_RESTRICTION": "Limitazione gruppi"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Selezione multipla",

demo-shell/resources/i18n/ja.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "グループのクラウドコンポーネント",
     "CONFIRM-DIALOG": "確認ダイアログ",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "サービスタスクリスト"
+    "SERVICE_TASK_LIST": "サービスタスクリスト",
+    "RICH_TEXT_EDITOR": "リッチテキストエディタ"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "列の置換",
     "LOAD_NODE": "ノードの読み込み",
     "MULTISELECT": "複数選択",
-    "MULTISELECT_DESCRIPTION": "複数選択の切り替えを行うには、Cmd (Mac) キーまたは Ctrl (Windows) キーを押します"
+    "MULTISELECT_DESCRIPTION": "複数選択の切り替えを行うには、Cmd (Mac) キーまたは Ctrl (Windows) キーを押します",
+    "USE_CUSTOM_COLUMN_HEADER": "「ユーザー」ヘッダーにカスタムテンプレートを使用",
+    "CUSTOM_COLUMN_HEADER": "カスタムユーザーヘッダーテンプレート"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "レポートが選択されていません。リストからレポートを選択してください。"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "選択されている全グループ",
     "INVALID_USERS": "無効なユーザー",
     "INVALID_GROUPS": "無効なグループ",
-    "READONLY_MODE": "読み取り専用モード"
+    "READONLY_MODE": "読み取り専用モード",
+    "GROUPS_RESTRICTION": "グループ制限"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "複数選択",

demo-shell/resources/i18n/nb.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Gruppesky-kompontent",
     "CONFIRM-DIALOG": "Bekreftelsesdialog",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Serviceoppgaveliste"
+    "SERVICE_TASK_LIST": "Serviceoppgaveliste",
+    "RICH_TEXT_EDITOR": "Åpne rik teksteditor"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "erstatt kolonner",
     "LOAD_NODE": "Last node",
     "MULTISELECT": "Multivalg",
-    "MULTISELECT_DESCRIPTION": "Bruk Cmd (Mac) eller Ctrl (Windows) for å veksle mellom valg av flere elementer"
+    "MULTISELECT_DESCRIPTION": "Bruk Cmd (Mac) eller Ctrl (Windows) for å veksle mellom valg av flere elementer",
+    "USE_CUSTOM_COLUMN_HEADER": "Bruk egendefinert mal for toppteksten 'bruker'",
+    "CUSTOM_COLUMN_HEADER": "Egendefinert topptekst for bruker"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Ingen rapport valgt. Velg en rapport fra listen"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Alle forhåndsvalgte grupper",
     "INVALID_USERS": "Ugyldige brukere",
     "INVALID_GROUPS": "Ugyldige grupper",
-    "READONLY_MODE": "Skrivebeskyttet modus"
+    "READONLY_MODE": "Skrivebeskyttet modus",
+    "GROUPS_RESTRICTION": "Gruppebegrensning"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Flervalg",

demo-shell/resources/i18n/nl.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Component Groepencloud",
     "CONFIRM-DIALOG": "Bevestigingsdialoogvenster",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Lijst met servicetaken"
+    "SERVICE_TASK_LIST": "Lijst met servicetaken",
+    "RICH_TEXT_EDITOR": "RTF-editor"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Kolommen vervangen",
     "LOAD_NODE": "Node laden",
     "MULTISELECT": "Multiselect",
-    "MULTISELECT_DESCRIPTION": "Cmd (Mac) of Ctrl (Windows) gebruiken om de selectie van meerdere items in of uit te schakelen"
+    "MULTISELECT_DESCRIPTION": "Cmd (Mac) of Ctrl (Windows) gebruiken om de selectie van meerdere items in of uit te schakelen",
+    "USE_CUSTOM_COLUMN_HEADER": "Aangepaste sjabloon voor 'User'-koptekst gebruiken",
+    "CUSTOM_COLUMN_HEADER": "Aangepaste sjabloon voor User-koptekst"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Geen rapport geselecteerd. Kies een rapport uit de lijst"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Alle voorgeselecteerde groepen",
     "INVALID_USERS": "Ongeldige gebruikers",
     "INVALID_GROUPS": "Ongeldige groepen",
-    "READONLY_MODE": "Alleen-lezenmodus"
+    "READONLY_MODE": "Alleen-lezenmodus",
+    "GROUPS_RESTRICTION": "Groepenbeperking"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Multiselectie",
@@ -350,7 +354,7 @@
       "TITLE": "Titel",
       "ICON": "Pictogram",
       "TASK_ID": "Taak-id",
-      "PROCESS_ID": "Procesinstantie-id",
+      "PROCESS_ID": "Procesinstance-id",
       "ACTION_TYPE": "Actietype"
     }
   },

demo-shell/resources/i18n/pl.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Składnik Chmura dla grup",
     "CONFIRM-DIALOG": "Okno dialogowe potwierdzenia",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Lista zadań serwisowych"
+    "SERVICE_TASK_LIST": "Lista zadań serwisowych",
+    "RICH_TEXT_EDITOR": "Edytor tekstu sformatowanego"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Zastąp kolumny",
     "LOAD_NODE": "Wczytaj węzeł",
     "MULTISELECT": "Wybór wielokrotny",
-    "MULTISELECT_DESCRIPTION": "Używaj klawiszy Cmd (system Mac) lub Ctrl (system Windows), aby przełączać wybieranie wielu elementów."
+    "MULTISELECT_DESCRIPTION": "Używaj klawiszy Cmd (system Mac) lub Ctrl (system Windows), aby przełączać wybieranie wielu elementów.",
+    "USE_CUSTOM_COLUMN_HEADER": "Użyj szablonu niestandardowego dla nagłówka 'Użytkownik'",
+    "CUSTOM_COLUMN_HEADER": "Szablon niestandardowy nagłówka Użytkownik"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Nie wybrano raportu. Wybierz raport z listy."
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Wszystkie wstępnie wybrane grupy",
     "INVALID_USERS": "Nieprawidłowi użytkownicy",
     "INVALID_GROUPS": "Nieprawidłowe grupy",
-    "READONLY_MODE": "Tryb tylko do odczytu"
+    "READONLY_MODE": "Tryb tylko do odczytu",
+    "GROUPS_RESTRICTION": "Ograniczenie grup"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Wybór wielokrotny",

demo-shell/resources/i18n/pt-BR.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Componente da Nuvem de Grupos",
     "CONFIRM-DIALOG": "Caixa de diálogo de confirmação",
     "COMMUNITY": "Comunidade",
-    "SERVICE_TASK_LIST": "Lista de tarefas de serviços"
+    "SERVICE_TASK_LIST": "Lista de tarefas de serviços",
+    "RICH_TEXT_EDITOR": "Editor de RTF"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -157,9 +158,9 @@
     "TOOLBAR": {
       "CARDVIEW": "Modo de visualização de cartão",
       "SHARE_EDIT": "Editar configurações",
-      "NEW_FOLDER": "Nova Pasta",
+      "NEW_FOLDER": "Nova pasta",
       "EDIT_FOLDER": "Editar pasta",
-      "DOWNLOAD": "Descarregar",
+      "DOWNLOAD": "Baixar",
       "DELETE": "Excluir",
       "FAVORITES": "Adicionar aos favoritos",
       "SHARE": "Compartilhar",
@@ -174,7 +175,7 @@
       "ASPECTS": "Atualizar aspectos",
       "LOCK": "Bloqueio",
       "METADATA": "Informações",
-      "DOWNLOAD": "Descarregar",
+      "DOWNLOAD": "Baixar",
       "PERMISSION": "Permissão",
       "FOLDER": {
         "COPY": "Copiar",
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Substituir colunas",
     "LOAD_NODE": "Carregar Nó",
     "MULTISELECT": "Seleção Múltipla",
-    "MULTISELECT_DESCRIPTION": "Use Cmd (Mac) ou Ctrl (Windows) para alternar a seleção de vários itens"
+    "MULTISELECT_DESCRIPTION": "Use Cmd (Mac) ou Ctrl (Windows) para alternar a seleção de vários itens",
+    "USE_CUSTOM_COLUMN_HEADER": "Usar modelo personalizado para o cabeçalho 'Usuário'",
+    "CUSTOM_COLUMN_HEADER": "Modelo personalizado do cabeçalho Usuário"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Nenhum relatório selecionado. Escolha um relatório na lista"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Todos os grupos pré-selecionados",
     "INVALID_USERS": "Usuários inválidos",
     "INVALID_GROUPS": "Grupos inválidos",
-    "READONLY_MODE": "Modo somente leitura"
+    "READONLY_MODE": "Modo somente leitura",
+    "GROUPS_RESTRICTION": "Restrição de grupos"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Seleção Múltipla",

demo-shell/resources/i18n/ru.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Компонент облака «Группы»",
     "CONFIRM-DIALOG": "Диалоговое окно подтверждения",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Список сервисных задач"
+    "SERVICE_TASK_LIST": "Список сервисных задач",
+    "RICH_TEXT_EDITOR": "Редактор форматированного текста"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Заменить столбцы",
     "LOAD_NODE": "Загрузить узел",
     "MULTISELECT": "Выбор нескольких вариантов",
-    "MULTISELECT_DESCRIPTION": "Использовать кнопку Cmd (Mac) или Ctrl (Windows) для переключения выбора нескольких элементов"
+    "MULTISELECT_DESCRIPTION": "Использовать кнопку Cmd (Mac) или Ctrl (Windows) для переключения выбора нескольких элементов",
+    "USE_CUSTOM_COLUMN_HEADER": "Использовать пользовательский шаблон для заголовка «Пользователь»",
+    "CUSTOM_COLUMN_HEADER": "Пользовательский шаблон заголовка пользователя"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Отчет не выбран. Выберите отчет из списка"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Все заранее заданные группы",
     "INVALID_USERS": "Недействительные пользователи",
     "INVALID_GROUPS": "Недействительные группы",
-    "READONLY_MODE": "Режим только для чтения"
+    "READONLY_MODE": "Режим только для чтения",
+    "GROUPS_RESTRICTION": "Ограничение для групп"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Выбор нескольких",

demo-shell/resources/i18n/sv.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "Grupper moln-komponent",
     "CONFIRM-DIALOG": "Dialogruta för bekräftelse",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "Serviceuppgiftslista"
+    "SERVICE_TASK_LIST": "Serviceuppgiftslista",
+    "RICH_TEXT_EDITOR": "RT-redigerare"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "Ersätt kolumner",
     "LOAD_NODE": "Läs in nod",
     "MULTISELECT": "Flerval",
-    "MULTISELECT_DESCRIPTION": "Använd Cmd (Mac) eller Ctrl (Windows) för att växla val av flera objekt"
+    "MULTISELECT_DESCRIPTION": "Använd Cmd (Mac) eller Ctrl (Windows) för att växla val av flera objekt",
+    "USE_CUSTOM_COLUMN_HEADER": "Använd anpassad mall för \"Användare\"-rubrik",
+    "CUSTOM_COLUMN_HEADER": "Anpassad användarhuvudmall"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "Ingen rapport vald. Välj en rapport från listan"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "Alla förvalda grupper",
     "INVALID_USERS": "Ogiltiga användare",
     "INVALID_GROUPS": "Ogiltiga grupper",
-    "READONLY_MODE": "Skrivskyddat läge"
+    "READONLY_MODE": "Skrivskyddat läge",
+    "GROUPS_RESTRICTION": "Gruppbegränsning"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "Flerval",

demo-shell/resources/i18n/zh-CN.json

@@ -111,7 +111,8 @@
     "GROUPS_CLOUD": "组云组件",
     "CONFIRM-DIALOG": "确认对话",
     "COMMUNITY": "Community",
-    "SERVICE_TASK_LIST": "服务任务列表"
+    "SERVICE_TASK_LIST": "服务任务列表",
+    "RICH_TEXT_EDITOR": "RTF 编辑器"
   },
   "TRASHCAN": {
     "ACTIONS": {
@@ -150,7 +151,7 @@
       "CREATED_BY": "创建者",
       "CREATED_ON": "创建日期",
       "CREATED": "已创建",
-      "SIZE": "字号(&S)",
+      "SIZE": "尺寸",
       "DELETED_ON": "已删除",
       "DELETED_BY": "删除人"
     },
@@ -196,7 +197,9 @@
     "REPLACE_COLUMNS": "替换列",
     "LOAD_NODE": "加载节点",
     "MULTISELECT": "多选",
-    "MULTISELECT_DESCRIPTION": "使用 Cmd (Mac) 或 Ctrl (Windows) 切换多个项目的选择"
+    "MULTISELECT_DESCRIPTION": "使用 Cmd (Mac) 或 Ctrl (Windows) 切换多个项目的选择",
+    "USE_CUSTOM_COLUMN_HEADER": "为“用户”标题使用自定义模板",
+    "CUSTOM_COLUMN_HEADER": "自定义用户标题模板"
   },
   "ANALYTICS_REPORT": {
     "NO_REPORT_MESSAGE": "未选择报告，请从列表中选择报告"
@@ -330,7 +333,8 @@
     "ALL_PRESELECTED_GROUPS": "所有预选组",
     "INVALID_USERS": "无效用户",
     "INVALID_GROUPS": "无效组",
-    "READONLY_MODE": "只读模式"
+    "READONLY_MODE": "只读模式",
+    "GROUPS_RESTRICTION": "组限制"
   },
   "SETTINGS_CLOUD": {
     "MULTISELECTION": "多重选择",

demo-shell/src/app.config.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "../../lib/core/app-config/schema.json",
+  "$schema": "../../lib/core/src/lib/app-config/schema.json",
   "ecmHost": "{protocol}//{hostname}{:port}",
   "bpmHost": "{protocol}//{hostname}{:port}",
   "identityHost": "{protocol}//{hostname}{:port}/auth/admin/realms/alfresco",

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

@@ -1,4 +1,34 @@
 <mat-slide-toggle [(ngModel)]="dev">{{'APP.ABOUT.DEVELOPMENT' | translate }}</mat-slide-toggle>
 
-<adf-about [dev]="dev" [pkg]="pkg"> </adf-about>
+<adf-about>
+    <adf-about-panel *ngIf="dev" [label]="'ABOUT.SERVER_SETTINGS.TITLE' | translate">
+        <ng-template>
+            <adf-about-server-settings></adf-about-server-settings>
+        </ng-template>
+    </adf-about-panel>
+
+    <adf-about-panel *ngIf="dev" [label]="'ABOUT.PACKAGES.TITLE' | translate">
+        <ng-template>
+            <adf-about-package-list [dependencies]="pkg?.dependencies"></adf-about-package-list>
+        </ng-template>
+    </adf-about-panel>
+
+    <adf-about-panel [label]="'ABOUT.REPOSITORY' | translate" *ngIf="repository">
+        <ng-template>
+            <adf-about-repository-info [data]="repository"></adf-about-repository-info>
+        </ng-template>
+    </adf-about-panel>
+
+    <adf-about-panel [label]="'ABOUT.VERSIONS.TITLE' | translate">
+        <ng-template>
+            <adf-about-platform-version [repository]="repository" [process]="bpmVersion"></adf-about-platform-version>
+        </ng-template>
+    </adf-about-panel>
+
+    <adf-about-panel *ngIf="extensions$ | async as extensions" [label]="'ABOUT.PLUGINS.TITLE' | translate">
+        <ng-template>
+            <adf-about-extension-list [data]="extensions"></adf-about-extension-list>
+        </ng-template>
+    </adf-about-panel>
+</adf-about>
 

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

@@ -1,3 +0,0 @@
-.adf-extension-details-container {
-    padding: 4px;
-}

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

@@ -15,20 +15,52 @@
  * limitations under the License.
  */
 
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
+import { AppExtensionService, ExtensionRef } from '@alfresco/adf-extensions';
+import { AuthenticationService, BpmProductVersionModel, DiscoveryApiService, RepositoryInfo } from '@alfresco/adf-core';
 import pkg from '../../../../../package.json';
+import { Observable } from 'rxjs';
 
 @Component({
     selector: 'app-about-page',
-    templateUrl: './about.component.html',
-    styleUrls: ['./about.component.scss']
+    templateUrl: './about.component.html'
 })
-export class AboutComponent {
+export class AboutComponent implements OnInit {
     pkg: any;
     dev: true;
 
-    constructor() {
+    extensions$: Observable<ExtensionRef[]>;
+    repository: RepositoryInfo = null;
+    bpmVersion: BpmProductVersionModel = null;
+
+    constructor(
+        private authService: AuthenticationService,
+        private appExtensions: AppExtensionService,
+        private discovery: DiscoveryApiService
+    ) {
         this.pkg = pkg;
+        this.extensions$ = this.appExtensions.references$;
     }
 
+    ngOnInit(): void {
+        if (this.authService.isEcmLoggedIn()) {
+            this.setECMInfo();
+        }
+
+        if (this.authService.isBpmLoggedIn()) {
+            this.setBPMInfo();
+        }
+    }
+
+    setECMInfo() {
+        this.discovery.getEcmProductInfo().subscribe((repository) => {
+            this.repository = repository as RepositoryInfo;
+        });
+    }
+
+    setBPMInfo() {
+        this.discovery.getBpmProductInfo().subscribe((bpmVersion) => {
+            this.bpmVersion = bpmVersion;
+        });
+    }
 }

demo-shell/src/app/components/aspect-list-sample/aspect-list-sample.component.html

@@ -6,13 +6,13 @@
         <mat-label>Node Id For Aspects</mat-label>
         <input matInput placeholder="Node Id" [(ngModel)]="currentNodeId">
     </mat-form-field>
-    <button mat-raised-button color="primary" aria-label="Click to show the list" (click)="showAspectForNode()">
+    <button mat-raised-button color="primary" [attr.aria-label]="'SHOW_LIST_LABEL' | translate" (click)="showAspectForNode()">
         Show/Hide List
     </button>
     <adf-aspect-list [nodeId]="currentNodeId" *ngIf="isShowed" (valueChanged)="onValueChanged($event)"></adf-aspect-list>
 </div>
 <div>
-    <button mat-fab color="primary" aria-label="Open dialog" (click)="openAspectDialog()">
+    <button mat-fab color="primary" [attr.aria-label]="'OPEN_DIALOG' | translate" (click)="openAspectDialog()">
         Dialog
     </button>
 </div>

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

@@ -64,13 +64,13 @@
         </adf-toolbar-title>
         <adf-toolbar-divider fxFlex="0 0 auto"></adf-toolbar-divider>
         <div fxFlex="0 0 auto">
-            <button mat-icon-button aria-label="Create a new folder button">
+            <button mat-icon-button [attr.aria-label]="'BREADCRUMB_DEMO.NEW_FOLDER_LABEL' | translate">
                 <mat-icon>create_new_folder</mat-icon>
             </button>
-            <button mat-icon-button aria-label="Edit node button">
+            <button mat-icon-button [attr.aria-label]="'BREADCRUMB_DEMO.EDIT_NODE_LABEL' | translate">
                 <mat-icon>create</mat-icon>
             </button>
-            <button mat-icon-button aria-label="Delete node icon button">
+            <button mat-icon-button [attr.aria-label]="'BREADCRUMB_DEMO.DELETE_NODE_LABEL' | translate">
                 <mat-icon>delete</mat-icon>
             </button>
         </div>

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

@@ -14,6 +14,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { Router, ActivatedRoute } from '@angular/router';
 import { CloudLayoutService } from './services/cloud-layout.service';

demo-shell/src/app/components/cloud/community/community-start-process-cloud.component.ts

@@ -49,8 +49,7 @@ export class CommunityStartProcessCloudDemoComponent implements OnInit {
 
     openSnackMessage(event: any) {
         this.notificationService.openSnackMessage(
-            event.response.body.message,
-            4000
+            event.response.body.message
         );
     }
 }

demo-shell/src/app/components/cloud/community/community-start-task-cloud.component.ts

@@ -42,8 +42,7 @@ export class CommunityStartTaskCloudDemoComponent {
 
     openSnackMessage(event: any) {
         this.notificationService.openSnackMessage(
-            event.response.body.message,
-            4000
+            event.response.body.message
         );
     }
 }

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

@@ -19,7 +19,7 @@ import { Component, OnInit, OnDestroy } from '@angular/core';
 import { CloudLayoutService, ActionMenuModel } from '../services/cloud-layout.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
-import { FormGroup, FormControl } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormControl } from '@angular/forms';
 
 @Component({
     selector: 'app-cloud-settings',
@@ -44,12 +44,12 @@ export class CloudSettingsComponent implements OnInit, OnDestroy {
         { value: 'multiple', title: 'Multiple' }
     ];
 
-    actionMenuForm = new FormGroup({
-        key: new FormControl(''),
-        title: new FormControl(''),
-        icon: new FormControl(''),
-        visible: new FormControl(true),
-        disabled: new FormControl(false)
+    actionMenuForm = new UntypedFormGroup({
+        key: new UntypedFormControl(''),
+        title: new UntypedFormControl(''),
+        icon: new UntypedFormControl(''),
+        visible: new UntypedFormControl(true),
+        disabled: new UntypedFormControl(false)
       });
 
     constructor(private cloudLayoutService: CloudLayoutService) { }

demo-shell/src/app/components/cloud/task-header-cloud-demo.component.ts

@@ -17,7 +17,7 @@
 
 import { Component, ViewChild } from '@angular/core';
 import { TaskHeaderCloudComponent } from '@alfresco/adf-process-services-cloud';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 
 @Component({
     templateUrl: './task-header-cloud-demo.component.html',
@@ -32,8 +32,8 @@ export class TaskHeaderCloudDemoComponent {
 
     errorMessage;
 
-    appNameFormControl = new FormControl('');
-    taskIdFormControl = new FormControl('');
+    appNameFormControl = new UntypedFormControl('');
+    taskIdFormControl = new UntypedFormControl('');
 
     constructor() {}
 

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

@@ -17,8 +17,14 @@
 
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { ActivatedRoute, Router, PRIMARY_OUTLET } from '@angular/router';
-import { ContentService, AllowableOperationsEnum, PermissionsEnum, NodesApiService, FileUploadErrorEvent } from '@alfresco/adf-core';
-import { MatSnackBar } from '@angular/material/snack-bar';
+import {
+    ContentService,
+    AllowableOperationsEnum,
+    PermissionsEnum,
+    NodesApiService,
+    FileUploadErrorEvent,
+    NotificationService
+} from '@alfresco/adf-core';
 import { PreviewService } from '../../services/preview.service';
 
 @Component({
@@ -64,10 +70,10 @@ export class FileViewComponent implements OnInit {
 
     constructor(private router: Router,
                 private route: ActivatedRoute,
-                private snackBar: MatSnackBar,
                 private nodeApiService: NodesApiService,
                 private contentServices: ContentService,
-                private preview: PreviewService) {
+                private preview: PreviewService,
+                private notificationService: NotificationService) {
     }
 
     ngOnInit() {
@@ -105,7 +111,7 @@ export class FileViewComponent implements OnInit {
 
     onUploadError(event: FileUploadErrorEvent) {
         const errorMessage = event.error;
-        this.snackBar.open(errorMessage, '', { duration: 4000 });
+        this.notificationService.showError(errorMessage);
     }
 
     toggleEmptyMetadata() {

demo-shell/src/app/components/files/version-manager-dialog-adapter.component.ts

@@ -18,9 +18,8 @@
 import { Component, Inject, ViewEncapsulation } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { MinimalNodeEntryEntity } from '@alfresco/js-api';
-import { MatSnackBar } from '@angular/material/snack-bar';
 import { PreviewService } from '../../services/preview.service';
-import { FileUploadErrorEvent } from '@alfresco/adf-core';
+import { FileUploadErrorEvent, NotificationService } from '@alfresco/adf-core';
 
 @Component({
     templateUrl: './version-manager-dialog-adapter.component.html',
@@ -37,8 +36,8 @@ export class VersionManagerDialogAdapterComponent {
     showVersionComparison = false;
 
     constructor(private previewService: PreviewService,
+                private notificationService: NotificationService,
                 @Inject(MAT_DIALOG_DATA) data: any,
-                private snackBar: MatSnackBar,
                 private containingDialog?: MatDialogRef<VersionManagerDialogAdapterComponent>) {
         this.contentEntry = data.contentEntry;
         this.newFileVersion = data.hasOwnProperty('newFileVersion') ? data.newFileVersion : this.newFileVersion;
@@ -48,7 +47,7 @@ export class VersionManagerDialogAdapterComponent {
 
     uploadError(event: FileUploadErrorEvent) {
         const errorMessage = event.error;
-        this.snackBar.open(errorMessage, '', { duration: 4000 });
+        this.notificationService.showError(errorMessage);
     }
 
     close() {

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

@@ -18,7 +18,7 @@
 import { Component, OnInit, OnDestroy } from '@angular/core';
 import { NotificationService } from '@alfresco/adf-core';
 import { MatSnackBarConfig } from '@angular/material/snack-bar';
-import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, UntypedFormControl } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
@@ -33,7 +33,7 @@ export class NotificationsComponent implements OnInit, OnDestroy {
     actionOutput = '';
     snackBarConfigObject = '';
 
-    configForm: FormGroup;
+    configForm: UntypedFormGroup;
 
     snackBarConfig: MatSnackBarConfig = new MatSnackBarConfig();
 
@@ -60,16 +60,16 @@ export class NotificationsComponent implements OnInit, OnDestroy {
     private onDestroy$ = new Subject<boolean>();
 
     constructor(private notificationService: NotificationService,
-                private formBuilder: FormBuilder) {
+                private formBuilder: UntypedFormBuilder) {
         this.snackBarConfig.duration = this.defaultDuration;
     }
 
     ngOnInit() {
         this.configForm = this.formBuilder.group({
-            direction: new FormControl(''),
-            horizontalPosition: new FormControl(''),
-            verticalPosition: new FormControl(''),
-            duration: new FormControl('')
+            direction: new UntypedFormControl(''),
+            horizontalPosition: new UntypedFormControl(''),
+            verticalPosition: new UntypedFormControl(''),
+            duration: new UntypedFormControl('')
         });
 
         this.configForm.valueChanges

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

@@ -16,7 +16,7 @@
  */
 
 import { Component, OnInit, OnDestroy } from '@angular/core';
-import { FormGroup, FormBuilder, Validators, FormControl, AbstractControl } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators, UntypedFormControl, AbstractControl } from '@angular/forms';
 import { ActivatedRoute, Params } from '@angular/router';
 import { debounceTime, takeUntil } from 'rxjs/operators';
 import { Subject } from 'rxjs';
@@ -30,7 +30,7 @@ const DEFAULT_SIZE = 20;
 
 export class ProcessListDemoComponent implements OnInit, OnDestroy {
     minValue = 0;
-    processListForm: FormGroup;
+    processListForm: UntypedFormGroup;
     appId: number;
     processDefId: string;
     processInsId: string;
@@ -55,7 +55,7 @@ export class ProcessListDemoComponent implements OnInit, OnDestroy {
     private onDestroy$ = new Subject<boolean>();
 
     constructor(private route: ActivatedRoute,
-                private formBuilder: FormBuilder) {
+                private formBuilder: UntypedFormBuilder) {
     }
 
     ngOnInit() {
@@ -79,13 +79,13 @@ export class ProcessListDemoComponent implements OnInit, OnDestroy {
 
     buildForm() {
         this.processListForm = this.formBuilder.group({
-            processAppId: new FormControl(this.appId, [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
-            processDefinitionId: new FormControl(''),
-            processInstanceId: new FormControl(''),
-            processState: new FormControl(''),
-            processSort: new FormControl(''),
-            processSize: new FormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
-            processPage: new FormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)])
+            processAppId: new UntypedFormControl(this.appId, [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
+            processDefinitionId: new UntypedFormControl(''),
+            processInstanceId: new UntypedFormControl(''),
+            processState: new UntypedFormControl(''),
+            processSort: new UntypedFormControl(''),
+            processSize: new UntypedFormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
+            processPage: new UntypedFormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)])
         });
 
         this.processListForm.valueChanges
@@ -149,31 +149,31 @@ export class ProcessListDemoComponent implements OnInit, OnDestroy {
         return this.processListForm.get(key) as T;
     }
 
-    get processAppId(): FormControl {
-        return this.getControl<FormControl>('processAppId');
+    get processAppId(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processAppId');
     }
 
-    get processDefinitionId(): FormControl {
-        return this.getControl<FormControl>('processDefinitionId');
+    get processDefinitionId(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processDefinitionId');
     }
 
-    get processInstanceId(): FormControl {
-        return this.getControl<FormControl>('processInstanceId');
+    get processInstanceId(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processInstanceId');
     }
 
-    get processState(): FormControl {
-        return this.getControl<FormControl>('processState');
+    get processState(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processState');
     }
 
-    get processSort(): FormControl {
-        return this.getControl<FormControl>('processSort');
+    get processSort(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processSort');
     }
 
-    get processSize(): FormControl {
-        return this.getControl<FormControl>('processSize');
+    get processSize(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processSize');
     }
 
-    get processPage(): FormControl {
-        return this.getControl<FormControl>('processPage');
+    get processPage(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('processPage');
     }
 }

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

@@ -21,10 +21,12 @@
                             <mat-expansion-panel-header>
                                 <mat-panel-title>
                                     <mat-icon>assignment</mat-icon>
-                                    <div class="app-accordion-title-padding">Tasks</div>
+                                    <div id="tasks-accordion-title" class="app-accordion-title-padding">Tasks</div>
                                 </mat-panel-title>
                             </mat-expansion-panel-header>
                             <adf-task-filters [filterParam]="filterSelected"
+                                              role="group"
+                                              aria-labelledby="tasks-accordion-title"
                                               [appId]="appId"
                                               [showIcon]="showTaskFilterIcon"
                                               (filterClicked)="onTaskFilterClick($event)"
@@ -138,11 +140,13 @@
                             <mat-expansion-panel-header>
                                 <mat-panel-title>
                                     <mat-icon>assessment</mat-icon>
-                                    <div class="app-accordion-title-padding">Processes</div>
+                                    <div id="process-accordion-title" class="app-accordion-title-padding">Processes</div>
                                 </mat-panel-title>
                             </mat-expansion-panel-header>
                             <adf-process-instance-filters
                                     #activitiProcessFilter
+                                    role="group"
+                                    aria-labelledby="process-accordion-title"
                                     [appId]="appId"
                                     [filterParam]="filterSelected"
                                     [showIcon]="showProcessFilterIcon"

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

@@ -16,7 +16,7 @@
  */
 
 import { Component, OnInit, OnDestroy } from '@angular/core';
-import { FormGroup, FormBuilder, Validators, FormControl, AbstractControl } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators, UntypedFormControl, AbstractControl } from '@angular/forms';
 import { ActivatedRoute, Params } from '@angular/router';
 import { debounceTime, takeUntil } from 'rxjs/operators';
 import moment from 'moment';
@@ -31,7 +31,7 @@ const DEFAULT_SIZE = 20;
 })
 
 export class TaskListDemoComponent implements OnInit, OnDestroy {
-    taskListForm: FormGroup;
+    taskListForm: UntypedFormGroup;
 
     errorMessage: string;
     minValue = 1;
@@ -79,7 +79,7 @@ export class TaskListDemoComponent implements OnInit, OnDestroy {
     private onDestroy$ = new Subject<boolean>();
 
     constructor(private route: ActivatedRoute,
-                private formBuilder: FormBuilder) {
+                private formBuilder: UntypedFormBuilder) {
     }
 
     ngOnInit() {
@@ -104,20 +104,20 @@ export class TaskListDemoComponent implements OnInit, OnDestroy {
 
     buildForm() {
         this.taskListForm = this.formBuilder.group({
-            taskAppId: new FormControl(this.defaultAppId, [Validators.pattern('^[0-9]*$')]),
-            taskName: new FormControl(''),
-            taskId: new FormControl(''),
-            taskProcessDefinitionId: new FormControl(''),
-            taskProcessInstanceId: new FormControl(''),
-            taskAssignment: new FormControl(''),
-            taskState: new FormControl(''),
-            taskSort: new FormControl(''),
-            taskSize: new FormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
-            taskPage: new FormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
-            taskDueAfter: new FormControl(''),
-            taskDueBefore: new FormControl(''),
-            taskStart: new FormControl('', [Validators.pattern('^[0-9]*$')]),
-            taskIncludeProcessInstance: new FormControl('')
+            taskAppId: new UntypedFormControl(this.defaultAppId, [Validators.pattern('^[0-9]*$')]),
+            taskName: new UntypedFormControl(''),
+            taskId: new UntypedFormControl(''),
+            taskProcessDefinitionId: new UntypedFormControl(''),
+            taskProcessInstanceId: new UntypedFormControl(''),
+            taskAssignment: new UntypedFormControl(''),
+            taskState: new UntypedFormControl(''),
+            taskSort: new UntypedFormControl(''),
+            taskSize: new UntypedFormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
+            taskPage: new UntypedFormControl('', [Validators.pattern('^[0-9]*$'), Validators.min(this.minValue)]),
+            taskDueAfter: new UntypedFormControl(''),
+            taskDueBefore: new UntypedFormControl(''),
+            taskStart: new UntypedFormControl('', [Validators.pattern('^[0-9]*$')]),
+            taskIncludeProcessInstance: new UntypedFormControl('')
         });
 
         this.taskListForm.valueChanges
@@ -198,59 +198,59 @@ export class TaskListDemoComponent implements OnInit, OnDestroy {
         return this.taskListForm.get(key) as T;
     }
 
-    get taskAppId(): FormControl {
-        return this.getControl<FormControl>('taskAppId');
+    get taskAppId(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskAppId');
     }
 
-    get taskId(): FormControl {
-        return this.getControl<FormControl>('taskId');
+    get taskId(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskId');
     }
 
-    get taskProcessDefinitionId(): FormControl {
-        return this.getControl<FormControl>('taskProcessDefinitionId');
+    get taskProcessDefinitionId(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskProcessDefinitionId');
     }
 
-    get taskProcessInstanceId(): FormControl {
-        return this.getControl<FormControl>('taskProcessInstanceId');
+    get taskProcessInstanceId(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskProcessInstanceId');
     }
 
-    get taskName(): FormControl {
-        return this.getControl<FormControl>('taskName');
+    get taskName(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskName');
     }
 
-    get taskAssignment(): FormControl {
-        return this.getControl<FormControl>('taskAssignment');
+    get taskAssignment(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskAssignment');
     }
 
-    get taskState(): FormControl {
-        return this.getControl<FormControl>('taskState');
+    get taskState(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskState');
     }
 
-    get taskSort(): FormControl {
-        return this.getControl<FormControl>('taskSort');
+    get taskSort(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskSort');
     }
 
-    get taskIncludeProcessInstance(): FormControl {
-        return this.getControl<FormControl>('taskIncludeProcessInstance');
+    get taskIncludeProcessInstance(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskIncludeProcessInstance');
     }
 
-    get taskStart(): FormControl {
-        return this.getControl<FormControl>('taskStart');
+    get taskStart(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskStart');
     }
 
-    get taskSize(): FormControl {
-        return this.getControl<FormControl>('taskSize');
+    get taskSize(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskSize');
     }
 
-    get taskPage(): FormControl {
-        return this.getControl<FormControl>('taskPage');
+    get taskPage(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskPage');
     }
 
-    get taskDueAfter(): FormControl {
-        return this.getControl<FormControl>('taskDueAfter');
+    get taskDueAfter(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskDueAfter');
     }
 
-    get taskDueBefore(): FormControl {
-        return this.getControl<FormControl>('taskDueBefore');
+    get taskDueBefore(): UntypedFormControl {
+        return this.getControl<UntypedFormControl>('taskDueBefore');
     }
 }

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

@@ -16,8 +16,8 @@
  */
 
 import { Component, ViewChild, OnInit, OnDestroy } from '@angular/core';
-import { DocumentListComponent } from '@alfresco/adf-content-services';
-import { UserPreferencesService, UserPreferenceValues, RestoreMessageModel, NotificationService } from '@alfresco/adf-core';
+import { DocumentListComponent, RestoreMessageModel } from '@alfresco/adf-content-services';
+import { UserPreferencesService, UserPreferenceValues, NotificationService } from '@alfresco/adf-core';
 import { Router } from '@angular/router';
 import { PathInfoEntity } from '@alfresco/js-api';
 import { Subject } from 'rxjs';

demo-shell/src/app/services/app-notifications.service.ts

@@ -14,6 +14,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 import {
     AuthenticationService,
     AppConfigService,

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

@@ -1,5 +1,5 @@
 @use '@angular/material' as mat;
-@import '../../lib/core/styles/index';
+@import '../../lib/core/src/lib/styles/index';
 @include mat.core($alfresco-typography);
 
 $primary: mat.define-palette($alfresco-accent-orange);

demo-shell/src/typings.d.ts

@@ -1,3 +1,20 @@
+/*!
+ * @license
+ * Copyright 2019 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 /* SystemJS module definition */
 declare const module: NodeModule;
 interface NodeModule {

docs/README.md

@@ -111,11 +111,12 @@ for more information about installing and using the source code.
 | [Notification History component](core/components/notification-history.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | This component is in the current status just an experimental component. |  |
 | The main purpose of the Notification history component is list all the notification received in the current session. They will disappear from the list after the refresh. | [Source](../lib/core/notifications/components/notification-history.component.ts) |  |
 | [Pagination Component](core/components/pagination.component.md) | Adds pagination to the component it is used with. | [Source](../lib/core/pagination/pagination.component.ts) |
-| [Rich Text Editor Component](core/components/rich-text-editor.md) | Displays a rich text editor that allows users to add formatted text | [Source](../lib/core/rich-text-editor/rich-text-editor.component.ts) |
+| [Rich Text Editor Component](core/components/rich-text-editor.md) | Displays a rich text editor that allows users to add formatted text | [Source](lib/core/src/lib/rich-text-editor/rich-text-editor.component.ts) |
 | [Search Text Input Component](core/components/search-text-input.component.md) | Displays a input text that supports autocompletion | [Source](../lib/core/search-text/search-text-input.component.ts) |
 | [Sidebar action menu component](core/components/sidebar-action-menu.component.md) | Displays a sidebar-action menu information panel. | [Source](../lib/core/layout/components/sidebar-action/sidebar-action-menu.component.ts) |
 | [Sidenav Layout component](core/components/sidenav-layout.component.md) | Displays the standard three-region ADF application layout. | [Source](../lib/core/layout/components/sidenav-layout/sidenav-layout.component.ts) |
 | [Sorting Picker Component](core/components/sorting-picker.component.md) | Selects from a set of predefined sorting definitions and directions. | [Source](../lib/core/sorting-picker/sorting-picker.component.ts) |
+| [Snackbar Content Component](core/components/snackbar-content.component.md) | Custom content for Snackbar which allows use icon as action.| [Source](../lib/core/src/lib/snackbar-content/snackbar-content.component.ts) |
 | [Start Form component](core/components/start-form.component.md) | Displays the Start Form for a process. | [Source](../lib/process-services/src/lib/form/start-form.component.ts) |
 | [Text Mask directive](core/components/text-mask.component.md) | Implements text field input masks. | [Source](../lib/core/form/components/widgets/text/text-mask.component.ts) |
 | [Toolbar Divider Component](core/components/toolbar-divider.component.md) | Divides groups of elements in a Toolbar with a visual separator. | [Source](../lib/core/toolbar/toolbar-divider.component.ts) |

docs/breaking-changes/breaking-change-2.6.0-3.0.0.md

@@ -25,7 +25,7 @@ This document lists all the deprecated ADF v2.x components that were removed for
     classes without the **adf-** prefix, you will now need to update them. For example, `.card-view`
     is now `.adf-card-view`.
 
--   [PR ADF-1443](https://github.com/Alfresco/alfresco-ng2-components/pull/4028): [`DownloadZipDialogComponent`](../../lib/core/dialogs/download-zip/download-zip.dialog.ts)
+-   [PR ADF-1443](https://github.com/Alfresco/alfresco-ng2-components/pull/4028): [`DownloadZipDialogComponent`](lib/core/src/lib/dialogs/download-zip/download-zip.dialog.ts)
     and [`NodeDownloadDirective`](../core/directives/node-download.directive.md) have been moved from the Content Services module to the Core module.
     This modification has enabled us to remove some code duplication between the two modules.
 
@@ -48,10 +48,10 @@ This document lists all the deprecated ADF v2.x components that were removed for
         (you can now have two sidebars on the left and right at the same time).
     -   `analytics-report-list` is now `adf-analytics-report-list`.
     -   `analytics-report-parameters` is now `adf-analytics-report-parameters`.
-    -   `CommentProcessModel` was moved into the Core library with the name [`CommentModel`](../../lib/core/models/comment.model.ts) in v2.3.0. Now you
-        can only import it from [`CoreModule`](../../lib/core/core.module.ts).
-    -   [`CommentsModule`](../../lib/core/comments/comments.module.ts), [`CommentListComponent`](../core/components/comment-list.component.md), and [`CommentsComponent`](../core/components/comments.component.md) are no longer exported from
-        [`ProcessModule`](../../lib/process-services/src/lib/process.module.ts) but now from [`CoreModule`](../../lib/core/core.module.ts). The old usage was deprecated in v2.3.0.
+    -   `CommentProcessModel` was moved into the Core library with the name [`CommentModel`](lib/core/src/lib/models/comment.model.ts) in v2.3.0. Now you
+        can only import it from [`CoreModule`](lib/core/src/lib/core.module.ts).
+    -   [`CommentsModule`](lib/core/src/lib/comments/comments.module.ts), [`CommentListComponent`](../core/components/comment-list.component.md), and [`CommentsComponent`](../core/components/comments.component.md) are no longer exported from
+        [`ProcessModule`](../../lib/process-services/src/lib/process.module.ts) but now from [`CoreModule`](lib/core/src/lib/core.module.ts). The old usage was deprecated in v2.3.0.
     -   `<adf-upload-drag-area>`:  The `parentId` input has been renamed as `rootFolderId`. The old
         name was deprecated in v2.4.0.
     -   The `createFolder` event of the [`UploadBase`](../../lib/content-services/src/lib/upload/components/base-upload/upload-base.ts) class (emitted when a folder was

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

@@ -57,7 +57,7 @@ Displays the documents from a repository.
 
 | Name | Type | Default value | Description |
 | ---- | ---- | ------------- | ----------- |
-| additionalSorting | [`DataSorting`](../../../lib/core/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. |
+| 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. |
 | 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". |

docs/content-services/components/upload-drag-area.component.md

@@ -87,7 +87,7 @@ You can intercept the upload process using the `beginUpload` event.
 
 The event has a type of [`UploadFilesEvent`](../../../lib/content-services/src/lib/upload/components/upload-files.event.ts) and provides the following APIs:
 
--   **files**: accesses the [`FileInfo`](../../../lib/core/utils/file-utils.ts) objects that are prepared for the upload
+-   **files**: accesses the [`FileInfo`](lib/core/src/lib/utils/file-utils.ts) objects that are prepared for the upload
 -   **pauseUpload**: pauses the upload and performs additional tasks, like showing the confirmation dialog
 -   **resumeUpload**: resumes the upload process
 

docs/content-services/directives/auto-focus.directive.md

@@ -0,0 +1,20 @@
+---
+Title: Auto Focus directive
+Added: v5.1.0
+Status: Active
+Last reviewed: 2022-10-25
+---
+
+# [Auto Focus directive](../../../lib/content-services/src/lib/directives/auto-focus.directive.ts "Defined in auto-focus.directive.ts")
+
+Automatically focuses HTML element after content is initialized.
+
+## Basic Usage
+
+```html
+<button adf-auto-focus>...</button>
+```
+
+## Class members
+
+### Properties

docs/content-services/directives/check-allowable-operation.directive.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-02-13
 ---
 
-# [Check Allowable Operation directive](../../../lib/core/directives/check-allowable-operation.directive.ts "Defined in check-allowable-operation.directive.ts")
+# [Check Allowable Operation directive](../../../lib/content-services/src/lib/directives/check-allowable-operation.directive.ts "Defined in check-allowable-operation.directive.ts")
 
 Selectively disables an HTML element or Angular component.
 
@@ -47,7 +47,7 @@ Selectively disables an HTML element or Angular component.
 
 ## Details
 
-The [Check Allowable Operation Directive](check-allowable-operation.directive.md) lets you disable an HTML element or Angular component
+The [Check Allowable Operation Directive](../../../lib/content-services/src/lib/directives/check-allowable-operation.directive.ts) lets you disable an HTML element or Angular component
 by taking a collection of [`NodeEntry`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeEntry.md) instances and checking their permissions.
 
 The decorated element will be disabled if:
@@ -57,7 +57,7 @@ The decorated element will be disabled if:
 
 ### HTML element example
 
-A typical use case is to bind a [Document List](../../content-services/components/document-list.component.md)
+A typical use case is to bind a [Document List](../components/document-list.component.md)
 selection property to a toolbar button. In the following example, the "Delete" button should
 be disabled if no selection is present or if user does not have permission to delete at least one node in the selection:
 
@@ -80,8 +80,8 @@ one or more documents that they have permission to delete.
 
 ### Angular component example
 
-You can add the directive to any Angular component that implements the [`NodeAllowableOperationSubject`](../../../lib/core/directives/check-allowable-operation.directive.ts)
-interface (the [Upload Drag Area component](../../content-services/components/upload-drag-area.component.md),
+You can add the directive to any Angular component that implements the [`NodeAllowableOperationSubject`](../../../lib/content-services/src/lib/interfaces/node-allowable-operation-subject.interface.ts)
+interface (the [Upload Drag Area component](../components/upload-drag-area.component.md),
 for example). You can also use it in much the same way as you would with an HTML element:
 
 ```html
@@ -95,14 +95,14 @@ for example). You can also use it in much the same way as you would with an HTML
 ```
 
 To enable your own component to work with this directive, you need to implement the
-[`NodeAllowableOperationSubject`](../../../lib/core/directives/check-allowable-operation.directive.ts) interface and also define it as an
-[`EXTENDIBLE_COMPONENT`](../../../lib/core/interface/injection.tokens.ts)
+[`NodeAllowableOperationSubject`](../../../lib/content-services/src/lib/interfaces/node-allowable-operation-subject.interface.ts) interface and also define it as an
+[`EXTENDIBLE_COMPONENT`](../../../lib/core/src/lib/interface/injection.tokens.ts)
 parent component,
 as described in the following sections.
 
 ### Implementing the NodeAllowableOperationSubject interface
 
-The component must implement the [`NodeAllowableOperationSubject`](../../../lib/core/directives/check-allowable-operation.directive.ts) interface which means it must have a
+The component must implement the [`NodeAllowableOperationSubject`](../../../lib/content-services/src/lib/interfaces/node-allowable-operation-subject.interface.ts) interface which means it must have a
 boolean `disabled` property. This is the property that will be set by the directive:
 
 ```js
@@ -121,7 +121,7 @@ up to the `@Host()` component. The host component is typically the component tha
 the dependency. However, when this component is projected into a parent component, the
 parent becomes the host. This means you must provide your component with forward referencing
 as the
-[`EXTENDIBLE_COMPONENT`](../../../lib/core/interface/injection.tokens.ts)
+[`EXTENDIBLE_COMPONENT`](../../../lib/core/src/lib/interface/injection.tokens.ts)
 and also provide your component as a `viewProvider`:
 
 ```js

docs/content-services/directives/node-delete.directive.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-20
 ---
 
-# [Node Delete directive](../../../lib/core/directives/node-delete.directive.ts "Defined in node-delete.directive.ts")
+# [Node Delete directive](../../../lib/content-services/src/lib/directives/node-delete.directive.ts "Defined in node-delete.directive.ts")
 
 Deletes multiple files and folders.
 

docs/content-services/directives/node-favorite.directive.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-13
 ---
 
-# [Node Favorite directive](../../../lib/core/directives/node-favorite.directive.ts "Defined in node-favorite.directive.ts")
+# [Node Favorite directive](../../../lib/content-services/src/lib/directives/node-favorite.directive.ts "Defined in node-favorite.directive.ts")
 
 Selectively toggles nodes as favorites.
 

docs/content-services/directives/node-restore.directive.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-01-16
 ---
 
-# [Node Restore directive](../../../lib/core/directives/node-restore.directive.ts "Defined in node-restore.directive.ts")
+# [Node Restore directive](../../../lib/content-services/src/lib/directives/node-restore.directive.ts "Defined in node-restore.directive.ts")
 
 Restores deleted nodes to their original location.
 
@@ -56,7 +56,7 @@ Restores deleted nodes to their original location.
 
 | Name | Type | Description |
 | ---- | ---- | ----------- |
-| restore | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`RestoreMessageModel`](../../../lib/core/directives/node-restore.directive.ts)`>` | Emitted when restoration is complete. |
+| restore | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`RestoreMessageModel`](../../../lib/content-services/src/lib/interfaces/restore-message-model.interface.ts)`>` | Emitted when restoration is complete. |
 
 ## Details
 

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

@@ -11,9 +11,9 @@ Defines the Image Resolver function used by the [Document List Component](../com
 
 ## Definitions
 
--   `type` **[`ImageResolver`](../../../lib/content-services/src/lib/document-list/data/image-resolver.model.ts)** = (row: [`DataRow`](../../../lib/core/datatable/data/data-row.model.ts), column: [`DataColumn`](../../../lib/core/datatable/data/data-column.model.ts)) => `string`
-    -   _row:_ [`DataRow`](../../../lib/core/datatable/data/data-row.model.ts) - Data that defines the row
-    -   _column:_ [`DataColumn`](../../../lib/core/datatable/data/data-column.model.ts) - Data that defines the column
+-   `type` **[`ImageResolver`](../../../lib/content-services/src/lib/document-list/data/image-resolver.model.ts)** = (row: [`DataRow`](lib/core/src/lib/datatable/data/data-row.model.ts), column: [`DataColumn`](lib/core/src/lib/datatable/data/data-column.model.ts)) => `string`
+    -   _row:_ [`DataRow`](lib/core/src/lib/datatable/data/data-row.model.ts) - Data that defines the row
+    -   _column:_ [`DataColumn`](lib/core/src/lib/datatable/data/data-column.model.ts) - Data that defines the column
     -   **Returns** File path for the image
 
 ## Details
@@ -26,7 +26,7 @@ to manage the way folder/file icons and thumbnails are resolved (ie, which image
 
 **Note:** Image resolvers are executed only for columns of the `image` type.
 
-A typical image resolver implementation receives [`DataRow`](../../../lib/core/datatable/data/data-row.model.ts) and [`DataColumn`](../../../lib/core/datatable/data/data-column.model.ts) objects as parameters:
+A typical image resolver implementation receives [`DataRow`](lib/core/src/lib/datatable/data/data-row.model.ts) and [`DataColumn`](lib/core/src/lib/datatable/data/data-column.model.ts) objects as parameters:
 
 ```ts
 myImageResolver(row: DataRow, col: DataColumn): string {

docs/content-services/services/custom-resources.service.md

@@ -13,20 +13,20 @@ Manages Document List information that is specific to a user.
 
 ### Methods
 
--   **getCorrespondingNodeIds**(nodeId: `string`, pagination: [`PaginationModel`](../../../lib/core/models/pagination.model.ts) = `{}`): [`Observable`](http://reactivex.io/documentation/observable.html)`<string[]>`<br/>
+-   **getCorrespondingNodeIds**(nodeId: `string`, pagination: [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts) = `{}`): [`Observable`](http://reactivex.io/documentation/observable.html)`<string[]>`<br/>
     Gets the contents of one of the well-known aliases in the form of node ID strings.
     -   _nodeId:_ `string`  - ID of the target folder node
-    -   _pagination:_ [`PaginationModel`](../../../lib/core/models/pagination.model.ts)  - Specifies how to paginate the results
+    -   _pagination:_ [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts)  - Specifies how to paginate the results
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<string[]>` - List of node IDs
 -   **getIdFromEntry**(node: `any`, nodeId: `string`): `string`<br/>
     Chooses the correct ID for a node entry.
     -   _node:_ `any`  - Node object
     -   _nodeId:_ `string`  - ID of the node object
     -   **Returns** `string` - ID value
--   **getRecentFiles**(personId: `string`, pagination: [`PaginationModel`](../../../lib/core/models/pagination.model.ts), filters?: `string[]`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>`<br/>
+-   **getRecentFiles**(personId: `string`, pagination: [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts), filters?: `string[]`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>`<br/>
     Gets files recently accessed by a user.
     -   _personId:_ `string`  - ID of the user
-    -   _pagination:_ [`PaginationModel`](../../../lib/core/models/pagination.model.ts)  - Specifies how to paginate the results
+    -   _pagination:_ [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts)  - Specifies how to paginate the results
     -   _filters:_ `string[]`  - (Optional) Specifies additional filters to apply (joined with **AND**)
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>` - List of nodes for the recently used files
 -   **hasCorrespondingNodeIds**(nodeId: `string`): `boolean`<br/>
@@ -41,38 +41,38 @@ Manages Document List information that is specific to a user.
     Is the folder ID a "-my", "-root-", or "-shared-" alias?
     -   _folderId:_ `string`  - Folder ID name to check
     -   **Returns** `boolean` - True if the ID is one of the supported sources, false otherwise
--   **loadFavorites**(pagination: [`PaginationModel`](../../../lib/core/models/pagination.model.ts), includeFields: `string[]` = `[]`, where?: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>`<br/>
+-   **loadFavorites**(pagination: [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts), includeFields: `string[]` = `[]`, where?: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>`<br/>
     Gets favorite files for the current user.
-    -   _pagination:_ [`PaginationModel`](../../../lib/core/models/pagination.model.ts)  - Specifies how to paginate the results
+    -   _pagination:_ [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts)  - Specifies how to paginate the results
     -   _includeFields:_ `string[]`  - List of data field names to include in the results
     -   _where:_ `string`  - (Optional) A string to restrict the returned objects by using a predicate
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>` - List of favorite files
--   **loadFolderByNodeId**(nodeId: `string`, pagination: [`PaginationModel`](../../../lib/core/models/pagination.model.ts), includeFields: `string[]` = `[]`, where?: `string`): `any`<br/>
+-   **loadFolderByNodeId**(nodeId: `string`, pagination: [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts), includeFields: `string[]` = `[]`, where?: `string`): `any`<br/>
     Gets a folder's contents.
     -   _nodeId:_ `string`  - ID of the target folder node
-    -   _pagination:_ [`PaginationModel`](../../../lib/core/models/pagination.model.ts)  - Specifies how to paginate the results
+    -   _pagination:_ [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts)  - Specifies how to paginate the results
     -   _includeFields:_ `string[]`  - List of data field names to include in the results
     -   _where:_ `string`  - (Optional) Filters the Node list using the _where_ condition of the REST API (for example, isFolder=true). See the REST API documentation for more information.
     -   **Returns** `any` - List of items contained in the folder
--   **loadMemberSites**(pagination: [`PaginationModel`](../../../lib/core/models/pagination.model.ts), where?: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`SiteMemberPaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/SiteMemberPaging.md)`>`<br/>
+-   **loadMemberSites**(pagination: [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts), where?: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`SiteMemberPaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/SiteMemberPaging.md)`>`<br/>
     Gets sites that the current user is a member of.
-    -   _pagination:_ [`PaginationModel`](../../../lib/core/models/pagination.model.ts)  - Specifies how to paginate the results
+    -   _pagination:_ [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts)  - Specifies how to paginate the results
     -   _where:_ `string`  - (Optional) A string to restrict the returned objects by using a predicate
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`SiteMemberPaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/SiteMemberPaging.md)`>` - List of sites
--   **loadSharedLinks**(pagination: [`PaginationModel`](../../../lib/core/models/pagination.model.ts), includeFields: `string[]` = `[]`, where?: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`SharedLinkPaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/SharedLinkPaging.md)`>`<br/>
+-   **loadSharedLinks**(pagination: [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts), includeFields: `string[]` = `[]`, where?: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`SharedLinkPaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/SharedLinkPaging.md)`>`<br/>
     Gets shared links for the current user.
-    -   _pagination:_ [`PaginationModel`](../../../lib/core/models/pagination.model.ts)  - Specifies how to paginate the results
+    -   _pagination:_ [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts)  - Specifies how to paginate the results
     -   _includeFields:_ `string[]`  - List of data field names to include in the results
     -   _where:_ `string`  - (Optional) A string to restrict the returned objects by using a predicate
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`SharedLinkPaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/SharedLinkPaging.md)`>` - List of shared links
--   **loadSites**(pagination: [`PaginationModel`](../../../lib/core/models/pagination.model.ts), where?: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>`<br/>
+-   **loadSites**(pagination: [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts), where?: `string`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>`<br/>
     Gets all sites in the repository.
-    -   _pagination:_ [`PaginationModel`](../../../lib/core/models/pagination.model.ts)  - Specifies how to paginate the results
+    -   _pagination:_ [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts)  - Specifies how to paginate the results
     -   _where:_ `string`  - (Optional) A string to restrict the returned objects by using a predicate
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>` - List of sites
--   **loadTrashcan**(pagination: [`PaginationModel`](../../../lib/core/models/pagination.model.ts), includeFields: `string[]` = `[]`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`DeletedNodesPaging`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/DeletedNodesPaging.md)`>`<br/>
+-   **loadTrashcan**(pagination: [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts), includeFields: `string[]` = `[]`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`DeletedNodesPaging`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/DeletedNodesPaging.md)`>`<br/>
     Gets all items currently in the trash.
-    -   _pagination:_ [`PaginationModel`](../../../lib/core/models/pagination.model.ts)  - Specifies how to paginate the results
+    -   _pagination:_ [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts)  - Specifies how to paginate the results
     -   _includeFields:_ `string[]`  - List of data field names to include in the results
     -   **Returns** [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`DeletedNodesPaging`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/DeletedNodesPaging.md)`>` - List of deleted items
 

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

@@ -43,10 +43,10 @@ Implements node operations used by the [Document List component](../components/d
     -   _nodeId:_ `any`  - 
     -   **Returns** `boolean` - 
 
--   **loadFolderByNodeId**(nodeId: `string`, pagination: [`PaginationModel`](../../../lib/core/models/pagination.model.ts), includeFields: `string[]`, where?: `string`, orderBy?: `string[]`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`DocumentLoaderNode`](../../../lib/content-services/src/lib/document-list/models/document-folder.model.ts)`>`<br/>
+-   **loadFolderByNodeId**(nodeId: `string`, pagination: [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts), includeFields: `string[]`, where?: `string`, orderBy?: `string[]`): [`Observable`](http://reactivex.io/documentation/observable.html)`<`[`DocumentLoaderNode`](../../../lib/content-services/src/lib/document-list/models/document-folder.model.ts)`>`<br/>
     Load a folder by Node Id.
     -   _nodeId:_ `string`  - ID of the folder node
-    -   _pagination:_ [`PaginationModel`](../../../lib/core/models/pagination.model.ts)  - 
+    -   _pagination:_ [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts)  - 
     -   _includeFields:_ `string[]`  - List of data field names to include in the results
     -   _where:_ `string`  - (Optional) Optionally filter the list
     -   _orderBy:_ `string[]`  - (Optional) order by node property

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

@@ -5,7 +5,7 @@ Status: Experimental
 Last reviewed: 2019-09-09
 ---
 
-# [About Application Modules Component](../../../lib/core/about/about-application-modules/about-application-modules.component.ts "Defined in about-application-modules.component.ts")
+# [About Application Modules Component](lib/core/src/lib/about/about-application-modules/about-application-modules.component.ts "Defined in about-application-modules.component.ts")
 
 Shows which ADF libraries and plugins an application is using.
 

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

@@ -5,7 +5,7 @@ Status: Experimental
 Last reviewed: 2019-09-09
 ---
 
-# [About GitHub Link Component](../../../lib/core/about/about-github-link/about-github-link.component.ts "Defined in about-github-link.component.ts")
+# [About GitHub Link Component](lib/core/src/lib/about/about-github-link/about-github-link.component.ts "Defined in about-github-link.component.ts")
 
 Shows which version of the application is running based on the latest GitHub commit, as well as the server settings for the application.
 

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

@@ -5,7 +5,7 @@ Status: Experimental
 Last reviewed: 2019-09-09
 ---
 
-# [About Product Version Component](../../../lib/core/about/about-product-version/about-product-version.component.ts "Defined in about-product-version.component.ts")
+# [About Product Version Component](lib/core/src/lib/about/about-product-version/about-product-version.component.ts "Defined in about-product-version.component.ts")
 
 Shows which version of Process Services (BPM) and Content Services (ECM) an application is running. It also shows the relevant license information, application status and Alfresco modules running in an application.
 

docs/core/components/about.component.md

@@ -0,0 +1,56 @@
+---
+Title: About Component
+Added: v3.5.0
+Status: Active
+Last reviewed: 2022-11-11
+---
+
+# About Component
+
+Presentational component to display About information as a set of collapsible panels.
+
+## Basic Usage
+
+```html
+<adf-about>
+    <adf-about-panel [label]="'Panel 1'">
+        <ng-template>
+            <your-components></your-components>
+        </ng-template>
+    </adf-about-panel>
+
+    <adf-about-panel [label]="'Panel 2'">
+        <ng-template>
+            <your-components></your-components>
+        </ng-template>
+    </adf-about-panel>
+</adf-about>
+```
+
+## Conditional Display
+
+You can wire each panel with the `*ngIf` conditions:
+
+```html
+<adf-about>
+    <adf-about-panel *ngIf="devMode" [label]="'Panel 1'">
+        <ng-template>
+            <your-components></your-components>
+        </ng-template>
+    </adf-about-panel>
+</adf-about>
+```
+
+Where `devMode` is an example of an input property exposed by your component.
+
+Observables are also supported:
+
+```html
+<adf-about>
+    <adf-about-panel *ngIf="extensions$ | async as extensions" [label]="'ABOUT.PLUGINS.TITLE' | translate">
+        <ng-template>
+            <adf-about-extension-list [data]="extensions"></adf-about-extension-list>
+        </ng-template>
+    </adf-about-panel>
+</adf-about>
+```

docs/core/components/buttons-menu.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-06-08
 ---
 
-# [Buttons Menu Component](../../../lib/core/buttons-menu/buttons-menu.component.ts "Defined in buttons-menu.component.ts")
+# [Buttons Menu Component](lib/core/src/lib/buttons-menu/buttons-menu.component.ts "Defined in buttons-menu.component.ts")
 
 Displays buttons on a responsive menu. 
 

docs/core/components/card-view.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-05-09
 ---
 
-# [Card View component](../../../lib/core/card-view/components/card-view/card-view.component.ts "Defined in card-view.component.ts")
+# [Card View component](lib/core/src/lib/card-view/components/card-view/card-view.component.ts "Defined in card-view.component.ts")
 
 Displays a configurable property list renderer.
 
@@ -114,7 +114,7 @@ Defining properties from Typescript:
 | displayNoneOption | `boolean` | true | Toggles whether or not to display none option. |
 | editable | `boolean` |  | Toggles whether or not the items can be edited. |
 | multiValueSeparator | `string` | DEFAULT_SEPARATOR | String separator between multi-value property items. |
-| properties | [`CardViewItem`](../../../lib/core/card-view/interfaces/card-view-item.interface.ts)`[]` |  | (**required**) Items to show in the card view. |
+| properties | [`CardViewItem`](lib/core/src/lib/card-view/interfaces/card-view-item.interface.ts)`[]` |  | (**required**) Items to show in the card view. |
 | useChipsForMultiValueProperty | `boolean` | true | Toggles whether or not to enable chips for multivalued properties. |
 
 ## Details
@@ -171,12 +171,12 @@ clicked item.
 
 The `properties` array contains instances of models that represent the layout of the Card View.
 The ordering of the models in the array matches the ordering of items in the view. Each of the
-models extends the abstract [`CardViewBaseItemModel`](../../../lib/core/card-view/models/card-view-baseitem.model.ts) class to add functionality for
+models extends the abstract [`CardViewBaseItemModel`](lib/core/src/lib/card-view/models/card-view-baseitem.model.ts) class to add functionality for
 specific data types, as described below.
 
 #### Card Text Item
 
-[`CardViewTextItemModel`](../../../lib/core/card-view/models/card-view-textitem.model.ts) is a property type for text properties.
+[`CardViewTextItemModel`](lib/core/src/lib/card-view/models/card-view-textitem.model.ts) is a property type for text properties.
 
 ```ts
 const textItemProperty = new CardViewTextItemModel(options);
@@ -197,7 +197,7 @@ const textItemProperty = new CardViewTextItemModel(options);
 | multiValueSeparator | `string` | ',' | String separator between multi-value property items. |
 | icon | string |  | The material icon to show beside the item if it is clickable |
 | multiline | boolean | false | Single or multiline text |
-| pipes | [`CardViewTextItemPipeProperty`](../../../lib/core/card-view/interfaces/card-view-textitem-pipe-property.interface.ts)\[] | \[] | Pipes to be applied to the text before display |
+| pipes | [`CardViewTextItemPipeProperty`](lib/core/src/lib/card-view/interfaces/card-view-textitem-pipe-property.interface.ts)\[] | \[] | Pipes to be applied to the text before display |
 
 ##### Using pipes with a Card Text Item
 
@@ -221,7 +221,7 @@ new CardViewTextItemModel({
 
 #### Card Map Item
 
-[`CardViewMapItemModel`](../../../lib/core/card-view/models/card-view-mapitem.model.ts) is a property type for map properties.
+[`CardViewMapItemModel`](lib/core/src/lib/card-view/models/card-view-mapitem.model.ts) is a property type for map properties.
 
 ```ts
 const mapItemProperty = new CardViewMapItemModel(options);
@@ -238,7 +238,7 @@ const mapItemProperty = new CardViewMapItemModel(options);
 
 #### Card Date Item
 
-[`CardViewDateItemModel`](../../../lib/core/card-view/models/card-view-dateitem.model.ts) is a property type for date properties.
+[`CardViewDateItemModel`](lib/core/src/lib/card-view/models/card-view-dateitem.model.ts) is a property type for date properties.
 
 ```ts
 const dateItemProperty = new CardViewDateItemModel(options);
@@ -257,7 +257,7 @@ const dateItemProperty = new CardViewDateItemModel(options);
 
 #### Card Datetime Item
 
-[`CardViewDatetimeItemModel`](../../../lib/core/card-view/models/card-view-datetimeitem.model.ts) is a property type for datetime properties.
+[`CardViewDatetimeItemModel`](lib/core/src/lib/card-view/models/card-view-datetimeitem.model.ts) is a property type for datetime properties.
 
 ```ts
 const datetimeItemProperty = new CardViewDatetimeItemModel(options);
@@ -275,7 +275,7 @@ const datetimeItemProperty = new CardViewDatetimeItemModel(options);
 
 #### Card Bool Item
 
-[`CardViewBoolItemModel`](../../../lib/core/card-view/models/card-view-boolitem.model.ts) is a property type for boolean properties.
+[`CardViewBoolItemModel`](lib/core/src/lib/card-view/models/card-view-boolitem.model.ts) is a property type for boolean properties.
 
 ```ts
 const boolItemProperty = new CardViewBoolItemModel(options);
@@ -292,7 +292,7 @@ const boolItemProperty = new CardViewBoolItemModel(options);
 
 #### Card Int Item
 
-[`CardViewIntItemModel`](../../../lib/core/card-view/models/card-view-intitem.model.ts) is a property type for integer properties.
+[`CardViewIntItemModel`](lib/core/src/lib/card-view/models/card-view-intitem.model.ts) is a property type for integer properties.
 
 ```ts
 const intItemProperty = new CardViewIntItemModel(options);
@@ -309,7 +309,7 @@ const intItemProperty = new CardViewIntItemModel(options);
 
 #### Card Float Item
 
-[`CardViewFloatItemModel`](../../../lib/core/card-view/models/card-view-floatitem.model.ts) is a property type for float properties.
+[`CardViewFloatItemModel`](lib/core/src/lib/card-view/models/card-view-floatitem.model.ts) is a property type for float properties.
 
 ```ts
 const floatItemProperty = new CardViewFloatItemModel(options);
@@ -326,7 +326,7 @@ const floatItemProperty = new CardViewFloatItemModel(options);
 
 #### Card Key Value Pairs Item
 
-[`CardViewKeyValuePairsItemModel`](../../../lib/core/card-view/models/card-view-keyvaluepairs.model.ts) is a property type for key-value properties.
+[`CardViewKeyValuePairsItemModel`](lib/core/src/lib/card-view/models/card-view-keyvaluepairs.model.ts) is a property type for key-value properties.
 
 ```ts
 const keyValuePairsItemProperty = new CardViewKeyValuePairsItemModel(options);
@@ -341,7 +341,7 @@ const keyValuePairsItemProperty = new CardViewKeyValuePairsItemModel(options);
 
 #### Card Select Item
 
-[`CardViewSelectItemModel`](../../../lib/core/card-view/models/card-view-selectitem.model.ts) is a property type for select properties.
+[`CardViewSelectItemModel`](lib/core/src/lib/card-view/models/card-view-selectitem.model.ts) is a property type for select properties.
 
 ```ts
 const selectItemProperty = new CardViewSelectItemModel(options);
@@ -357,7 +357,7 @@ const selectItemProperty = new CardViewSelectItemModel(options);
 
 #### Card Array Item
 
-[`CardViewArrayItemModel`](../../../lib/core/card-view/models/card-view-arrayitem.model.ts) is a property type for array properties.
+[`CardViewArrayItemModel`](lib/core/src/lib/card-view/models/card-view-arrayitem.model.ts) is a property type for array properties.
 
 ```ts
 const arrayItemProperty = new CardViewArrayItemModel(items);

docs/core/components/comment-list.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-14
 ---
 
-# [Comment list component](../../../lib/core/comments/comment-list.component.ts "Defined in comment-list.component.ts")
+# [Comment list component](lib/core/src/lib/comments/comment-list.component.ts "Defined in comment-list.component.ts")
 
 Shows a list of comments.
 
@@ -65,7 +65,7 @@ In the component template use the [comment list component](comment-list.componen
 
 | Name | Type | Default value | Description |
 | ---- | ---- | ------------- | ----------- |
-| comments | [`CommentModel`](../../../lib/core/models/comment.model.ts)`[]` |  | The comments data used to populate the list. |
+| comments | [`CommentModel`](lib/core/src/lib/models/comment.model.ts)`[]` |  | The comments data used to populate the list. |
 
 ### Events
 

docs/core/components/comments.component.md

@@ -4,7 +4,7 @@ Added: v2.0.0
 Status: Active
 ---
 
-# [Comments Component](../../../lib/core/comments/comments.component.ts "Defined in comments.component.ts")
+# [Comments Component](lib/core/src/lib/comments/comments.component.ts "Defined in comments.component.ts")
 
 Displays comments from users involved in a specified task or content and allows an involved user to add a comment to a task or a content.
 

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

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-04-12
 ---
 
-# [Data Column Component](../../../lib/core/data-column/data-column.component.ts "Defined in data-column.component.ts")
+# [Data Column Component](lib/core/src/lib/data-column/data-column.component.ts "Defined in data-column.component.ts")
 
 Defines column properties for DataTable, Tasklist, Document List and other components.
 
@@ -78,7 +78,7 @@ You can use `ngIf` directives to provide conditional visibility support for the
 ### Automatic column header translation
 
 You can use i18n resource keys with the
-[`DataColumn`](../../../lib/core/datatable/data/data-column.model.ts) `title` property.
+[`DataColumn`](lib/core/src/lib/datatable/data/data-column.model.ts) `title` property.
 The component will automatically check the appropriate i18n resources and fetch the corresponding value.
 
 ```html
@@ -131,9 +131,9 @@ Every cell in the DataTable component is bound to the dynamic data context conta
 
 | Name | Type | Description |
 | ---- | ---- | ----------- |
-| data | [`DataTableAdapter`](../../../lib/core/datatable/data/datatable-adapter.ts) | Data adapter instance. |
-| row | [`DataRow`](../../../lib/core/datatable/data/data-row.model.ts) | Current data row instance. |
-| col | [`DataColumn`](../../../lib/core/datatable/data/data-column.model.ts) | Current data column instance. |
+| data | [`DataTableAdapter`](lib/core/src/lib/datatable/data/datatable-adapter.ts) | Data adapter instance. |
+| row | [`DataRow`](lib/core/src/lib/datatable/data/data-row.model.ts) | Current data row instance. |
+| col | [`DataColumn`](lib/core/src/lib/datatable/data/data-column.model.ts) | Current data column instance. |
 
 You can use all three properties to gain full access to underlying data from within your custom templates.
 In order to wire HTML templates with the data context you will need to define a variable that is bound to `$implicit` as shown below:
@@ -146,7 +146,7 @@ In order to wire HTML templates with the data context you will need to define a
 
 The name format is `let-VARIABLE_NAME="$implicit"` where `VARIABLE_NAME` is the name of the variable you want to bind the template data context to.
 
-You can also get a cell value from the underlying [`DataTableAdapter`](../../../lib/core/datatable/data/datatable-adapter.ts):
+You can also get a cell value from the underlying [`DataTableAdapter`](lib/core/src/lib/datatable/data/datatable-adapter.ts):
 
 ```ts
 context.data.getValue(entry.row, entry.col);
@@ -363,7 +363,7 @@ HTML `<data-column>` element example:
 <data-column [customData]="MyCustomData" key="id" title="Id"></data-column>
 ```
 
-You can use generic type for [`DataColumn`](../../../lib/core/datatable/data/data-column.model.ts) in order to get intellisense working e.g.
+You can use generic type for [`DataColumn`](lib/core/src/lib/datatable/data/data-column.model.ts) in order to get intellisense working e.g.
 
 ```ts
 const dataColumn: DataColumn<{ shouldPerformActionIfDisplayed: boolean }> = {

docs/core/components/datatable.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-04-12
 ---
 
-# [DataTable component](../../../lib/core/datatable/components/datatable/datatable.component.ts "Defined in datatable.component.ts")
+# [DataTable component](lib/core/src/lib/datatable/components/datatable/datatable.component.ts "Defined in datatable.component.ts")
 
 Displays data as a table with customizable columns and presentation.
 
@@ -80,7 +80,7 @@ export class DataTableDemo {
 
 ### Setting the rows and column schema
 
-You can set rows and columns in the [`ObjectDataTableAdapter`](../../../lib/core/datatable/data/object-datatable-adapter.ts) as shown below:
+You can set rows and columns in the [`ObjectDataTableAdapter`](lib/core/src/lib/datatable/data/object-datatable-adapter.ts) as shown below:
 
 ```ts
 import { ObjectDataTableAdapter }  from '@alfresco/adf-core';
@@ -157,7 +157,7 @@ export class DataTableDemo {
 </adf-datatable>
 ```
 
-You can also set rows in the [`ObjectDataTableAdapter`](../../../lib/core/datatable/data/object-datatable-adapter.ts) and set columns as an input as shown below :
+You can also set rows in the [`ObjectDataTableAdapter`](lib/core/src/lib/datatable/data/object-datatable-adapter.ts) and set columns as an input as shown below :
 
 ```ts
 import { ObjectDataTableAdapter }  from '@alfresco/adf-core';
@@ -371,7 +371,7 @@ Learm more about styling your datatable: [Customizing the component's styles](#c
 | 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. |
 | columns | `any[]` | \[] | The columns that the datatable will show. |
 | contextMenu | `boolean` | false | Toggles custom context menu for the component. |
-| data | [`DataTableAdapter`](../../../lib/core/datatable/data/datatable-adapter.ts) |  | Data source for the table |
+| data | [`DataTableAdapter`](lib/core/src/lib/datatable/data/datatable-adapter.ts) |  | Data source for the table |
 | display | `string` | DisplayMode.List | Selects the display mode of the table. Can be "list" or "gallery". |
 | fallbackThumbnail | `string` |  | Fallback image for rows where the thumbnail is missing. |
 | loading | `boolean` | false | Flag that indicates if the datatable is in loading state and needs to show the loading template (see the docs to learn how to configure a loading template). |
@@ -405,10 +405,10 @@ Learm more about styling your datatable: [Customizing the component's styles](#c
 ### Supplying data for the table
 
 The column layout and row data are supplied to the table using an object that implements the
-[`DataTableAdapter`](../../../lib/core/datatable/data/datatable-adapter.ts) interface. This interface hides the internal details of the class that provides
+[`DataTableAdapter`](lib/core/src/lib/datatable/data/datatable-adapter.ts) interface. This interface hides the internal details of the class that provides
 the data, which gives a lot of flexibility in how the data can be stored and accessed. The DataTable
-library includes a standard adapter class called [`ObjectDataTableAdapter`](../../../lib/core/datatable/data/object-datatable-adapter.ts) that is useful in many
-common cases. See the [`DataTableAdapter`](../../../lib/core/datatable/data/datatable-adapter.ts) for full details about the interface and the [`ObjectDataTableAdapter`](../../../lib/core/datatable/data/object-datatable-adapter.ts) class.
+library includes a standard adapter class called [`ObjectDataTableAdapter`](lib/core/src/lib/datatable/data/object-datatable-adapter.ts) that is useful in many
+common cases. See the [`DataTableAdapter`](lib/core/src/lib/datatable/data/datatable-adapter.ts) for full details about the interface and the [`ObjectDataTableAdapter`](lib/core/src/lib/datatable/data/object-datatable-adapter.ts) class.
 
 ### Customizing columns
 
@@ -433,6 +433,14 @@ These events bubble up the component tree and can be handled by any parent compo
 | cell-dragover | Raised when dragging data over the cell. |
 | cell-drop | Raised when data is dropped on the column cell. |
 
+#### Sorting-changed 
+
+sorting-changed event contains
+```ts
+direction: "asc"
+key: "timestamp"
+sortingKey: ""
+```
 #### Drop Events
 
 All custom DOM events related to `drop` handling expose the following interface:

docs/core/components/empty-content.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-02-01
 ---
 
-# [Empty Content Component](../../../lib/core/templates/empty-content/empty-content.component.ts "Defined in empty-content.component.ts")
+# [Empty Content Component](lib/core/src/lib/templates/empty-content/empty-content.component.ts "Defined in empty-content.component.ts")
 
 Provides a generic "Empty Content" placeholder for components.
 

docs/core/components/empty-list.component.md

@@ -4,7 +4,7 @@ Added: v2.0.0
 Status: Active
 ---
 
-# [Empty list component](../../../lib/core/datatable/components/empty-list/empty-list.component.ts "Defined in empty-list.component.ts")
+# [Empty list component](lib/core/src/lib/datatable/components/empty-list/empty-list.component.ts "Defined in empty-list.component.ts")
 
 Displays a message indicating that a list is empty.
 

docs/core/components/error-content.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-09-13
 ---
 
-# [Error Content Component](../../../lib/core/templates/error-content/error-content.component.ts "Defined in error-content.component.ts")
+# [Error Content Component](lib/core/src/lib/templates/error-content/error-content.component.ts "Defined in error-content.component.ts")
 
 Displays info about a specific error.
 

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

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-20
 ---
 
-# [Form field component](../../../lib/core/form/components/form-field/form-field.component.ts "Defined in form-field.component.ts")
+# [Form field component](lib/core/src/lib/form/components/form-field/form-field.component.ts "Defined in form-field.component.ts")
 
 Represents a UI field in a form.
 
@@ -40,23 +40,23 @@ Forms defined in APS have the following default mappings for the form fields:
 
 | _APS [`Form`](../../../lib/process-services/src/lib/task-list/models/form.model.ts) Designer_ [`Widget`](../../../lib/testing/src/lib/core/pages/form/widgets/widget.ts) | Field Type | Component Type |
 | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------- | -------------- |
-| Text | text | [`TextWidgetComponent`](../../../lib/core/form/components/widgets/text/text.widget.ts) |
-| Multi-line text | multi-line-text | [`MultilineTextWidgetComponentComponent`](../../../lib/core/form/components/widgets/multiline-text/multiline-text.widget.ts) |
-| Number | integer | [`NumberWidgetComponent`](../../../lib/core/form/components/widgets/number/number.widget.ts) |
-| Checkbox | boolean | [`CheckboxWidgetComponent`](../../../lib/core/form/components/widgets/checkbox/checkbox.widget.ts) |
-| Date | date | [`DateWidgetComponent`](../../../lib/core/form/components/widgets/date/date.widget.ts) |
-| Dropdown | dropdown | [`DropdownWidgetComponent`](../../../lib/core/form/components/widgets/dropdown/dropdown.widget.ts) |
-| Typeahead | typeahead | [`TypeaheadWidgetComponent`](../../../lib/core/form/components/widgets/typeahead/typeahead.widget.ts) |
-| Amount | amount | [`AmountWidgetComponent`](../../../lib/core/form/components/widgets/amount/amount.widget.ts) |
-| Radio buttons | radio-buttons | [`RadioButtonsWidgetComponent`](../../../lib/core/form/components/widgets/radio-buttons/radio-buttons.widget.ts) |
-| People | people | [`PeopleWidgetComponent`](../../../lib/core/form/components/widgets/people/people.widget.ts) |
-| Group of people | functional-group | [`FunctionalGroupWidgetComponent`](../../../lib/core/form/components/widgets/functional-group/functional-group.widget.ts) |
-| Dynamic table | dynamic-table | [`DynamicTableWidgetComponent`](../../../lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.ts) |
-| Hyperlink | hyperlink | [`HyperlinkWidgetComponent`](../../../lib/core/form/components/widgets/hyperlink/hyperlink.widget.ts) |
-| Header | group | [`ContainerWidgetComponent`](../../../lib/core/form/components/widgets/container/container.widget.ts) |
-| Attach File | upload | AttachWidgetComponent or [`UploadWidgetComponent`](../../../lib/core/form/components/widgets/upload/upload.widget.ts) (based on metadata) |
-| Display value | readonly | [`TextWidgetComponent`](../../../lib/core/form/components/widgets/text/text.widget.ts) |
-| Display text | readonly-text | [`DisplayTextWidgetComponent`](../../../lib/core/form/components/widgets/display-text/display-text.widget.ts) |
-| Display Rich text | display-rich-text | [`DisplayRichTextWidgetComponent`](../../../lib/core/form/components/widgets/display-rich-text/display-rich-text.widget.ts) |
-| N/A | container | [`ContainerWidgetComponent`](../../../lib/core/form/components/widgets/container/container.widget.ts) (layout component) |
-| N/A | N/A | [`UnknownWidgetComponent`](../../../lib/core/form/components/widgets/unknown/unknown.widget.ts) |
+| Text | text | [`TextWidgetComponent`](lib/core/src/lib/form/components/widgets/text/text.widget.ts) |
+| Multi-line text | multi-line-text | [`MultilineTextWidgetComponentComponent`](lib/core/src/lib/form/components/widgets/multiline-text/multiline-text.widget.ts) |
+| Number | integer | [`NumberWidgetComponent`](lib/core/src/lib/form/components/widgets/number/number.widget.ts) |
+| Checkbox | boolean | [`CheckboxWidgetComponent`](lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts) |
+| Date | date | [`DateWidgetComponent`](lib/core/src/lib/form/components/widgets/date/date.widget.ts) |
+| Dropdown | dropdown | [`DropdownWidgetComponent`](lib/core/src/lib/form/components/widgets/dropdown/dropdown.widget.ts) |
+| Typeahead | typeahead | [`TypeaheadWidgetComponent`](lib/core/src/lib/form/components/widgets/typeahead/typeahead.widget.ts) |
+| Amount | amount | [`AmountWidgetComponent`](lib/core/src/lib/form/components/widgets/amount/amount.widget.ts) |
+| Radio buttons | radio-buttons | [`RadioButtonsWidgetComponent`](lib/core/src/lib/form/components/widgets/radio-buttons/radio-buttons.widget.ts) |
+| People | people | [`PeopleWidgetComponent`](lib/core/src/lib/form/components/widgets/people/people.widget.ts) |
+| Group of people | functional-group | [`FunctionalGroupWidgetComponent`](lib/core/src/lib/form/components/widgets/functional-group/functional-group.widget.ts) |
+| Dynamic table | dynamic-table | [`DynamicTableWidgetComponent`](lib/core/src/lib/form/components/widgets/dynamic-table/dynamic-table.widget.ts) |
+| Hyperlink | hyperlink | [`HyperlinkWidgetComponent`](lib/core/src/lib/form/components/widgets/hyperlink/hyperlink.widget.ts) |
+| Header | group | [`ContainerWidgetComponent`](lib/core/src/lib/form/components/widgets/container/container.widget.ts) |
+| Attach File | upload | AttachWidgetComponent or [`UploadWidgetComponent`](lib/core/src/lib/form/components/widgets/upload/upload.widget.ts) (based on metadata) |
+| Display value | readonly | [`TextWidgetComponent`](lib/core/src/lib/form/components/widgets/text/text.widget.ts) |
+| Display text | readonly-text | [`DisplayTextWidgetComponent`](lib/core/src/lib/form/components/widgets/display-text/display-text.widget.ts) |
+| Display Rich text | display-rich-text | [`DisplayRichTextWidgetComponent`](lib/core/src/lib/form/components/widgets/display-rich-text/display-rich-text.widget.ts) |
+| N/A | container | [`ContainerWidgetComponent`](lib/core/src/lib/form/components/widgets/container/container.widget.ts) (layout component) |
+| N/A | N/A | [`UnknownWidgetComponent`](lib/core/src/lib/form/components/widgets/unknown/unknown.widget.ts) |

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

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-20
 ---
 
-# [Form List Component](../../../lib/core/form/components/form-list.component.ts "Defined in form-list.component.ts")
+# [Form List Component](lib/core/src/lib/form/components/form-list.component.ts "Defined in form-list.component.ts")
 
 Shows forms as a list.
 

docs/core/components/header.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-20
 ---
 
-# [Header component](../../../lib/core/layout/components/header/header.component.ts "Defined in header.component.ts")
+# [Header component](lib/core/src/lib/layout/components/header/header.component.ts "Defined in header.component.ts")
 
 Reusable header for Alfresco applications.
 

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

@@ -5,7 +5,7 @@ Status: Internal
 Last reviewed: 2019-01-16
 ---
 
-# [Host settings component](../../../lib/core/settings/host-settings.component.ts "Defined in host-settings.component.ts")
+# [Host settings component](lib/core/src/lib/settings/host-settings.component.ts "Defined in host-settings.component.ts")
 
 Validates the URLs for ACS and APS and saves them in the user's local storage
 

docs/core/components/icon.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-02-08
 ---
 
-# [Icon Component](../../../lib/core/icon/icon.component.ts "Defined in icon.component.ts")
+# [Icon Component](lib/core/src/lib/icon/icon.component.ts "Defined in icon.component.ts")
 
 Provides a universal way of rendering registered and named icons.
 

docs/core/components/infinite-pagination.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-03-20
 ---
 
-# [Infinite Pagination component](../../../lib/core/pagination/infinite-pagination.component.ts "Defined in infinite-pagination.component.ts")
+# [Infinite Pagination component](lib/core/src/lib/pagination/infinite-pagination.component.ts "Defined in infinite-pagination.component.ts")
 
 Adds "infinite" pagination to the component it is used with.
 
@@ -40,7 +40,7 @@ Adds "infinite" pagination to the component it is used with.
 | ---- | ---- | ------------- | ----------- |
 | isLoading | `boolean` | false | Is a new page loading? |
 | pageSize | `number` |  | Number of items that are added with each "load more" event. |
-| target | [`PaginatedComponent`](../../../lib/core/pagination/paginated-component.interface.ts) |  | Component that provides custom pagination support. |
+| target | [`PaginatedComponent`](lib/core/src/lib/pagination/paginated-component.interface.ts) |  | Component that provides custom pagination support. |
 
 ### Events
 

docs/core/components/info-drawer-layout.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-06-08
 ---
 
-# [Info drawer layout component](../../../lib/core/info-drawer/info-drawer-layout.component.ts "Defined in info-drawer-layout.component.ts")
+# [Info drawer layout component](lib/core/src/lib/info-drawer/info-drawer-layout.component.ts "Defined in info-drawer-layout.component.ts")
 
 Displays a sidebar-style information panel.
 

docs/core/components/info-drawer-tab.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-06-08
 ---
 
-# [Info Drawer Tab component](../../../lib/core/info-drawer/info-drawer.component.ts "Defined in info-drawer.component.ts")
+# [Info Drawer Tab component](lib/core/src/lib/info-drawer/info-drawer.component.ts "Defined in info-drawer.component.ts")
 
 Renders tabs in a [Info drawer component](info-drawer.component.md).
 

docs/core/components/info-drawer.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-06-08
 ---
 
-# [Info Drawer component](../../../lib/core/info-drawer/info-drawer.component.ts "Defined in info-drawer.component.ts")
+# [Info Drawer component](lib/core/src/lib/info-drawer/info-drawer.component.ts "Defined in info-drawer.component.ts")
 
 Displays a sidebar-style information panel with tabs.
 

docs/core/components/json-cell.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-04-12
 ---
 
-# [Json Cell Component](../../../lib/core/datatable/components/json-cell/json-cell.component.ts "Defined in json-cell.component.ts")
+# [Json Cell Component](lib/core/src/lib/datatable/components/json-cell/json-cell.component.ts "Defined in json-cell.component.ts")
 
 Shows a JSON-formatted value inside a datatable component.
 
@@ -43,12 +43,12 @@ You can specify the cell inside the `app.config.json` file:
 
 | Name | Type | Default value | Description |
 | ---- | ---- | ------------- | ----------- |
-| column | [`DataColumn`](../../../lib/core/datatable/data/data-column.model.ts) |  | Data that defines the column. |
+| column | [`DataColumn`](lib/core/src/lib/datatable/data/data-column.model.ts) |  | Data that defines the column. |
 | copyContent | `boolean` |  | Enables/disables a [Clipboard directive](../../core/directives/clipboard.directive.md) to allow copying of the cell's content. |
-| data | [`DataTableAdapter`](../../../lib/core/datatable/data/datatable-adapter.ts) |  | Data table adapter instance. |
+| data | [`DataTableAdapter`](lib/core/src/lib/datatable/data/datatable-adapter.ts) |  | Data table adapter instance. |
 | editable | `boolean` | false | Editable JSON. |
 | resolverFn | `Function` | null | Custom resolver function which is used to parse dynamic column objects |
-| row | [`DataRow`](../../../lib/core/datatable/data/data-row.model.ts) |  | Data that defines the row. |
+| row | [`DataRow`](lib/core/src/lib/datatable/data/data-row.model.ts) |  | Data that defines the row. |
 | tooltip | `string` |  | Text for the cell's tooltip. |
 
 ## Details

docs/core/components/language-menu.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-09
 ---
 
-# [Language Menu component](../../../lib/core/language-menu/language-menu.component.ts "Defined in language-menu.component.ts")
+# [Language Menu component](lib/core/src/lib/language-menu/language-menu.component.ts "Defined in language-menu.component.ts")
 
 Displays all the languages that are present in "app.config.json" and the default (EN).
 

docs/core/components/login-dialog-panel.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-10-02
 ---
 
-# [Login Dialog Panel component](../../../lib/core/login/components/login-dialog-panel.component.ts "Defined in login-dialog-panel.component.ts")
+# [Login Dialog Panel component](lib/core/src/lib/login/components/login-dialog-panel.component.ts "Defined in login-dialog-panel.component.ts")
 
 Shows and manages a login dialog.
 

docs/core/components/login-dialog.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-10-02
 ---
 
-# [Login Dialog component](../../../lib/core/login/components/login-dialog.component.ts "Defined in login-dialog.component.ts")
+# [Login Dialog component](lib/core/src/lib/login/components/login-dialog.component.ts "Defined in login-dialog.component.ts")
 
 Allows a user to perform a login via a dialog.
 
@@ -18,7 +18,7 @@ The [Login Dialog component](login-dialog.component.md) allows you to perform a
 Unlike most components, the [Login Dialog Component](login-dialog.component.md) is typically shown in a dialog box
 rather than the main page and you are responsible for opening the dialog yourself. You can use the
 [Angular Material Dialog](https://material.angular.io/components/dialog/overview) for this,
-as shown in the usage example. ADF provides the [`LoginDialogComponentData`](../../../lib/core/login/components/login-dialog-component-data.interface.ts) interface
+as shown in the usage example. ADF provides the [`LoginDialogComponentData`](lib/core/src/lib/login/components/login-dialog-component-data.interface.ts) interface
 to work with the Dialog's
 [data option](https://material.angular.io/components/dialog/overview#sharing-data-with-the-dialog-component-):
 
@@ -81,7 +81,7 @@ openLoginDialog() {
 }
 ```
 
-All the results will be streamed to the logged [subject](http://reactivex.io/rxjs/manual/overview.html#subject) present in the [`LoginDialogComponentData`](../../../lib/core/login/components/login-dialog-component-data.interface.ts) object passed to the dialog.
+All the results will be streamed to the logged [subject](http://reactivex.io/rxjs/manual/overview.html#subject) present in the [`LoginDialogComponentData`](lib/core/src/lib/login/components/login-dialog-component-data.interface.ts) object passed to the dialog.
 When the dialog action is selected by clicking, the `data.logged` stream will be completed.
 
 ## See also

docs/core/components/login.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-03-20
 ---
 
-# [Login component](../../../lib/core/login/components/login.component.ts "Defined in login.component.ts")
+# [Login component](lib/core/src/lib/login/components/login.component.ts "Defined in login.component.ts")
 
 Authenticates to Alfresco Content Services and Alfresco Process Services.
 

docs/core/components/notification-history.component.md

@@ -5,7 +5,7 @@ Status: Experimental
 Last reviewed: 2019-06-05
 ---
 
-# [Notification History component](../../../lib/core/notifications/components/notification-history.component.ts "Defined in notification-history.component.ts")
+# [Notification History component](lib/core/src/lib/notifications/components/notification-history.component.ts "Defined in notification-history.component.ts")
 
 This component is in the current status just an experimental component.
 The main purpose of the [Notification history component](../../core/components/notification-history.component.md) is list all the notification received in the current session. They will disappear from the list after the refresh.

docs/core/components/pagination.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-20
 ---
 
-# [Pagination Component](../../../lib/core/pagination/pagination.component.ts "Defined in pagination.component.ts")
+# [Pagination Component](lib/core/src/lib/pagination/pagination.component.ts "Defined in pagination.component.ts")
 
 Adds pagination to the component it is used with.
 
@@ -43,8 +43,8 @@ Adds pagination to the component it is used with.
 | Name | Type | Default value | Description |
 | ---- | ---- | ------------- | ----------- |
 | supportedPageSizes | `number[]` |  | An array of page sizes. |
-| target | [`PaginatedComponent`](../../../lib/core/pagination/paginated-component.interface.ts) |  | Component that provides custom pagination support. |
-| pagination | [`PaginationModel`](../../../lib/core/models/pagination.model.ts) |  | Pagination object. |
+| target | [`PaginatedComponent`](lib/core/src/lib/pagination/paginated-component.interface.ts) |  | Component that provides custom pagination support. |
+| pagination | [`PaginationModel`](lib/core/src/lib/models/pagination.model.ts) |  | Pagination object. |
 
 ### Events
 
@@ -84,7 +84,7 @@ new object contains updated properties that you can use to fetch the next page o
 ### Custom pagination
 
 The component also makes it easy to integrate your own implementation of pagination.
-You can supply any component that implements the [`PaginatedComponent`](../../../lib/core/pagination/paginated-component.interface.ts) interface as the value of the
+You can supply any component that implements the [`PaginatedComponent`](lib/core/src/lib/pagination/paginated-component.interface.ts) interface as the value of the
 `target` property.
 
 ```js

docs/core/components/rich-text-editor.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2020-07-20
 ---
 
-# [Rich Text Editor component](../../../lib/core/rich-text-editor/rich-text-editor.component.ts "Defined in rich-text-editor.component.ts")
+# [Rich Text Editor component](lib/core/src/lib/rich-text-editor/rich-text-editor.component.ts "Defined in rich-text-editor.component.ts")
 
 Wrap [Editor.js](https://editorjs.io/) element to show a Rich Text editor allows to add formatted text.
 

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

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2019-11-06
 ---
 
-# [Search Text Input Component](../../../lib/core/search-text/search-text-input.component.ts "Defined in search-text-input.component.ts")
+# [Search Text Input Component](lib/core/src/lib/search-text/search-text-input.component.ts "Defined in search-text-input.component.ts")
 
 Displays a input text that supports autocompletion
 

docs/core/components/sidebar-action-menu.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-20
 ---
 
-# [Sidebar action menu component](../../../lib/core/layout/components/sidebar-action/sidebar-action-menu.component.ts "Defined in sidebar-action-menu.component.ts")
+# [Sidebar action menu component](lib/core/src/lib/layout/components/sidebar-action/sidebar-action-menu.component.ts "Defined in sidebar-action-menu.component.ts")
 
 Displays a sidebar-action menu information panel.
 

docs/core/components/sidenav-layout.component.md

@@ -5,7 +5,7 @@ Status: Active
 Last reviewed: 2018-11-20
 ---
 
-# [Sidenav Layout component](../../../lib/core/layout/components/sidenav-layout/sidenav-layout.component.ts "Defined in sidenav-layout.component.ts")
+# [Sidenav Layout component](lib/core/src/lib/layout/components/sidenav-layout/sidenav-layout.component.ts "Defined in sidenav-layout.component.ts")
 
 Displays the standard three-region ADF application layout.
 

docs/core/components/snackbar-content.component.md

@@ -0,0 +1,46 @@
+---
+Title: Snackbar Content Component
+Added: v5.1.0
+Status: Active
+Last reviewed: 2022-11-08
+---
+
+# [Snackbar Content Component](lib/core/src/lib/snackbar-content/snackbar-content.component.ts "Defined in snackbar-content.component.ts")
+
+Custom content for Snackbar which allows use icon as action.
+
+## Basic Usage
+
+```ts
+snackBar.openFromComponent(SnackbarContentComponent, {
+    data: {
+        message: 'Some message',
+        actionLabel: "Some action label",
+        showAction: true
+    }
+});
+```
+
+## Class members
+
+### Properties
+
+| Name | Type           | Default value | Description                                                      |
+|------|----------------|---------------|------------------------------------------------------------------|
+| data | `SnackbarData` | false         | Object which is injected into snackbar's content with it's data. |
+
+### Snackbar Data
+
+| Name        | Type      | Default value | Description                                                             |
+|-------------|-----------|---------------|-------------------------------------------------------------------------|
+| actionLabel | `string`  | false         | Displayed action as a text.                                             |
+| actionIcon  | `string`  | false         | Displayed action as an material icon.                                   |
+| actionIconAriaLabel  | `string`  | false         | Sets aria-label attribute for button with icon action.                  |
+| message     | `string`  | false         | Visible snackbar's message for user.                                    |
+| showAction     | `boolean` | false         | True if action should be visible, false in other case.                  |
+| callActionOnIconClick     | `boolean` | false         | True if clicking on icon should to trigger action, false in other case. |
+
+## Details
+
+Snackbar allows using action as string by default which causes that there is no possibility to use mat-icon inside snackbar's content. 
+That custom content for Angular material Snackbar allows for that.