4.4.0 (#7030 )

* 4.4.0 * Update README.md * Update upgrade43-44.md * Update readme * lock update Co-authored-by: arditdomi <32884230+arditdomi@users.noreply.github.com>
[ACA-4445] - disabled edit aspect button on content card for ACS version below 7 (#7043 )
2026-09-16 18:13:06 +00:00 · 2021-05-20 09:50:30 +01:00 · 2021-05-19 17:18:57 +01:00 · 2021-05-18 14:04:10 +01:00 · 2021-05-17 16:44:16 +01:00 · 2021-05-17 16:44:08 +01:00
1200 changed files with 47889 additions and 21013 deletions
@@ -3,6 +3,16 @@ updates:
 - package-ecosystem: npm
  directory: "/"
  schedule:
-    interval: daily
+    interval: "weekly"
+    day: "sunday"
  open-pull-requests-limit: 5
  target-branch: develop
+  ignore:
+    - dependency-name: "@alfresco/*"
+    - dependency-name: "@angular/*"
+    - dependency-name: "@angular-devkit/*"
+    - dependency-name: "@ngrx/*"
+    - dependency-name: "@nrwl/*"
+    - dependency-name: "pdfjs-dist"
+    - dependency-name: "@types/*"
+    - dependency-name: "typescript"
@@ -3,6 +3,7 @@ node_modules
 bundles
 workspace.xml
 .idea/
+*.iml
 .env.*
 .env
 dist/
@@ -1,3 +1,6 @@
+import:
+  - source: Alfresco/alfresco-build-tools:.travis.docker_hub_login.yml@v1.1.1
+  
 git:
  depth: 3
  quiet: true
@@ -9,17 +12,31 @@ node_js:
  - '12.18.4'

 before_install: . ./scripts/ci/job_hooks/before_install.sh
-install:
-    echo "no install"
+install: ./scripts/ci/job_hooks/install.sh

 env:
    global:
+        # REPOSITORY
+        - REPO_OWNER="Alfresco"
+        - REPO_NAME="alfresco-ng2-components"
+
+        - S3_DBP_PATH="s3://alfresco-travis-builds/adf"
+        - DEMO_SHELL_DIR="./dist/demo-shell"
+        - BUILT_LIBS_DIR="./lib/dist"
+        - NODE_MODULES_DIR="./node_modules"
+        - SMART_RUNNER_DIRECTORY=".protractor-smartrunner"
        #E2E VARIABLES
        - SAVE_SCREENSHOT=true
        - REDIRECT_URI=/
-        - REDIRECT_URI_LOGOUT=/logout/
        - BROWSER_RUN=true
-        - MAXINSTANCES=3
+        - MAXINSTANCES=2
+        - PROXY_HOST_ADF=$E2E_HOST
+        - HOST_SSO=$HOST_SSO
+        - USERNAME_ADF=$E2E_USERNAME
+        - PASSWORD_ADF=$E2E_PASSWORD
+        - IDENTITY_ADMIN_EMAIL=$E2E_ADMIN_EMAIL_IDENTITY
+        - IDENTITY_ADMIN_PASSWORD=$E2E_ADMIN_PASSWORD_IDENTITY
+        - URL_HOST_ADF="http://localhost:4200"

 branches:
  only:
@@ -30,20 +47,24 @@ branches:
  - /.*beta.*/

 stages:
-  - name: Lint & Build Dist & Release
+  - name: Prerequisite
+  - name: Setup
+  - name: "Build lib"
    if: tag IS blank
-  - name: Check bundle
+  - name: "Check bundle"
    if: type = push AND tag IS blank
-  - name: Trigger ADF child build
-    if: (branch = develop AND type = push) OR type = api
-  - name: Unit test
-    if: (branch != master AND type != cron AND tag IS blank) OR type = api
-  - name: e2e Test
-    if: (branch != master AND type != cron AND tag IS blank) OR type = api
-  - name: Update Children Projects
-    if: tag =~ .*beta.*
-  - name: Release tag
-    if: type = cron OR branch = master
+  - name: "Trigger Alpha ADF child build"
+    if: branch = develop AND type = cron
+  - name: "Build Demo shell"
+    if: tag IS blank
+  - name: "Unit test Lib"
+    if: type = cron || type = pull_request
+  - name: "e2e Test"
+    if: type = cron || type = pull_request
+  - name: "Release tag"
+    if: branch = master
+  - name: "Deprecate develop builds"
+    if: branch = master

 addons:
    chrome: stable
@@ -54,81 +75,368 @@ services:

 jobs:
    include:
+        # Big Bang ===================
+        - stage: Prerequisite
+          name: "Before anything unnece$$ary happens..."
+          if: type == pull_request
+          language: python
+          python: 3.8
+          install: echo "no install here"
+          script: ./scripts/ci/jobs/dbpci-build-guard-check $TRAVIS_PULL_REQUEST || exit 1
+
+        # Setup ======================
+        - stage: Setup
+          name: "Node modules cache preparation"
+          script: echo "Only here for setting up the shared node_modules"
+          workspaces:
+            create:
+              name: node_modules_cache
+              paths:
+                - "$NODE_MODULES_DIR"
+            use: node_modules_cache
+
        # Run Only for any PR
-        - stage: Lint & Build Dist & Release
-          name:  Build
+        - stage: "Build lib"
+          name:  "Lib::Build"
          script:
-            - ./scripts/travis/build/build.sh
-            - ./scripts/lint.sh
+            - ./scripts/travis/build/build-libs.sh
            - ./scripts/travis/release/release-npm.sh
-            - ./scripts/travis/release/release-docker.sh
+          workspaces:
+            create:
+              name: built_libs_cache
+              paths:
+                - "$BUILT_LIBS_DIR"
+                - "$NODE_MODULES_DIR"
+            use: node_modules_cache

-          after_success:
-            - ./scripts/travis/release/release-docker.sh
-            - ./scripts/ci/utils/artifact-to-s3.sh -a ./dist/demo-shell -o "$S3_DBP_FOLDER/alfresco-demoshell.tar.bz2"
-            - ./scripts/ci/utils/artifact-to-s3.sh -a ./lib/dist -o "$S3_DBP_FOLDER/alfresco-libs.tar.bz2"
+        - stage: "Build lib"
+          name: "Lint"
+          script: ./scripts/lint.sh
+          workspaces:
+              use: node_modules_cache

-        - stage: Unit test
-          name: Unit test content
+        - stage: "Build Demo shell"
+          name:  "Demo Shell :Build && dockerize"
+          script:
+              # Build Demo shell for production docker"
+              - NODE_OPTIONS=--max_old_space_size=8192 nx build demoshell --prod
+              - ./scripts/travis/release/release-docker.sh
+          workspaces:
+              create:
+                  name: built_demo_shell_cache
+                  paths:
+                      - "$DEMO_SHELL_DIR"
+              use:
+                  - built_libs_cache
+
+        - stage: "Unit test Lib"
+          name: "content::unit"
          script:  ./scripts/travis/unit-test/content.sh
-        - stage: Unit test
-          name: Unit test core extension demo
+          workspaces:
+            use: built_libs_cache
+
+        - stage: "Unit test Lib"
+          name: "core-extension::unit"
          script: ./scripts/travis/unit-test/core-extension.sh
-        - stage: Unit test
-          name: Unit test process insights
+          workspaces:
+            use: built_libs_cache
+
+        - stage: "Unit test Lib"
+          name: "process-insights::unit"
          script: ./scripts/travis/unit-test/process.sh
-        - stage: Unit test
-          name: Unit test process-cloud
+          workspaces:
+            use: built_libs_cache
+
+        - stage: "Unit test Lib"
+          name: "process-cloud::unit"
          script: ./scripts/travis/unit-test/process-cloud.sh
+          workspaces:
+            use: built_libs_cache

+        - stage: "Trigger Alpha ADF child build"
+          name: "Trigger Alpha ADF child build"
+          script: ./scripts/travis/update/update-project.sh -p $TRAVIS_BUILD_NUMBER -t $GITHUB_TOKEN -v alpha
+          workspaces:
+            use: built_libs_cache

-        - stage: Update Children Projects
-          script: ./scripts/travis/update/update-children.sh
-
-        - stage: Release tag
+        - stage: "Release tag"
          script: ./scripts/travis/release/git-tag.sh

+        - stage: "Deprecate develop builds"
+          script: ./scripts/travis/release/deprecate-develop-build.sh -v ${ADF_VERSION}

-        - stage: e2e Test
-          name: core
+        - stage: "e2e Test"
+          name: "Core"
          before_script:
-            - ./scripts/ci/utils/artifact-from-s3.sh -a "$S3_DBP_FOLDER/alfresco-demoshell.tar.bz2" -o "./dist/demo-shell"
-            - ./scripts/ci/utils/artifact-from-s3.sh -a "$S3_DBP_FOLDER/alfresco-libs.tar.bz2" -o "./lib/dist"
-          script: ./scripts/travis/e2e/core-e2e.sh
-        - stage: e2e Test
-          name:  content
+            - ./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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="core"
+              - PROVIDER='ALL'
+              - AUTH_TYPE='OAUTH'
+
+        - stage: "e2e Test"
+          name:  "Content: Components"
          before_script:
-              - ./scripts/ci/utils/artifact-from-s3.sh -a "$S3_DBP_FOLDER/alfresco-demoshell.tar.bz2" -o "./dist/demo-shell"
-              - ./scripts/ci/utils/artifact-from-s3.sh -a "$S3_DBP_FOLDER/alfresco-libs.tar.bz2" -o "./lib/dist"
-          script: ./scripts/travis/e2e/content-services-e2e.sh
-        - stage: e2e Test
-          name:  search
+              - ./scripts/ci/job_hooks/before_e2e.sh
+              - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
+          script: ./scripts/travis/e2e/e2e.sh
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="content-services/components"
+              - PROVIDER="ECM"
+              - AUTH_TYPE="BASIC"
+
+        - stage: "e2e Test"
+          name:  "Content: Directives"
          before_script:
-              - ./scripts/ci/utils/artifact-from-s3.sh -a "$S3_DBP_FOLDER/alfresco-demoshell.tar.bz2" -o "./dist/demo-shell"
-              - ./scripts/ci/utils/artifact-from-s3.sh -a "$S3_DBP_FOLDER/alfresco-libs.tar.bz2" -o "./lib/dist"
-          script: ./scripts/travis/e2e/search-e2e.sh
-        - stage: e2e Test
-          name: process
+              - ./scripts/ci/job_hooks/before_e2e.sh
+              - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
+          script: ./scripts/travis/e2e/e2e.sh
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="content-services/directives"
+              - PROVIDER="ECM"
+              - AUTH_TYPE="BASIC"
+
+        - stage: "e2e Test"
+          name:  "Content: Document List"
          before_script:
-              - ./scripts/ci/utils/artifact-from-s3.sh -a "$S3_DBP_FOLDER/alfresco-demoshell.tar.bz2" -o "./dist/demo-shell"
-              - ./scripts/ci/utils/artifact-from-s3.sh -a "$S3_DBP_FOLDER/alfresco-libs.tar.bz2" -o "./lib/dist"
-          script: ./scripts/travis/e2e/process-services-e2e.sh
-        - stage: e2e Test
-          name: process Cloud
+              - ./scripts/ci/job_hooks/before_e2e.sh
+              - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
+          script: ./scripts/travis/e2e/e2e.sh
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="content-services/document-list"
+              - PROVIDER="ECM"
+              - AUTH_TYPE="BASIC"
+
+        - stage: "e2e Test"
+          name:  "Content: Metadata"
          before_script:
-              - ./scripts/ci/utils/artifact-from-s3.sh -a "$S3_DBP_FOLDER/alfresco-demoshell.tar.bz2" -o "./dist/demo-shell"
-              - ./scripts/ci/utils/artifact-from-s3.sh -a "$S3_DBP_FOLDER/alfresco-libs.tar.bz2" -o "./lib/dist"
-          script: ./scripts/travis/e2e/process-services-cloud-e2e.sh
+              - ./scripts/ci/job_hooks/before_e2e.sh
+              - ./scripts/ci/check-env/check-cs-env.sh || travis_terminate 1
+          script: ./scripts/travis/e2e/e2e.sh
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="content-services/metadata"
+              - PROVIDER="ECM"
+              - AUTH_TYPE="BASIC"
+
+        - stage: "e2e Test"
+          name:  "Content: Upload and Versioning"
+          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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="content-services/upload"
+              - PROVIDER="ECM"
+              - AUTH_TYPE="BASIC"
+
+        - stage: "e2e Test"
+          name:  "Search"
+          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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+            - FOLDER="search"
+            - PROVIDER="ECM"
+            - AUTH_TYPE="BASIC"
+
+        - stage: "e2e Test"
+          name: "Process: Form"
+          before_script:
+              - ./scripts/ci/job_hooks/before_e2e.sh || travis_terminate 1
+              - ./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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="process-services/form"
+              - PROVIDER="BPM"
+              - AUTH_TYPE="OAUTH"
+
+        - stage: "e2e Test"
+          name: "Process: Process"
+          before_script:
+              - ./scripts/ci/job_hooks/before_e2e.sh || travis_terminate 1
+              - ./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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="process-services/process"
+              - PROVIDER="BPM"
+              - AUTH_TYPE="OAUTH"
+
+        - stage: "e2e Test"
+          name: "Process: Tasks"
+          before_script:
+              - ./scripts/ci/job_hooks/before_e2e.sh || travis_terminate 1
+              - ./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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="process-services/tasks"
+              - PROVIDER="BPM"
+              - AUTH_TYPE="OAUTH"
+
+        - stage: "e2e Test"
+          name: "Process: Widgets"
+          before_script:
+              - ./scripts/ci/job_hooks/before_e2e.sh || travis_terminate 1
+              - ./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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="process-services/widgets"
+              - PROVIDER="BPM"
+              - AUTH_TYPE="OAUTH"
+
+        - stage: "e2e Test"
+          name: "Process Cloud : Form"
+          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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="process-services-cloud/form-field"
+              - PROVIDER="ALL"
+              - AUTH_TYPE="OAUTH"
+
+        - stage: "e2e Test"
+          name: "Process Cloud : People"
+          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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="process-services-cloud/people"
+              - PROVIDER="ALL"
+              - AUTH_TYPE="OAUTH"
+
+        - stage: "e2e Test"
+          name: "Process Cloud : Process"
+          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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="process-services-cloud/process"
+              - PROVIDER="ALL"
+              - AUTH_TYPE="OAUTH"
+
+        - stage: "e2e Test"
+          name: "Process Cloud : Start Task"
+          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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+              - FOLDER="process-services-cloud/start-task"
+              - PROVIDER="ALL"
+              - AUTH_TYPE="OAUTH"
+
+        - stage: "e2e Test"
+          name: "Process Cloud : Tasks List"
+          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
+          after_script: ./scripts/ci/job_hooks/after_e2e.sh
+          workspaces:
+            use:
+              - built_libs_cache
+              - built_demo_shell_cache
+          env:
+             - FOLDER="process-services-cloud/task-list"
+             - PROVIDER="ALL"
+             - AUTH_TYPE="OAUTH"

        - stage: Check bundle
          script:
          - ADF_VERSION=$(npm view @alfresco/adf-core@${TAG_NPM} version)
-          - ./scripts/npm-check-bundles.sh -v ${ADF_VERSION}
-
-
-        - stage: Trigger ADF child build
-          name: Trigger ADF child build
-          script: ./scripts/travis/update/trigger-travis-children.sh --branch $TRAVIS_BRANCH Alfresco $TRAVIS_ACCESS_TOKEN
+          - ./scripts/travis/build/npm-check-bundles.sh -v ${ADF_VERSION}
+          workspaces:
+            use: built_libs_cache

 notifications:
  slack:
@@ -143,6 +451,6 @@ notifications:
      - "Message: %{message}"

 cache:
+  npm: false
  directories:
-  - node_modules
  - tmp
@@ -1,12 +1,29 @@
-FROM nginx:stable-alpine
-LABEL version="3.0.0"
+# 1. Generate licenses

-ARG PROJECT_NAME=demo-shell
+FROM node:12.16.2-alpine3.9 AS builder
+WORKDIR /usr/src/alfresco
+COPY package.json package.json

-COPY ./docker/nginx.conf /etc/nginx/nginx.conf
-COPY ./docker/entrypoint.sh /
+RUN mkdir -p ./licenses && \
+  yarn licenses list > ./licenses/licenses.txt && \
+  yarn licenses generate-disclaimer > ./licenses/disclaimer.txt

-WORKDIR /usr/share/nginx/html
-COPY dist/$PROJECT_NAME .
+# 2. Generate image

-ENTRYPOINT [ "/entrypoint.sh" ]
+FROM nginxinc/nginx-unprivileged:1.19.3-alpine
+
+ARG PROJECT_NAME
+
+COPY docker/default.conf.template /etc/nginx/templates/
+COPY docker/docker-entrypoint.d/* /docker-entrypoint.d/
+
+COPY dist/$PROJECT_NAME /usr/share/nginx/html/
+COPY dist/$PROJECT_NAME/app.config.json /etc/nginx/templates/app.config.json.template
+COPY --from=builder /usr/src/alfresco/licenses /usr/share/nginx/html/
+
+USER root
+RUN chmod a+w -R /etc/nginx/conf.d
+USER 101
+
+ENV BASE_PATH=/
+ENV NGINX_ENVSUBST_OUTPUT_DIR=/etc/nginx/conf.d
@@ -9,9 +9,6 @@
 [![Join the chat at https://gitter.im/Alfresco/alfresco-ng2-components](https://badges.gitter.im/Alfresco/alfresco-ng2-components.svg)](https://gitter.im/Alfresco/alfresco-ng2-components?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

 <p>
-  <a href='https://codecov.io/gh/Alfresco/alfresco-ng2-components'>
-    <img src='http://img.shields.io/codecov/c/github/Alfresco/alfresco-ng2-components/master.svg?maxAge=2592000' alt='Coverage Status' />
-  </a>
  <a href='https://github.com/Alfresco/alfresco-ng2-components/blob/master/LICENSE'>
     <img src='https://img.shields.io/hexpm/l/plug.svg' alt='license' />
  </a>
@@ -23,7 +20,7 @@ See the [Introduction page](INTRODUCTION.md) to get started with the Alfresco Ap

 ## Prerequisites

-Before you start using this development framework, make sure you have installed all required software and done all the necessary configuration. see the prerequisites section in [creating your first ADF Application](./creating-your-first-adf-application.md) for full details.
+Before you start using this development framework, make sure you have installed all required software and done all the necessary configuration. see the prerequisites section in [creating your first ADF Application](./docs/tutorials/creating-your-first-adf-application.md) for full details.

 ## Components

@@ -19,6 +19,8 @@
              "superagent",
              "event-emitter",
              "brace-expansion",
+              "zen-observable",
+              "subscriptions-transport-ws",
              "d",
              "chart.js"
            ],
@@ -28,7 +30,9 @@
            "tsConfig": "tsconfig.dev.json",
            "polyfills": "demo-shell/src/polyfills.ts",
            "stylePreprocessorOptions": {
-              "includePaths": ["lib"]
+              "includePaths": [
+                "lib"
+              ]
            },
            "assets": [
              "demo-shell/src/assets",
@@ -119,7 +123,8 @@
              "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"
+              "demo-shell/src/custom-style-dev.scss",
+              "node_modules/cropperjs/dist/cropper.min.css"
            ],
            "scripts": [
              "node_modules/pdfjs-dist/build/pdf.js",
@@ -160,6 +165,16 @@
                  "maximumWarning": "6kb"
                }
              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "aot": true,
+              "extractLicenses": true,
+              "vendorChunk": true,
+              "buildOptimizer": true,
+              "verbose": false,
              "fileReplacements": [
                {
                  "replace": "demo-shell/src/environments/environment.ts",
@@ -296,8 +311,13 @@
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
-            "tsConfig": ["tsconfig.dev.json"],
-            "exclude": ["**/node_modules/**/*", "package.json"]
+            "tsConfig": [
+              "tsconfig.dev.json"
+            ],
+            "exclude": [
+              "**/node_modules/**/*",
+              "package.json"
+            ]
          }
        }
      }
@@ -330,8 +350,12 @@
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
-            "tsConfig": ["./e2e/tsconfig.e2e.json"],
-            "exclude": ["**/node_modules/**/*"]
+            "tsConfig": [
+              "./e2e/tsconfig.e2e.json"
+            ],
+            "exclude": [
+              "**/node_modules/**/*"
+            ]
          }
        }
      }
@@ -372,7 +396,9 @@
              "lib/core/tsconfig.lib.json",
              "lib/core/tsconfig.spec.json"
            ],
-            "exclude": ["**/node_modules/**"]
+            "exclude": [
+              "**/node_modules/**"
+            ]
          }
        }
      }
@@ -413,7 +439,9 @@
              "lib/content-services/tsconfig.lib.json",
              "lib/content-services/tsconfig.spec.json"
            ],
-            "exclude": ["**/node_modules/**"]
+            "exclude": [
+              "**/node_modules/**"
+            ]
          }
        }
      }
@@ -454,7 +482,9 @@
              "lib/process-services/tsconfig.lib.json",
              "lib/process-services/tsconfig.spec.json"
            ],
-            "exclude": ["**/node_modules/**"]
+            "exclude": [
+              "**/node_modules/**"
+            ]
          }
        }
      }
@@ -495,7 +525,9 @@
              "lib/process-services-cloud/tsconfig.lib.json",
              "lib/process-services-cloud/tsconfig.spec.json"
            ],
-            "exclude": ["**/node_modules/**"]
+            "exclude": [
+              "**/node_modules/**"
+            ]
          }
        }
      }
@@ -536,7 +568,9 @@
              "lib/insights/tsconfig.lib.json",
              "lib/insights/tsconfig.spec.json"
            ],
-            "exclude": ["**/node_modules/**"]
+            "exclude": [
+              "**/node_modules/**"
+            ]
          }
        }
      }
@@ -576,7 +610,9 @@
              "lib/extensions/tsconfig.lib.json",
              "lib/extensions/tsconfig.spec.json"
            ],
-            "exclude": ["**/node_modules/**"]
+            "exclude": [
+              "**/node_modules/**"
+            ]
          }
        }
      }
@@ -606,7 +642,9 @@
              "lib/testing/tsconfig.lib.json",
              "lib/testing/tsconfig.spec.json"
            ],
-            "exclude": ["**/node_modules/**"]
+            "exclude": [
+              "**/node_modules/**"
+            ]
          }
        }
      }
@@ -631,5 +669,8 @@
      }
    }
  },
-  "defaultProject": "demoshell"
+  "defaultProject": "demoshell",
+  "cli": {
+    "analytics": "0ce5075f-0835-439a-bebe-7c41750179a6"
+  }
 }
@@ -59,7 +59,7 @@ This script is recommended for development environment and not suited for headle

 ```sh
 npm run build
-npm run start:dist
+npm run start:prod
 ```

 This command builds project in `production` mode.
@@ -68,8 +68,8 @@ You should need no additional files outside the `dist` folder.

 ## Development branch build

-If you want to run the demo shell with the latest changes from the development branch, use the following command from the /script folder:
+If you want to run the demo shell with the latest changes from the development branch, use the following command :

 ```sh
-npm run start:dev
+npm run start
 ```
@@ -1,7 +1,7 @@
 {
  "name": "Alfresco-ADF-Angular-Demo",
  "description": "Demo shell for Alfresco Angular components",
-  "version": "4.1.0",
+  "version": "4.4.0",
  "author": "Alfresco Software, Ltd.",
  "repository": {
    "type": "git",
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "حدد هذا لتعطيل خاصية الإدخال والتكوين باستخدام الخدمة",
    "HEADER_DATA": "بيانات العنوان",
    "TREE_VIEW": "طريقة عرض الشجرة",
+    "EXPAND_LIST": "قائمة العناصر القابلة للتوسيع",
    "ICONS": "أيقونات",
    "PEOPLE_GROUPS_CLOUD": "سحابة الأشخاص/المجموعة",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "مكون سحابة الأشخاص",
    "GROUPS_CLOUD": "مكون سحابة المجموعة",
    "CONFIRM-DIALOG": "مربع حوار التأكيد",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "قائمة مهام الخدمات"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "إدارة الإصدارات",
+      "ASPECTS": "تحديث الجوانب",
      "LOCK": "قفل",
      "METADATA": "معلومات",
      "DOWNLOAD": "تنزيل",
@@ -213,6 +216,12 @@
    "STORE": "متجر",
    "RESTORE": "استعادة"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "تم تعيين المهمة {{taskName}} إلى {{assignee}}",
+    "PROCESS_STARTED": "تم بدء عملية {{processName}}",
+    "TASK_UPDATED": "تم تحديث تفاصيل مهمة {{taskName}}",
+    "TASK_CREATED": "تم إنشاء المهمة {{TaskName}}"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "بيانات النموذج",
    "FORM_DATA_MESSAGE": "إدخال قيم لملء النموذج",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "الترجمة الأولى للعنوان المخصص",
  "GROUP-TITLE2-TRANSLATION-KEY": "الترجمة الثانية للعنوان المخصص",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "عودة إلى الرئيسية"
+    },
    "507": {
      "TITLE": "قرص ACS ممتلئ",
      "DESCRIPTION": "يتجاوز المحتوى حد سعة التخزين المكون للشبكة أو النظام",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "عودة إلى الرئيسية"
      }
    }
  },
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Označením této možnosti zakážete vstupní vlastnost a ke konfiguraci použijete službu",
    "HEADER_DATA": "Data záhlaví",
    "TREE_VIEW": "Stromová struktura",
+    "EXPAND_LIST": "Rozšiřitený seznam položek",
    "ICONS": "Ikony",
    "PEOPLE_GROUPS_CLOUD": "Cloud osob/skupin",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Součást cloudu osob",
    "GROUPS_CLOUD": "Součást cloudu skupin",
    "CONFIRM-DIALOG": "Dialogové okno s potvrzením",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "Seznam úloh služby"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "Spravovat verze",
+      "ASPECTS": "Aktualizovat aspekty",
      "LOCK": "Zamknout",
      "METADATA": "Informace",
      "DOWNLOAD": "Stáhnout",
@@ -213,6 +216,12 @@
    "STORE": "Uložit",
    "RESTORE": "Obnovit"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "Úkol {{taskName}} byl přiřazen uživateli {{assignee}}",
+    "PROCESS_STARTED": "Byl spuštěn proces {{processName}}",
+    "TASK_UPDATED": "Byly aktualizovány podrobnosti úkolu {{taskName}}",
+    "TASK_CREATED": "Úkol {{taskName}} byl vytvořen"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Data formuláře",
    "FORM_DATA_MESSAGE": "Zadejte hodnoty do formuláře",
@@ -243,11 +252,11 @@
      "CREATED_THIS_YEAR": "1.Vytvořeno tento rok",
      "MIMETYPE": "2.Typ: HTML",
      "XTRASMALL": "3.Velikost: extra malé",
-      "SMALL": "3.Velikost: malé",
-      "MEDIUM": "3.Velikost: střední",
-      "LARGE": "3.Velikost: velké",
-      "XTRALARGE": "3.Velikost: extra velké",
-      "XXTRALARGE": "3.Velikost: XX velké"
+      "SMALL": "4.Velikost: malé",
+      "MEDIUM": "5.Velikost: střední",
+      "LARGE": "6.Velikost: velké",
+      "XTRALARGE": "7.Velikost: extra velké",
+      "XXTRALARGE": "8.Velikost: XX velké"
    }
  },
  "SOCIAL": {
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Vlastní překlad názvu 1",
  "GROUP-TITLE2-TRANSLATION-KEY": "Vlastní překlad názvu 2",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Zpět domů"
+    },
    "507": {
      "TITLE": "Disk ACS plný",
      "DESCRIPTION": "Obsah přesahuje celkovou kvótu úložiště nastavenou pro síť nebo systém",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Zpět domů"
      }
    }
  },
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Vælg dette felt for at deaktivere inputegenskaben og konfigurere ved hjælp af tjenesten",
    "HEADER_DATA": "Headerdata",
    "TREE_VIEW": "Trævisning",
+    "EXPAND_LIST": "Udvidelig punktliste",
    "ICONS": "Ikoner",
    "PEOPLE_GROUPS_CLOUD": "Person/gruppecloud",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Personcloudkomponent",
    "GROUPS_CLOUD": "Gruppecloudkomponent",
    "CONFIRM-DIALOG": "Bekræftelsesdialogboks",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "Opgaveliste for tjeneste"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "Administrer versioner",
+      "ASPECTS": "Opdater aspekter",
      "LOCK": "Lås",
      "METADATA": "Oplysninger",
      "DOWNLOAD": "Download",
@@ -213,6 +216,12 @@
    "STORE": "Gem",
    "RESTORE": "Gendan"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "{{taskName}} opgave er blevet tildelt til {{assignee}}",
+    "PROCESS_STARTED": "{{processName}} processen er startet",
+    "TASK_UPDATED": "{{taskName}} opgavedetaljer er blevet opdateret",
+    "TASK_CREATED": "Opgaven {{taskName}} blev oprettet"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Formulardata",
    "FORM_DATA_MESSAGE": "Indtast værdier for at udfylde formularen",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Brugerdefineret titel oversættelse et",
  "GROUP-TITLE2-TRANSLATION-KEY": "Brugerdefineret titel oversættelse to",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Tilbage til forsiden"
+    },
    "507": {
      "TITLE": "ACS-disken er fuld",
      "DESCRIPTION": "Indholdet overskrider den generelle lagerkvotegrænse, der er konfigureret for netværket eller systemet",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Tilbage til forsiden"
      }
    }
  },
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Aktivieren Sie diese Option, um die Eingabeeigenschaft zu deaktivieren und die Nutzung des Services zu konfigurieren",
    "HEADER_DATA": "Headerdaten",
    "TREE_VIEW": "Strukturansicht",
+    "EXPAND_LIST": "Erweiterbare Elementliste",
    "ICONS": "Symbole",
    "PEOPLE_GROUPS_CLOUD": "Personen-/Gruppen-Cloud",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Personen-Cloud-Komponente",
    "GROUPS_CLOUD": "Gruppen-Cloud-Komponente",
    "CONFIRM-DIALOG": "Bestätigungsdialog",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "Service-Aufgabenliste"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "Versionen verwalten",
+      "ASPECTS": "Aspekte aktualisieren",
      "LOCK": "Sperren",
      "METADATA": "Info",
      "DOWNLOAD": "Herunterladen",
@@ -213,6 +216,12 @@
    "STORE": "Speichern",
    "RESTORE": "Wiederherstellen"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "Aufgabe '{{taskName}}' wurde {{assignee}} zugewiesen",
+    "PROCESS_STARTED": "Prozess '{{processName}}' wurde gestartet",
+    "TASK_UPDATED": "Aufgabe '{{taskName}}' wurde aktualisiert",
+    "TASK_CREATED": "Die Aufgabe {{taskName}} wurde erstellt"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Formulardaten",
    "FORM_DATA_MESSAGE": "Geben Sie Werte ein, um das Formular auszufüllen",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Übersetzung benutzerdefinierter Titel 1",
  "GROUP-TITLE2-TRANSLATION-KEY": "Übersetzung benutzerdefinierter Titel 2",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Zurück zur Startseite"
+    },
    "507": {
      "TITLE": "ACS-Datenträger voll",
      "DESCRIPTION": "Inhalt übersteigt die für das Netzwerk oder System konfigurierte Gesamtspeicherbegrenzung",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Zurück zur Startseite"
      }
    }
  },
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Check this to disable the input property and configure using the service",
    "HEADER_DATA": "Header Data",
    "TREE_VIEW": "Tree View",
+    "EXPAND_LIST": "Expandable item list",
    "ICONS": "Icons",
    "PEOPLE_GROUPS_CLOUD": "People/Group Cloud",
    "TASK_HEADER_CLOUD": {
@@ -166,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "Manage versions",
+      "ASPECTS": "Update Aspects",
      "LOCK": "Lock",
      "METADATA": "Info",
      "DOWNLOAD": "Download",
@@ -214,6 +216,12 @@
    "STORE": "Store",
    "RESTORE": "Restore"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "{{taskName}} task has been assigned to {{assignee}}",
+    "PROCESS_STARTED": "{{processName}} process has been started",
+    "TASK_UPDATED": "{{taskName}} task details have been updated",
+    "TASK_CREATED": "{{taskName}} task was created"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Form Data",
    "FORM_DATA_MESSAGE": "Enter values to populate the form",
@@ -287,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "CUSTOM TITLE TRANSLATION ONE",
  "GROUP-TITLE2-TRANSLATION-KEY": "CUSTOM TITLE TRANSLATION TWO",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Back to home"
+    },
    "507": {
      "TITLE": "ACS Disk full",
      "DESCRIPTION": "Content exceeds overall storage quota limit configured for the network or system",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Back to home"
      }
    }
  },
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Marque esto para desactivar la propiedad de entrada y configurar el uso del servicio",
    "HEADER_DATA": "Datos de encabezado",
    "TREE_VIEW": "Vista de árbol",
+    "EXPAND_LIST": "Lista de elementos expandible",
    "ICONS": "Iconos",
    "PEOPLE_GROUPS_CLOUD": "Personas/Grupos en la nube",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Componente en la nube de personas",
    "GROUPS_CLOUD": "Componente en la nube de grupos",
    "CONFIRM-DIALOG": "Cuadro de diálogo de confirmación",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "Lista de tareas de servicio"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "Gestionar versiones",
+      "ASPECTS": "Actualizar aspectos",
      "LOCK": "Bloquear",
      "METADATA": "Información",
      "DOWNLOAD": "Descargar",
@@ -213,6 +216,12 @@
    "STORE": "Almacenar",
    "RESTORE": "Restaurar"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "La tarea {{taskName}} ha sido asignada a {{assignee}}",
+    "PROCESS_STARTED": "Se ha iniciado el proceso {{processName}}",
+    "TASK_UPDATED": "Se actualizaron los detalles de la tarea {{taskName}}",
+    "TASK_CREATED": "Se ha creado la tarea {{taskName}}"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Datos del formulario",
    "FORM_DATA_MESSAGE": "Introduzca valores para rellenar el formulario",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Traducción de título personalizado 1",
  "GROUP-TITLE2-TRANSLATION-KEY": "Traducción de título personalizado 2",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Volver al inicio"
+    },
    "507": {
      "TITLE": "Disco ACS lleno",
      "DESCRIPTION": "El contenido supera el límite de la cuota de almacenamiento general configurado para la red o sistema.",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Volver al inicio"
      }
    }
  },
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Jos haluat poistaa käytöstä annetun ominaisuuden ja määrittää palvelun avulla, valitse tämä",
    "HEADER_DATA": "Otsikkotiedot",
    "TREE_VIEW": "Puunäkymä",
+    "EXPAND_LIST": "Laajennettava kohdelista",
    "ICONS": "Kuvakkeet",
    "PEOPLE_GROUPS_CLOUD": "Ihmispilvi/Ryhmäpilvi",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Ihmispilvi-komponentti",
    "GROUPS_CLOUD": "Ryhmäpilvi-komponentti",
    "CONFIRM-DIALOG": "Vahvistusvalintaikkuna",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "Palvelutehtäväluettelo"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "Hallitse versioita",
+      "ASPECTS": "Päivitä ominaisuusjoukot",
      "LOCK": "Lukitse",
      "METADATA": "Tiedot",
      "DOWNLOAD": "Lataa",
@@ -213,6 +216,12 @@
    "STORE": "Tallenna",
    "RESTORE": "Palauta"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "{{taskName}} -tehtävä on määritetty käyttäjälle {{assignee}}",
+    "PROCESS_STARTED": "{{processName}} -prosessi on käynnistetty",
+    "TASK_UPDATED": "{{taskName}} -tehtävän tiedot on päivitetty",
+    "TASK_CREATED": "{{taskName}} -tehtävä luotiin"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Lomaketiedot",
    "FORM_DATA_MESSAGE": "Anna lomakkeeseen lisättävät arvot",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Oma otsikkokäännös yksi",
  "GROUP-TITLE2-TRANSLATION-KEY": "Oma otsikkokäännös kaksi",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Takaisin aloitussivulle"
+    },
    "507": {
      "TITLE": "ACS-levy täynnä",
      "DESCRIPTION": "Sisältö ylittää verkolle tai järjestelmälle määritetyn tallennustilan kokonaisrajoituksen",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Takaisin aloitussivulle"
      }
    }
  },
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Cochez cette option pour désactiver la propriété d'entrée et configurer à partir du service",
    "HEADER_DATA": "Données d'en-tête",
    "TREE_VIEW": "Arborescence",
+    "EXPAND_LIST": "Liste déroulante",
    "ICONS": "Icônes",
    "PEOPLE_GROUPS_CLOUD": "Cloud des personnes/groupes",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Composant cloud des personnes",
    "GROUPS_CLOUD": "Composant cloud des groupes",
    "CONFIRM-DIALOG": "Boîte de dialogue de confirmation",
-    "COMMUNITY": "Communauté"
+    "COMMUNITY": "Communauté",
+    "SERVICE_TASK_LIST": "Liste des tâches de service"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "Gérer les versions",
+      "ASPECTS": "Mettre à jour les aspects",
      "LOCK": "Verrouiller",
      "METADATA": "Informations",
      "DOWNLOAD": "Télécharger",
@@ -213,6 +216,12 @@
    "STORE": "Stocker",
    "RESTORE": "Restaurer"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "La tâche {{taskName}} a été assignée à {{assignee}}",
+    "PROCESS_STARTED": "Le processus {{processName}} a été démarré",
+    "TASK_UPDATED": "Les détails de la tâche {{taskName}} ont été mis à jour",
+    "TASK_CREATED": "{{taskName}} tâche a été créée"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Données du formulaire",
    "FORM_DATA_MESSAGE": "Entrez les valeurs pour remplir le formulaire",
@@ -260,7 +269,7 @@
    "NODE_LIST": "Liste de balises par ID de nœud"
  },
  "DEMO_PERMISSION": {
-    "INHERIT_PERMISSION_BUTTON": "Hériter les droits d'accès",
+    "INHERIT_PERMISSION_BUTTON": "Hériter des droits d'accès",
    "INHERITED_PERMISSIONS_BUTTON": "Droits d'accès hérités"
  },
  "TASK_LIST_DEMO": {
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Titre personnalisé traduction un",
  "GROUP-TITLE2-TRANSLATION-KEY": "Titre personnalisé traduction deux",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Retour à l'accueil"
+    },
    "507": {
      "TITLE": "Disque ACS plein",
      "DESCRIPTION": "Le contenu dépasse le quota maximum de stockage configuré pour le réseau ou système",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Retour à l'accueil"
      }
    }
  },
@@ -39,8 +39,8 @@
  },
  "title": "Benvenuto",
  "VERSION": {
-    "NO_PERMISSION": "Non si dispone dei permessi per gestire versioni di questo contenuto",
-    "NO_PERMISSION_EVENT": "Non si dispone dei permessi ${event.permission} di ${event.action} ${event.type}",
+    "NO_PERMISSION": "Non si dispone dell'autorizzazione per gestire versioni di questo contenuto",
+    "NO_PERMISSION_EVENT": "Non si dispone dell'autorizzazione ${event.permission} per ${event.action} ${event.type}",
    "CHOOSE_FILE": "Seleziona un file per visualizzarne le versioni",
    "DIALOG": {
      "CLOSE": "Chiudi",
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Selezionare per disattivare la proprietà di input ed eseguire la configurazione utilizzando il servizio",
    "HEADER_DATA": "Dati intestazione",
    "TREE_VIEW": "Vista struttura",
+    "EXPAND_LIST": "Elenco elementi espandibile",
    "ICONS": "Icone",
    "PEOPLE_GROUPS_CLOUD": "Cloud persone/gruppi",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Componente Cloud persone",
    "GROUPS_CLOUD": "Componente Cloud gruppi",
    "CONFIRM-DIALOG": "Finestra di conferma",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "Elenco compiti servizio"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,10 +167,11 @@
    },
    "ACTIONS": {
      "VERSIONS": "Gestione versioni",
+      "ASPECTS": "Aggiorna aspetti",
      "LOCK": "Blocca",
      "METADATA": "Informazioni",
      "DOWNLOAD": "Scarica",
-      "PERMISSION": "Permesso",
+      "PERMISSION": "Autorizzazione",
      "FOLDER": {
        "COPY": "Copia",
        "MOVE": "Sposta",
@@ -213,6 +216,12 @@
    "STORE": "Memorizza",
    "RESTORE": "Ripristina"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "Il compito {{taskName}} è stato assegnato a {{assignee}}",
+    "PROCESS_STARTED": "Il processo {{processName}} è stato avviato",
+    "TASK_UPDATED": "I dettagli del compito {{taskName}} sono stati aggiornati",
+    "TASK_CREATED": "Il compito {{taskName}} è stato creato"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Dati modulo",
    "FORM_DATA_MESSAGE": "Inserire i dati per compilare il modulo",
@@ -260,8 +269,8 @@
    "NODE_LIST": "Elenco tag per ID nodo"
  },
  "DEMO_PERMISSION": {
-    "INHERIT_PERMISSION_BUTTON": "Eredita permessi",
-    "INHERITED_PERMISSIONS_BUTTON": "Permesso ereditato"
+    "INHERIT_PERMISSION_BUTTON": "Eredita autorizzazione",
+    "INHERITED_PERMISSIONS_BUTTON": "Autorizzazione ereditata"
  },
  "TASK_LIST_DEMO": {
    "ERROR_MESSAGE": {
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Custom Title Translation One",
  "GROUP-TITLE2-TRANSLATION-KEY": "Custom Title Translation Two",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Torna alla home"
+    },
    "507": {
      "TITLE": "Dico ACS pieno",
      "DESCRIPTION": "Il contenuto supera il limite di archiviazione complessivo configurato per la rete o il sistema",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Torna alla home"
      }
    }
  },
@@ -19,7 +19,7 @@
    "ADF_VERSION_MANAGER": {
      "ALLOW_DELETE": "削除を許可する",
      "SHOW_COMMENTS": "バージョンに関するコメントを表示",
-      "ALLOW_DOWNLOAD": "バージョンのダウンロードを許可",
+      "ALLOW_DOWNLOAD": "バージョンのダウンロードを許可する",
      "READ_ONLY": "読取り専用",
      "COMMENTS": "コメントを表示する",
      "VERSION_COMPARISON": "バージョンの比較を表示"
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "入力プロパティを無効にし、サービスを使って設定する場合は、このチェックボックスをオンにします",
    "HEADER_DATA": "ヘッダーの日付",
    "TREE_VIEW": "ツリービュー",
+    "EXPAND_LIST": "拡張可能なアイテムリスト",
    "ICONS": "アイコン",
    "PEOPLE_GROUPS_CLOUD": "メンバー/グループのクラウド",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "メンバーのクラウドコンポーネント",
    "GROUPS_CLOUD": "グループのクラウドコンポーネント",
    "CONFIRM-DIALOG": "確認ダイアログ",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "サービスタスクリスト"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -120,13 +122,13 @@
  },
  "DOCUMENT_LIST": {
    "MULTISELECT_CHECKBOXES": "複数選択 (チェックボックスを使用)",
-    "THUMBNAILS": "サムネイルを有効にする",
+    "THUMBNAILS": "サムネイルを有効化",
    "ALLOW_DROP_FILES": "ファイルのドロップを許可",
    "MULTIPLE_FILE_UPLOAD": "複数ファイルのアップロード",
    "FOLDER_UPLOAD": "フォルダのアップロード",
    "CUSTOM_FILTER": "カスタム拡張子フィルタ",
    "MAX_SIZE": "最大サイズフィルタ",
-    "ENABLE_VERSIONING": "バージョン管理を有効にする",
+    "ENABLE_VERSIONING": "バージョン管理を有効化",
    "DESCRIPTION_UPLOAD": "アップロードを有効にします",
    "ENABLE_INFINITE_SCROLL": "無限スクロールを有効にする",
    "MULTISELECT_DESCRIPTION": "複数選択の切り替えを行うには、Cmd (Mac) キーまたは Ctrl (Windows) キーを押します",
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "バージョンの管理",
+      "ASPECTS": "アスペクトを更新",
      "LOCK": "ロック",
      "METADATA": "情報",
      "DOWNLOAD": "ダウンロード",
@@ -213,6 +216,12 @@
    "STORE": "保存",
    "RESTORE": "復元"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "{{taskName}}タスクが{{assignee}}に割り当てられました",
+    "PROCESS_STARTED": "{{processName}}プロセスが開始しました",
+    "TASK_UPDATED": "{{taskName}}タスクの詳細が更新されました",
+    "TASK_CREATED": "{{taskName}}タスクが作成されました"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "フォーム データ",
    "FORM_DATA_MESSAGE": "フォームに入力する値を入力してください",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "カスタムのタイトル翻訳 1",
  "GROUP-TITLE2-TRANSLATION-KEY": "カスタムのタイトル翻訳 2",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "ホームへ戻る"
+    },
    "507": {
      "TITLE": "ACS のディスクがいっぱいです",
      "DESCRIPTION": "コンテンツのサイズが、ネットワークまたはシステムに設定されているストレージクォータの上限を超えています。",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "ホームへ戻る"
      }
    }
  },
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Velg dette for å deaktivere inndataegenskapen og konfigurere ved hjelp av tjenesten",
    "HEADER_DATA": "Overskriftsdata",
    "TREE_VIEW": "Trevisning",
+    "EXPAND_LIST": "Utvidbar elementliste",
    "ICONS": "Ikoner",
    "PEOPLE_GROUPS_CLOUD": "Person-/gruppesky",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Personsky-komponent",
    "GROUPS_CLOUD": "Gruppesky-kompontent",
    "CONFIRM-DIALOG": "Bekreftelsesdialog",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "Serviceoppgaveliste"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "Administrer versjoner",
+      "ASPECTS": "Oppdater aspekter",
      "LOCK": "Lås",
      "METADATA": "Info",
      "DOWNLOAD": "Last ned",
@@ -213,6 +216,12 @@
    "STORE": "Lagre",
    "RESTORE": "Gjenopprett"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "{{taskName}}-oppgaven er tilordnet til {{assignee}}",
+    "PROCESS_STARTED": "{{processName}}-prosessen er startet",
+    "TASK_UPDATED": "{{taskName}}-oppgavedetaljene er oppdatert",
+    "TASK_CREATED": "Oppgaven {{taskName}} ble opprettet"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Skjemadata",
    "FORM_DATA_MESSAGE": "Skriv inn verdier for å fylle ut skjemaet",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Egendefinert tittel, oversettelse én",
  "GROUP-TITLE2-TRANSLATION-KEY": "Egendefinert tittel, oversettelse to",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Tilbake til startsiden"
+    },
    "507": {
      "TITLE": "ACS-disk er full",
      "DESCRIPTION": "Innhold overgår samlet lagringskvotegrense konfigurert for nettverket eller systemet",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Tilbake til startsiden"
      }
    }
  },
@@ -26,7 +26,7 @@
    },
    "PERSONAL-FILES": "Persoonlijke bestanden",
    "WARN-MULTIPLE-UPLOADS": "Waarschuwing weergeven bij meerdere uploads.",
-    "CUSTOM-PERMISSION-MESSAGE": "Aangepast machtigingsbericht inschakelen",
+    "CUSTOM-PERMISSION-MESSAGE": "Aangepast rechtenbericht inschakelen",
    "MEDIUM-TIME-FORMAT": "Middellange tijdnotatie voor lijst met documenten inschakelen",
    "SEARCH": {
      "RADIO": {
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Schakel dit in om de invoereigenschap uit te schakelen en om te configureren via de service",
    "HEADER_DATA": "Koptekstgegevens",
    "TREE_VIEW": "Structuurweergave",
+    "EXPAND_LIST": "Uitvouwbare itemlijst",
    "ICONS": "Pictogrammen",
    "PEOPLE_GROUPS_CLOUD": "Personen-/groepencloud",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Component Personencloud",
    "GROUPS_CLOUD": "Component Groepencloud",
    "CONFIRM-DIALOG": "Bevestigingsdialoogvenster",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "Lijst met servicetaken"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,10 +167,11 @@
    },
    "ACTIONS": {
      "VERSIONS": "Versies beheren",
+      "ASPECTS": "Aspecten bijwerken",
      "LOCK": "Vergrendeling",
      "METADATA": "Info",
      "DOWNLOAD": "Downloaden",
-      "PERMISSION": "Machtiging",
+      "PERMISSION": "Rechten",
      "FOLDER": {
        "COPY": "Kopiëren",
        "MOVE": "Verplaatsen",
@@ -213,6 +216,12 @@
    "STORE": "Opslaan",
    "RESTORE": "Herstellen"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "{{taskName}}-taak is toegewezen aan {{assignee}}",
+    "PROCESS_STARTED": "{{processName}}-proces is gestart",
+    "TASK_UPDATED": "{{taskName}}-taakdetails zijn bijgewerkt",
+    "TASK_CREATED": "Taak {{taskName}} is gemaakt"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Formuliergegevens",
    "FORM_DATA_MESSAGE": "Voer waarden in om het formulier in te vullen",
@@ -260,8 +269,8 @@
    "NODE_LIST": "Taglijst per node-id"
  },
  "DEMO_PERMISSION": {
-    "INHERIT_PERMISSION_BUTTON": "Machtiging overnemen",
-    "INHERITED_PERMISSIONS_BUTTON": "Machtiging overgenomen"
+    "INHERIT_PERMISSION_BUTTON": "Rechten overnemen",
+    "INHERITED_PERMISSIONS_BUTTON": "Rechten overgenomen"
  },
  "TASK_LIST_DEMO": {
    "ERROR_MESSAGE": {
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Aangepaste titel vertaling één",
  "GROUP-TITLE2-TRANSLATION-KEY": "Aangepaste titel vertaling twee",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Terug naar Home"
+    },
    "507": {
      "TITLE": "ACS-schijf vol",
      "DESCRIPTION": "Content overschrijdt de totale opslaglimiet die is geconfigureerd voor het netwerk of systeem",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Terug naar Home"
      }
    }
  },
@@ -337,7 +346,7 @@
      "TITLE": "Titel",
      "ICON": "Pictogram",
      "TASK_ID": "Taak-id",
-      "PROCESS_ID": "Procesinstantie-ID",
+      "PROCESS_ID": "Procesinstantie-id",
      "ACTION_TYPE": "Actietype"
    }
  }
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Kliknij ten element, aby wyłączyć właściwość wejściową i skonfigurować korzystając z usługi",
    "HEADER_DATA": "Dane nagłówka",
    "TREE_VIEW": "Widok drzewa",
+    "EXPAND_LIST": "Lista pozycji rozszerzalnych",
    "ICONS": "Ikony",
    "PEOPLE_GROUPS_CLOUD": "Chmura dla osób/grup",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Składnik Chmura dla osób",
    "GROUPS_CLOUD": "Składnik Chmura dla grup",
    "CONFIRM-DIALOG": "Okno dialogowe potwierdzenia",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "Lista zadań serwisowych"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "Zarządzaj wersjami",
+      "ASPECTS": "Aktualizuj aspekty",
      "LOCK": "Blokada",
      "METADATA": "Informacje",
      "DOWNLOAD": "Pobierz",
@@ -213,6 +216,12 @@
    "STORE": "Magazyn",
    "RESTORE": "Przywróć"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "Zadanie {{taskName}} zostało przydzielone do {{assignee}}",
+    "PROCESS_STARTED": "Proces {{processName}} został uruchomiony",
+    "TASK_UPDATED": "Szczegóły zadania {{taskName}} zostały zaktualizowane",
+    "TASK_CREATED": "Zadanie {{taskName}} zostało utworzone"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Dane formularza",
    "FORM_DATA_MESSAGE": "Wprowadź wartości, aby wypełnić formularz.",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Tytuł niestandardowy — tłumaczenie pierwsze",
  "GROUP-TITLE2-TRANSLATION-KEY": "Tytuł niestandardowy — tłumaczenie drugie",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Powrót do strony głównej"
+    },
    "507": {
      "TITLE": "Dysk ACS pełny",
      "DESCRIPTION": "Zawartość przekracza limit łącznego przydziału miejsca w magazynie skonfigurowany w sieci lub systemie",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Powrót do strony głównej"
      }
    }
  },
@@ -17,15 +17,15 @@
      "HOME": "Página Inicial"
    },
    "ADF_VERSION_MANAGER": {
-      "ALLOW_DELETE": "Permitir apagar",
+      "ALLOW_DELETE": "Permitir exclusão",
      "SHOW_COMMENTS": "Mostrar comentários em versões",
-      "ALLOW_DOWNLOAD": "Ativar download da versão",
+      "ALLOW_DOWNLOAD": "Ativar descarregamento da versão",
      "READ_ONLY": "Somente leitura",
      "COMMENTS": "Mostrar comentários",
      "VERSION_COMPARISON": "Mostrar comparação de versões"
    },
    "PERSONAL-FILES": "Arquivos pessoais",
-    "WARN-MULTIPLE-UPLOADS": "Exibir alerta para vários uploads.",
+    "WARN-MULTIPLE-UPLOADS": "Exibir alerta para vários carregamentos.",
    "CUSTOM-PERMISSION-MESSAGE": "Ativar mensagem de permissão personalizada",
    "MEDIUM-TIME-FORMAT": "Ativar formato de tempo regular para lista de documento",
    "SEARCH": {
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Marque essa opção para desativar a inserção e configurar a utilização do serviço",
    "HEADER_DATA": "Dados do cabeçalho",
    "TREE_VIEW": "Exibição em árvore",
+    "EXPAND_LIST": "Lista de itens expansíveis",
    "ICONS": "Ícones",
    "PEOPLE_GROUPS_CLOUD": "Nuvem de Pessoas/Grupo",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Componente da Nuvem de Pessoas",
    "GROUPS_CLOUD": "Componente da Nuvem de Grupos",
    "CONFIRM-DIALOG": "Caixa de diálogo de confirmação",
-    "COMMUNITY": "Comunidade"
+    "COMMUNITY": "Comunidade",
+    "SERVICE_TASK_LIST": "Lista de tarefas de serviços"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -153,7 +155,7 @@
      "SHARE_EDIT": "Editar configurações",
      "NEW_FOLDER": "Nova Pasta",
      "EDIT_FOLDER": "Editar pasta",
-      "DOWNLOAD": "Download",
+      "DOWNLOAD": "Descarregar",
      "DELETE": "Excluir",
      "FAVORITES": "Adicionar aos favoritos",
      "SHARE": "Compartilhar",
@@ -165,9 +167,10 @@
    },
    "ACTIONS": {
      "VERSIONS": "Gerenciar versões",
+      "ASPECTS": "Atualizar aspectos",
      "LOCK": "Bloqueio",
      "METADATA": "Informações",
-      "DOWNLOAD": "Download",
+      "DOWNLOAD": "Descarregar",
      "PERMISSION": "Permissão",
      "FOLDER": {
        "COPY": "Copiar",
@@ -213,6 +216,12 @@
    "STORE": "Armazenar",
    "RESTORE": "Restaurar"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "A tarefa {{taskName}} foi atribuída a {{assignee}}",
+    "PROCESS_STARTED": "O processo {{processName}} foi iniciado",
+    "TASK_UPDATED": "Os detalhes da tarefa {{taskName}} foram atualizados",
+    "TASK_CREATED": "A tarefa {{taskName}} foi criada"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Dados do formulário",
    "FORM_DATA_MESSAGE": "Insira os valores para preencher o formulário",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Tradução um de título personalizado",
  "GROUP-TITLE2-TRANSLATION-KEY": "Tradução dois de título personalizado",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Voltar para a página inicial"
+    },
    "507": {
      "TITLE": "Disco ACS cheio",
      "DESCRIPTION": "O conteúdo excede o limite de armazenamento geral configurado para a rede ou o sistema",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Voltar para a página inicial"
      }
    }
  },
@@ -322,7 +331,7 @@
  "SETTINGS_CLOUD": {
    "MULTISELECTION": "Seleção Múltipla",
    "TESTING_MODE": "Modo de Teste",
-    "SELECTION_MODE": "Modo de Seleção",
+    "SELECTION_MODE": "Modo de seleção",
    "SELECTED_ROWS": "Linhas selecionadas",
    "TASK_DETAILS_REDIRECTION": "Exibir detalhes da tarefa ao clicar na tarefa",
    "PROCESS_DETAILS_REDIRECTION": "Exibir detalhes do processo ao clicar no processo",
@@ -70,7 +70,7 @@
    "PROCESS_SERVICES": "Process Services",
    "LOGIN": "Войти",
    "CUSTOM_SOURCES": "Пользовательские источники",
-    "DATATABLE": "Datatable",
+    "DATATABLE": "Таблица данных",
    "DATATABLE_LAZY": "Таблица данных (частичная загрузка)",
    "DOCUMENT_LIST": "Список документов",
    "TEMPLATE": "Шаблон",
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Установите флажок, чтобы отключить свойство ввода и настроить, используя службу.",
    "HEADER_DATA": "Данные заголовка",
    "TREE_VIEW": "Иерархическое представление",
+    "EXPAND_LIST": "Расширяемый список элементов",
    "ICONS": "Значки",
    "PEOPLE_GROUPS_CLOUD": "Облако пользователей/групп",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Компонент облака «Пользователи»",
    "GROUPS_CLOUD": "Компонент облака «Группы»",
    "CONFIRM-DIALOG": "Диалоговое окно подтверждения",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "Список сервисных задач"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "Управление версиями",
+      "ASPECTS": "Обновить аспекты",
      "LOCK": "Блокировка",
      "METADATA": "Информация",
      "DOWNLOAD": "Скачать",
@@ -213,6 +216,12 @@
    "STORE": "Хранилище",
    "RESTORE": "Восстановить"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "Задача {{taskName}} была назначена {{assignee}}",
+    "PROCESS_STARTED": "Процесс {{processName}} запущен",
+    "TASK_UPDATED": "Сведения о задаче {{taskName}} обновлены",
+    "TASK_CREATED": "{{taskName}} задача создана"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Данные формы",
    "FORM_DATA_MESSAGE": "Введите значения для заполнения формы",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Перевод пользовательского заголовка один",
  "GROUP-TITLE2-TRANSLATION-KEY": "Перевод пользовательского заголовка два",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Назад на главную"
+    },
    "507": {
      "TITLE": "Диск ACS заполнен",
      "DESCRIPTION": "Объем данных превысил максимально допустимое значение, установленное для сети или системы",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Назад на главную"
      }
    }
  },
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "Kontrollera den här för att avaktivera indataegenskap och konfigurera genom att använda tjänsten",
    "HEADER_DATA": "Sidhuvuddata",
    "TREE_VIEW": "Trädvy",
+    "EXPAND_LIST": "Utökbar objektlista",
    "ICONS": "Ikoner",
    "PEOPLE_GROUPS_CLOUD": "Personer/grupp moln",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "Personer moln-komponent",
    "GROUPS_CLOUD": "Grupper moln-komponent",
    "CONFIRM-DIALOG": "Dialogruta för bekräftelse",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "Serviceuppgiftslista"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "Hantera versioner",
+      "ASPECTS": "Uppdatera aspekter",
      "LOCK": "Lås",
      "METADATA": "Info",
      "DOWNLOAD": "Ladda ner",
@@ -213,6 +216,12 @@
    "STORE": "Lagra",
    "RESTORE": "Återställ"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "{{taskName}} uppgiften har tilldelats till {{assignee}}",
+    "PROCESS_STARTED": "{{processName}} processen har startats",
+    "TASK_UPDATED": "{{taskName}} uppgiftsinformation har uppdaterats",
+    "TASK_CREATED": "Uppgiften {{taskName}} skapades"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "Formulärdata",
    "FORM_DATA_MESSAGE": "Ange värden för att fylla formuläret",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "Anpassad titelöversättning ett",
  "GROUP-TITLE2-TRANSLATION-KEY": "Anpassad titelöversättning två",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "Tillbaka hem"
+    },
    "507": {
      "TITLE": "ACS disk full",
      "DESCRIPTION": "Innehållet överskrider övergripande kvotbegränsning som är konfigurerad för nätverket eller systemet",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "Tillbaka hem"
      }
    }
  },
@@ -94,6 +94,7 @@
    "SEARCH_SERVICE_APPROACH": "选中此项以禁用输入属性并使用服务进行配置",
    "HEADER_DATA": "标头数据",
    "TREE_VIEW": "树视图",
+    "EXPAND_LIST": "可扩展项目列表",
    "ICONS": "图标",
    "PEOPLE_GROUPS_CLOUD": "人员/一组云",
    "TASK_HEADER_CLOUD": {
@@ -105,7 +106,8 @@
    "PEOPLE_CLOUD": "人员云组件",
    "GROUPS_CLOUD": "组云组件",
    "CONFIRM-DIALOG": "确认对话",
-    "COMMUNITY": "Community"
+    "COMMUNITY": "Community",
+    "SERVICE_TASK_LIST": "服务任务列表"
  },
  "TRASHCAN": {
    "ACTIONS": {
@@ -124,8 +126,8 @@
    "ALLOW_DROP_FILES": "在文件夹或文件中启用拖动文件",
    "MULTIPLE_FILE_UPLOAD": "上传多个文件",
    "FOLDER_UPLOAD": "文件夹上传",
-    "CUSTOM_FILTER": "自定义扩展过滤器",
-    "MAX_SIZE": "最大大小过滤器",
+    "CUSTOM_FILTER": "自定义扩展筛选器",
+    "MAX_SIZE": "最大大小筛选器",
    "ENABLE_VERSIONING": "启用版本控制",
    "DESCRIPTION_UPLOAD": "启用上传",
    "ENABLE_INFINITE_SCROLL": "启用无限滚动",
@@ -165,6 +167,7 @@
    },
    "ACTIONS": {
      "VERSIONS": "管理版本",
+      "ASPECTS": "更新方面",
      "LOCK": "锁定",
      "METADATA": "信息",
      "DOWNLOAD": "下载",
@@ -213,6 +216,12 @@
    "STORE": "存储",
    "RESTORE": "恢复"
  },
+  "NOTIFICATIONS": {
+    "TASK_ASSIGNED": "{{taskName}} 任务已分配给 {{assignee}}",
+    "PROCESS_STARTED": "{{processName}} 进程已启动",
+    "TASK_UPDATED": "{{taskName}} 任务详细信息已更新",
+    "TASK_CREATED": "{{taskName}} 任务已创建"
+  },
  "FORM-LOADING": {
    "FORM_DATA": "表单数据",
    "FORM_DATA_MESSAGE": "输入值以填充表单",
@@ -286,14 +295,14 @@
  "GROUP-TITLE1-TRANSLATION-KEY": "自定义标题翻译 1",
  "GROUP-TITLE2-TRANSLATION-KEY": "自定义标题翻译 2",
  "ERROR_CONTENT": {
+    "RETURN_BUTTON": {
+      "TEXT": "返回到主页"
+    },
    "507": {
      "TITLE": "ACS 磁盘已满",
      "DESCRIPTION": "内容超出为网络或系统配置的总存储配额限制",
      "SECONDARY_BUTTON": {
        "TEXT": ""
-      },
-      "RETURN_BUTTON": {
-        "TEXT": "返回到主页"
      }
    }
  },
@@ -21,7 +21,7 @@
    "silentLogin": true,
    "redirectSilentIframeUri": "{protocol}//{hostname}{:port}/assets/silent-refresh.html",
    "redirectUri": "/",
-    "redirectUriLogout": "/logout",
+    "redirectUriLogout": "#/logout",
    "publicUrls": [
      "**/preview/s/*",
      "**/settings",
@@ -31,79 +31,9 @@
  "application": {
    "storagePrefix": "ADF",
    "name": "Alfresco ADF Application",
-    "copyright": "© 2016 - 2018 Alfresco Software, Inc. All Rights Reserved."
+    "copyright": "© 2016 - 2021 Alfresco Software, Inc. All Rights Reserved."
  },
-  "languages": [
-    {
-      "key": "en",
-      "label": "English"
-    },
-    {
-      "key": "fr",
-      "label": "Français"
-    },
-    {
-      "key": "de",
-      "label": "Deutsch"
-    },
-    {
-      "key": "it",
-      "label": "Italiano"
-    },
-    {
-      "key": "es",
-      "label": "Español"
-    },
-    {
-      "key": "ja",
-      "label": "日本語"
-    },
-    {
-      "key": "nl",
-      "label": "Nederlands"
-    },
-    {
-      "key": "pt-BR",
-      "label": "Português (Brasil)"
-    },
-    {
-      "key": "nb",
-      "label": "Bokmål"
-    },
-    {
-      "key": "ru",
-      "label": "Русский"
-    },
-    {
-      "key": "zh-CN",
-      "label": "中文简体"
-    },
-    {
-      "key": "ar",
-      "label": "عربى",
-      "direction": "rtl"
-    },
-    {
-      "key": "cs",
-      "label": "Čeština"
-    },
-    {
-      "key": "pl",
-      "label": "Polski"
-    },
-    {
-      "key": "fi",
-      "label": "Suomi"
-    },
-    {
-      "key": "da",
-      "label": "Dansk"
-    },
-    {
-      "key": "sv",
-      "label": "Svenska"
-    }
-  ],
+  "notifications": true,
  "search": {
    "filterWithContains": true,
    "app:fields": [
@@ -155,7 +85,7 @@
        {
          "key": "score",
          "label": "Relevance",
-          "type": "FIELD",
+          "type": "SCORE",
          "field": "score",
          "ascending": false
        }
@@ -462,21 +392,21 @@
            "pattern": "cm:name:'(.*?)'",
            "field": "cm:name",
            "placeholder": "SEARCH.SEARCH_HEADER.FILTERS.NAME.PLACEHOLDER",
-            "searchSuffix" : "*",
-            "allowUpdateOnChange" : false
+            "searchSuffix": "*",
+            "allowUpdateOnChange": false
          }
        }
      },
      {
        "id": "checkList",
        "name": "SEARCH.SEARCH_HEADER.FILTERS.TYPE.TITLE",
-        "columnKey":"$thumbnail",
+        "columnKey": "$thumbnail",
        "enabled": true,
        "component": {
          "selector": "check-list",
          "settings": {
            "pageSize": 5,
-            "allowUpdateOnChange" : false,
+            "allowUpdateOnChange": false,
            "operator": "OR",
            "options": [
              {
@@ -494,12 +424,12 @@
      {
        "id": "contentSize",
        "name": "SEARCH.SEARCH_HEADER.FILTERS.SIZE.TITLE",
-        "columnKey":"content.sizeInBytes",
+        "columnKey": "content.sizeInBytes",
        "enabled": true,
        "component": {
          "selector": "check-list",
          "settings": {
-            "allowUpdateOnChange" : false,
+            "allowUpdateOnChange": false,
            "options": [
              {
                "name": "SEARCH.SEARCH_HEADER.FILTERS.SIZE.SMALL",
@@ -529,7 +459,7 @@
        "component": {
          "selector": "date-range",
          "settings": {
-            "allowUpdateOnChange" : false,
+            "allowUpdateOnChange": false,
            "field": "cm:created",
            "dateFormat": "DD-MMM-YY",
            "maxDate": "today"
@@ -1021,25 +951,55 @@
  "content-metadata": {
    "presets": {
      "default": {
-        "exif:exif": "*"
+        "exif:exif": "*",
+        "cm:generalclassifiable": "*",
+        "cm:complianceable": "*",
+        "cm:dublincore": "*",
+        "cm:effectivity": "*",
+        "cm:summarizable": "*",
+        "cm:versionable": "*",
+        "cm:templatable": "*",
+        "cm:emailed": "*",
+        "emailserver:aliasable": "*",
+        "cm:taggable": "*",
+        "app:inlineeditable": "*",
+        "cm:geographic": "*",
+        "audio:audio": "*",
+        "cm:indexControl": "*",
+        "dp:restrictable": "*",
+        "smf:customConfigSmartFolder": "*",
+        "smf:systemConfigSmartFolder": "*",
+        "ai:products": "*",
+        "ai:dates": "*",
+        "ai:places": "*",
+        "ai:events": "*",
+        "ai:organizations": "*",
+        "ai:people": "*",
+        "ai:things": "*",
+        "ai:quantities": "*",
+        "ai:creativeWorks": "*",
+        "ai:labels": "*",
+        "ai:textLines": "*"
      },
      "all-aspects": "*",
-      "custom-title": [{
-        "title": "Exif",
-        "items": [
-          {
-            "aspect": "exif:exif",
-            "editing": false,
-            "properties": [
-              "exif:pixelXDimension",
-              {
-                "title": "Custom YDimension Name",
-                "name": "exif:pixelYDimension"
-              }
-            ]
-          }
-        ]
-      }]
+      "custom-title": [
+        {
+          "title": "Exif",
+          "items": [
+            {
+              "aspect": "exif:exif",
+              "editing": false,
+              "properties": [
+                "exif:pixelXDimension",
+                {
+                  "title": "Custom YDimension Name",
+                  "name": "exif:pixelYDimension"
+                }
+              ]
+            }
+          ]
+        }
+      ]
    },
    "multi-value-pipe-separator": ", ",
    "multi-value-chips": true,
@@ -1054,40 +1014,40 @@
    "presets": {
      "default": [
        {
-          "key": "entry.id",
+          "key": "id",
          "type": "text",
          "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.ID",
          "cssClass": "adf-expand-cell-4",
          "sortable": true
        },
        {
-          "key": "entry.name",
+          "key": "name",
          "type": "text",
          "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.NAME",
          "sortable": true,
          "cssClass": "name-column adf-ellipsis-cell"
        },
        {
-          "key": "entry.status",
+          "key": "status",
          "type": "text",
          "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.STATUS",
          "sortable": true
        },
        {
-          "key": "entry.priority",
+          "key": "priority",
          "type": "text",
          "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.PRIORITY",
          "sortable": true
        },
        {
-          "key": "entry.createdDate",
+          "key": "createdDate",
          "type": "date",
          "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.CREATED_DATE",
          "sortable": true,
          "format": "timeAgo"
        },
        {
-          "key": "entry.lastModified",
+          "key": "lastModified",
          "type": "date",
          "title": "ADF_CLOUD_TASK_LIST.PROPERTIES.LAST_MODIFIED",
          "sortable": true,
@@ -1100,32 +1060,32 @@
    "presets": {
      "default": [
        {
-          "key": "entry.id",
+          "key": "id",
          "type": "text",
          "title": "ADF_CLOUD_SERVICE_TASK_LIST.PROPERTIES.ID",
          "sortable": true
        },
        {
-          "key": "entry.activityName",
+          "key": "activityName",
          "type": "text",
          "title": "ADF_CLOUD_SERVICE_TASK_LIST.PROPERTIES.ACTIVITY_NAME",
          "sortable": true
        },
        {
-          "key": "entry.status",
+          "key": "status",
          "type": "text",
          "title": "ADF_CLOUD_SERVICE_TASK_LIST.PROPERTIES.STATUS",
          "sortable": true
        },
        {
-          "key": "entry.startedDate",
+          "key": "startedDate",
          "type": "date",
          "title": "ADF_CLOUD_SERVICE_TASK_LIST.PROPERTIES.STARTED_DATE",
          "sortable": true,
          "format": "timeAgo"
        },
        {
-          "key": "entry.completedDate",
+          "key": "completedDate",
          "type": "date",
          "title": "ADF_CLOUD_SERVICE_TASK_LIST.PROPERTIES.COMPLETED_DATE",
          "sortable": true,
@@ -1138,25 +1098,25 @@
    "presets": {
      "default": [
        {
-          "key": "entry.id",
+          "key": "id",
          "type": "text",
          "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.ID",
          "sortable": true
        },
        {
-          "key": "entry.name",
+          "key": "name",
          "type": "text",
          "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.NAME",
          "sortable": true
        },
        {
-          "key": "entry.status",
+          "key": "status",
          "type": "text",
          "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.STATUS",
          "sortable": true
        },
        {
-          "key": "entry.startDate",
+          "key": "startDate",
          "type": "date",
          "title": "ADF_CLOUD_PROCESS_LIST.PROPERTIES.START_DATE",
          "sortable": true,
@@ -1165,6 +1125,28 @@
      ]
    }
  },
+  "adf-cloud-priority-values": [
+    {
+      "key": "0",
+      "value": "0",
+      "label": "ADF_CLOUD_TASK_LIST.PROPERTIES.PRIORITY_VALUES.NONE"
+    },
+    {
+      "key": "1",
+      "value": "1",
+      "label": "ADF_CLOUD_TASK_LIST.PROPERTIES.PRIORITY_VALUES.LOW"
+    },
+    {
+      "key": "2",
+      "value": "2",
+      "label": "ADF_CLOUD_TASK_LIST.PROPERTIES.PRIORITY_VALUES.NORMAL"
+    },
+    {
+      "key": "3",
+      "value": "3",
+      "label": "ADF_CLOUD_TASK_LIST.PROPERTIES.PRIORITY_VALUES.HIGH"
+    }
+  ],
  "alfresco-deployed-apps": [
    {
      "name": "candidatebaseapp"
@@ -1175,5 +1157,40 @@
    {
      "name": "subprocessapp"
    }
-  ]
+  ],
+  "aspect-visible": {
+    "default": [
+      "cm:generalclassifiable",
+      "cm:complianceable",
+      "cm:dublincore",
+      "cm:effectivity",
+      "cm:summarizable",
+      "cm:versionable",
+      "cm:templatable",
+      "cm:emailed",
+      "emailserver:aliasable",
+      "cm:taggable",
+      "app:inlineeditable",
+      "cm:geographic",
+      "exif:exif",
+      "audio:audio",
+      "cm:indexControl",
+      "dp:restrictable",
+      "smf:customConfigSmartFolder",
+      "smf:systemConfigSmartFolder"
+    ],
+    "ai": [
+      "ai:products",
+      "ai:dates",
+      "ai:places",
+      "ai:events",
+      "ai:organizations",
+      "ai:people",
+      "ai:things",
+      "ai:quantities",
+      "ai:creativeWorks",
+      "ai:labels",
+      "ai:textLines"
+    ]
+  }
 }
@@ -16,14 +16,21 @@
 */

 import { BrowserModule } from '@angular/platform-browser';
-import { NgModule } from '@angular/core';
+import { APP_INITIALIZER, NgModule } from '@angular/core';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { FlexLayoutModule } from '@angular/flex-layout';
 import { ChartsModule } from 'ng2-charts';
 import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { BrowserAnimationsModule, NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { TranslateModule } from '@ngx-translate/core';
-import { AppConfigService, TRANSLATION_PROVIDER, DebugAppConfigService, CoreModule, CoreAutomationService, AuthBearerInterceptor } from '@alfresco/adf-core';
+import {
+    AppConfigService,
+    TRANSLATION_PROVIDER,
+    DebugAppConfigService,
+    CoreModule,
+    CoreAutomationService,
+    AuthBearerInterceptor
+} from '@alfresco/adf-core';
 import { ExtensionsModule } from '@alfresco/adf-extensions';
 import { AppComponent } from './app.component';
 import { MaterialModule } from './material.module';
@@ -53,7 +60,6 @@ import { TaskAttachmentsComponent } from './components/process-service/task-atta
 import { ProcessAttachmentsComponent } from './components/process-service/process-attachments.component';
 import { SharedLinkViewComponent } from './components/shared-link-view/shared-link-view.component';
 import { DemoPermissionComponent } from './components/permissions/demo-permissions.component';
-import { ReportIssueComponent } from './components/report-issue/report-issue.component';
 import { MonacoEditorModule } from 'ngx-monaco-editor';
 import { ContentModule } from '@alfresco/adf-content-services';
 import { InsightsModule } from '@alfresco/adf-insights';
@@ -87,6 +93,7 @@ import {
    CustomEditorComponent,
    CustomWidgetComponent
 } from './components/cloud/custom-form-components/custom-editor.component';
+import { AspectListSampleComponent } from './components/aspect-list-sample/aspect-list-sample.component';

 import { registerLocaleData } from '@angular/common';
 import localeFr from '@angular/common/locales/fr';
@@ -105,6 +112,8 @@ import localePl from '@angular/common/locales/pl';
 import localeFi from '@angular/common/locales/fi';
 import localeDa from '@angular/common/locales/da';
 import localeSv from '@angular/common/locales/sv';
+import { setupAppNotifications } from './services/app-notifications-factory';
+import { AppNotificationsService } from './services/app-notifications.service';

 registerLocaleData(localeFr);
 registerLocaleData(localeDe);
@@ -128,7 +137,7 @@ registerLocaleData(localeSv);
        BrowserModule,
        environment.e2e ? NoopAnimationsModule : BrowserAnimationsModule,
        ReactiveFormsModule,
-        RouterModule.forRoot(appRoutes, { initialNavigation: true }),
+        RouterModule.forRoot(appRoutes, { useHash: true }),
        FormsModule,
        HttpClientModule,
        MaterialModule,
@@ -173,8 +182,8 @@ registerLocaleData(localeSv);
        DemoPermissionComponent,
        DemoErrorComponent,
        FormLoadingComponent,
-        ReportIssueComponent,
        TreeViewSampleComponent,
+        AspectListSampleComponent,
        CloudLayoutComponent,
        AppsCloudDemoComponent,
        TasksCloudDemoComponent,
@@ -218,6 +227,13 @@ registerLocaleData(localeSv);
                name: 'lazy-loading',
                source: 'resources/lazy-loading'
            }
+        },
+        AppNotificationsService,
+        {
+            provide: APP_INITIALIZER,
+            useFactory: setupAppNotifications,
+            deps: [AppNotificationsService],
+            multi: true
        }
    ],
    bootstrap: [AppComponent]
@@ -34,7 +34,6 @@ import { OverlayViewerComponent } from './components/overlay-viewer/overlay-view
 import { SharedLinkViewComponent } from './components/shared-link-view/shared-link-view.component';
 import { FormLoadingComponent } from './components/form/form-loading.component';
 import { DemoPermissionComponent } from './components/permissions/demo-permissions.component';
-import { ReportIssueComponent } from './components/report-issue/report-issue.component';
 import { AppComponent } from './app.component';
 import { TreeViewSampleComponent } from './components/tree-view/tree-view-sample.component';
 import { AppsCloudDemoComponent } from './components/cloud/apps-cloud-demo.component';
@@ -55,6 +54,7 @@ import { TaskHeaderCloudDemoComponent } from './components/cloud/task-header-clo
 import { FilteredSearchComponent } from './components/files/filtered-search.component';
 import { ProcessCloudLayoutComponent } from './components/cloud/process-cloud-layout.component';
 import { ServiceTaskListCloudDemoComponent } from './components/cloud/service-task-list-cloud-demo.component';
+import { AspectListSampleComponent } from './components/aspect-list-sample/aspect-list-sample.component';

 export const appRoutes: Routes = [
    { path: 'login', loadChildren: () => import('./components/login/login.module').then(m => m.AppLoginModule) },
@@ -107,6 +107,11 @@ export const appRoutes: Routes = [
        component: AppLayoutComponent,
        canActivate: [AuthGuard],
        children: [
+            {
+                path: '',
+                redirectTo: `/home`,
+                pathMatch: 'full'
+            },
            {
                path: 'breadcrumb',
                canActivate: [AuthGuardEcm],
@@ -409,6 +414,11 @@ export const appRoutes: Routes = [
                component: TreeViewSampleComponent,
                canActivate: [AuthGuardEcm]
            },
+            {
+                path: 'expandable-list',
+                component: AspectListSampleComponent,
+                canActivate: [AuthGuardEcm]
+            },
            {
                path: 'about',
                loadChildren: () => import('./components/about/about.module').then(m => m.AppAboutModule)
@@ -426,10 +436,6 @@ export const appRoutes: Routes = [
                component: OverlayViewerComponent,
                canActivate: [AuthGuardEcm]
            },
-            {
-                path: 'report-issue',
-                component: ReportIssueComponent
-            },
            {
                path: 'datatable-lazy',
                loadChildren: () => import('./components/lazy-loading/lazy-loading.module').then(m => m.LazyLoadingModule)
@@ -87,3 +87,5 @@
        </button>
    </ng-template>
 </mat-menu>
+
+<adf-file-uploading-dialog #fileDialog position="left"></adf-file-uploading-dialog>
@@ -14,6 +14,10 @@
        }
    }

+    adf-file-uploading-dialog {
+        z-index: 1100;
+    }
+
    .app-layout {
        display: flex;
        flex: 1;
@@ -43,10 +47,6 @@
    }

    @media screen and ($mat-small) {
-        .adf-userinfo-name {
-            display: none;
-        }
-
        .app-menu {
            padding-top: 0;
        }
@@ -86,6 +86,7 @@ export class AppLayoutComponent implements OnInit, OnDestroy {
        /* cspell:disable-next-line */
        { href: '/overlay-viewer', icon: 'pageview', title: 'APP_LAYOUT.OVERLAY_VIEWER' },
        { href: '/treeview', icon: 'nature', title: 'APP_LAYOUT.TREE_VIEW' },
+        { href: '/expandable-list', icon: 'hot_tub', title: 'APP_LAYOUT.EXPAND_LIST' },
        { href: '/icons', icon: 'tag_faces', title: 'APP_LAYOUT.ICONS' },
        { href: '/about', icon: 'info_outline', title: 'APP_LAYOUT.ABOUT' }
    ];
@@ -0,0 +1,18 @@
+<div class="example-button-container">
+    <p> ASPECT CHOSEN :</p>
+    <p>{{currentResult}}</p>
+    <br>
+    <mat-form-field class="example-almost-full-width">
+        <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()">
+        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()">
+        Dialog
+    </button>
+</div>
@@ -0,0 +1,7 @@
+.example-button-container {
+    width: 90%;
+}
+
+.example-almost-full-width {
+    width: 70%;
+}
@@ -0,0 +1,47 @@
+/*!
+ * @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.
+ */
+
+import { AspectListService } from '@alfresco/adf-content-services';
+import { Component } from '@angular/core';
+
+@Component({
+    selector: 'app-expandable-menu',
+    templateUrl: 'aspect-list-sample.component.html',
+    styleUrls: ['aspect-list-sample.component.scss']
+})
+export class AspectListSampleComponent {
+
+    currentNodeId: string = '';
+    isShowed: boolean = false;
+
+    currentResult: string[] = [];
+
+    constructor(private aspectListService: AspectListService) { }
+
+    showAspectForNode() {
+        this.isShowed = !this.isShowed;
+    }
+
+    openAspectDialog() {
+        this.aspectListService.openAspectListDialog(this.currentNodeId).subscribe((result) => this.currentResult = Array.from(result));
+    }
+
+    onValueChanged(aspects) {
+        this.currentResult = Array.from(aspects);
+    }
+
+}
@@ -125,6 +125,15 @@ export class CardViewComponent implements OnInit, OnDestroy {
                format: 'shortDate',
                editable: this.isEditable
            }),
+            new CardViewDateItemModel({
+                label: 'CardView Date Item - Multivalue (chips)',
+                value: [new Date(1983, 11, 24, 10, 0, 30)],
+                key: 'date',
+                default: new Date(1983, 11, 24, 10, 0, 30),
+                format: 'shortDate',
+                editable: this.isEditable,
+                multivalued: true
+            }),
            new CardViewDatetimeItemModel({
                label: 'CardView Datetime Item',
                value: new Date(1983, 11, 24, 10, 0, 0),
@@ -133,6 +142,15 @@ export class CardViewComponent implements OnInit, OnDestroy {
                format: 'short',
                editable: this.isEditable
            }),
+            new CardViewDatetimeItemModel({
+                label: 'CardView Datetime Item - Multivalue (chips)',
+                value: [new Date(1983, 11, 24, 10, 0, 0)],
+                key: 'datetime',
+                default: new Date(1983, 11, 24, 10, 0, 0),
+                format: 'short',
+                editable: this.isEditable,
+                multivalued: true
+            }),
            new CardViewBoolItemModel({
                label: 'CardView Boolean Item',
                value: true,
@@ -162,6 +180,15 @@ export class CardViewComponent implements OnInit, OnDestroy {
                editable: this.isEditable,
                pipes: [{ pipe: this.decimalNumberPipe }]
            }),
+            new CardViewFloatItemModel({
+                label: 'CardView Float Item - Multivalue (chips)',
+                value: [9.9],
+                key: 'float',
+                default: 0.0,
+                editable: this.isEditable,
+                multivalued: true,
+                pipes: [{ pipe: this.decimalNumberPipe }]
+            }),
            new CardViewKeyValuePairsItemModel({
                label: 'CardView Key-Value Pairs Item',
                value: [{ name: 'hey', value: 'you' }, { name: 'hey', value: 'you' }],
@@ -10,7 +10,8 @@
        [appName]="appName"
        [showIcons]="true"
        [filterParam]="currentTaskFilter$ | async"
-        (filterClick)="onTaskFilterSelected($event)">
+        (filterClicked)="onTaskFilterSelected($event)"
+        (filterSelected)="onTaskFilterSelected($event)">
      </adf-cloud-task-filters>
  </mat-expansion-panel>

@@ -25,7 +26,8 @@
        [appName]="appName"
        [showIcons]="true"
        [filterParam]="currentProcessFilter$ | async"
-        (filterClick)="onProcessFilterSelected($event)">
+        (filterClicked)="onProcessFilterSelected($event)"
+        (filterSelected)="onProcessFilterSelected($event)">
      </adf-cloud-process-filters>
  </mat-expansion-panel>
 </mat-accordion>
@@ -19,6 +19,8 @@ import { Component, ViewEncapsulation, Input, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import { CloudLayoutService } from './services/cloud-layout.service';
 import { Router, ActivatedRoute } from '@angular/router';
+import { CloudProcessFiltersService } from './services/cloud-process-filters.service';
+import { ProcessFilterCloudModel } from '@alfresco/adf-process-services-cloud';
@Component({
    selector: 'app-cloud-filters-demo',
    templateUrl: './cloud-filters-demo.component.html',
@@ -42,7 +44,8 @@ export class CloudFiltersDemoComponent implements OnInit {
    constructor(
        private cloudLayoutService: CloudLayoutService,
        private router: Router,
-        private route: ActivatedRoute
+        private route: ActivatedRoute,
+        private cloudProcessFiltersService: CloudProcessFiltersService
    ) {}

    ngOnInit() {
@@ -63,11 +66,19 @@ export class CloudFiltersDemoComponent implements OnInit {
    }

    onTaskFilterSelected(filter) {
-        this.router.navigate([`/cloud/${this.appName}/tasks/`], { queryParams: filter });
+        if (filter) {
+            this.router.navigate([`/cloud/${this.appName}/tasks/`], {queryParams: filter});
+        }
    }

-    onProcessFilterSelected(filter) {
-        this.router.navigate([`/cloud/${this.appName}/processes/`], { queryParams: filter });
+    onProcessFilterSelected(filter: ProcessFilterCloudModel) {
+        if (filter) {
+            const {appName} = this;
+            const {id} = filter;
+
+            const queryParams = this.cloudProcessFiltersService.writeQueryParams(filter, appName, id);
+            this.router.navigate([`/cloud/${appName}/processes/`], {queryParams});
+        }
    }

    onTaskFilterOpen(): boolean {
@@ -145,6 +145,6 @@ export class CommunityProcessesCloudDemoComponent implements OnInit, OnDestroy {

    onRowsSelected(nodes) {
        this.resetSelectedRows();
-        this.selectedRows = nodes.map((node) => node.obj.entry);
+        this.selectedRows = nodes.map((node) => node.obj);
    }
 }
@@ -127,7 +127,7 @@ export class CommunityTasksCloudDemoComponent implements OnInit, OnDestroy {

    onRowsSelected(nodes) {
        this.resetSelectedRows();
-        this.selectedRows = nodes.map((node) => node.obj.entry);
+        this.selectedRows = nodes.map((node) => node.obj);
    }

    onFilterChange(filter: any) {
@@ -2,9 +2,10 @@
    <adf-cloud-edit-process-filter
        [appName]="appName"
        [id]="filterId"
-        [filterProperties]="processFilterProperties.filterProperties"
-        [sortProperties]="processFilterProperties.sortProperties"
-        [actions]="processFilterProperties.actions"
+        [filterProperties]="filterProperties"
+        [sortProperties]="filterSortProperties"
+        [actions]="filterActions"
+        [processFilter]="editedFilter"
        (filterChange)="onFilterChange($event)"
        (action)="onProcessFilterAction($event)">
    </adf-cloud-edit-process-filter>
@@ -13,7 +14,8 @@
            fxFlex
            class="app-cloud-layout-overflow"
            [appName]="editedFilter.appName"
-            [initiator]="getInitiatorValue()"
+            [appVersion]="editedFilter.appVersion"
+            [initiator]="editedFilter.initiator"
            [processDefinitionId]="editedFilter.processDefinitionId"
            [processDefinitionName]="editedFilter.processDefinitionName"
            [processDefinitionKey]="editedFilter.processDefinitionKey"
@@ -23,7 +25,7 @@
            [businessKey]="editedFilter['businessKey']"
            [lastModifiedFrom]="editedFilter.lastModifiedFrom"
            [lastModifiedTo]="editedFilter.lastModifiedTo"
-            [sorting]="sortArray"
+            [sorting]="[{orderBy: editedFilter.sort,  direction: editedFilter.order}]"
            [selectionMode]="selectionMode"
            [stickyHeader]="true"
            [showActions]="actionMenu"
@@ -15,42 +15,24 @@
 * limitations under the License.
 */

-import { Component, ViewChild, OnInit, OnDestroy } from '@angular/core';
-import {
-    ProcessListCloudComponent,
-    ProcessFilterCloudModel,
-    ProcessListCloudSortingModel,
-    ProcessFiltersCloudComponent
-} from '@alfresco/adf-process-services-cloud';
-
+import { Component, OnInit, OnDestroy } from '@angular/core';
+import { EditProcessFilterCloudComponent, ProcessFilterAction, ProcessFilterCloudModel } from '@alfresco/adf-process-services-cloud';
 import { ActivatedRoute, Router } from '@angular/router';
-import { UserPreferencesService, AppConfigService, DataCellEvent } from '@alfresco/adf-core';
+import { UserPreferencesService, DataCellEvent } from '@alfresco/adf-core';
 import { CloudLayoutService, CloudServiceSettings } from './services/cloud-layout.service';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { Pagination } from '@alfresco/js-api';
+import { CloudProcessFiltersService } from './services/cloud-process-filters.service';

@Component({
-    templateUrl: './processes-cloud-demo.component.html',
-    styleUrls: ['./processes-cloud-demo.component.scss']
+    templateUrl: './processes-cloud-demo.component.html'
 })
 export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
-
-    public static ACTION_SAVE_AS = 'saveAs';
-    public static ACTION_DELETE = 'delete';
-    static PROCESS_FILTER_PROPERTY_KEYS = 'adf-edit-process-filter';
-
-    @ViewChild('processCloud')
-    processCloud: ProcessListCloudComponent;
-
-    @ViewChild('processFiltersCloud')
-    processFiltersCloud: ProcessFiltersCloudComponent;
-
    appName: string = '';
-    isFilterLoaded: boolean;
+    isFilterLoaded = false;

    filterId: string = '';
-    sortArray: any = [];
    selectedRow: any;
    multiselect: boolean;
    selectionMode: string;
@@ -61,7 +43,11 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
    actions: any[] = [];
    selectedAction: { id: number, name: string, actionType: string};
    selectedContextAction: { id: number, name: string, actionType: string};
-    processFilterProperties: any  = { filterProperties: [], sortProperties: [], actions: [] };
+
+    filterProperties: string[];
+    filterSortProperties: string[];
+    filterActions: string[];
+
    processDetailsRedirection: boolean;

    editedFilter: ProcessFilterCloudModel;
@@ -73,24 +59,23 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
        private route: ActivatedRoute,
        private router: Router,
        private cloudLayoutService: CloudLayoutService,
-        private userPreference: UserPreferencesService,
-        private appConfig: AppConfigService) {
-        const properties = this.appConfig.get<Array<any>>(ProcessesCloudDemoComponent.PROCESS_FILTER_PROPERTY_KEYS);
-        if (properties) {
-            this.processFilterProperties = properties;
-        }
+        private cloudProcessFiltersService: CloudProcessFiltersService,
+        private userPreference: UserPreferencesService) {
    }

    ngOnInit() {
-        this.isFilterLoaded = false;
-        this.route.parent.params.subscribe((params) => {
-            this.appName = params.appName;
-        });
+        this.filterProperties = this.cloudProcessFiltersService.filterProperties;
+        this.filterSortProperties = this.cloudProcessFiltersService.sortProperties;
+        this.filterActions = this.cloudProcessFiltersService.actions;

        this.route.queryParams.subscribe((params) => {
            this.isFilterLoaded = true;
-            this.onFilterChange(params);
+
+            this.appName = params.appName;
            this.filterId = params.id;
+
+            const model = this.cloudProcessFiltersService.readQueryParams(params);
+            this.loadFilter(model);
        });

        this.cloudLayoutService.settings$
@@ -116,10 +101,6 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
        }
    }

-    getInitiatorValue(): string {
-        return this.editedFilter.initiator?.map(initiator => initiator.username).join(',');
-    }
-
    onChangePageSize(event: Pagination) {
        this.userPreference.paginationSize = event.maxItems;
    }
@@ -134,31 +115,26 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
        }
    }

-    onFilterChange(query: any) {
-        this.editedFilter = Object.assign({}, query);
-        this.sortArray = [
-            new ProcessListCloudSortingModel({
-                orderBy: this.editedFilter.sort,
-                direction: this.editedFilter.order
-            })
-        ];
+    onFilterChange(filter: ProcessFilterCloudModel) {
+        const queryParams = this.cloudProcessFiltersService.writeQueryParams(filter, this.appName, this.filterId);
+        this.router.navigate([`/cloud/${this.appName}/processes/`], {queryParams});
    }

-    onProcessFilterAction(filterAction: any) {
-        if (filterAction.actionType === ProcessesCloudDemoComponent.ACTION_DELETE) {
+    onProcessFilterAction(filterAction: ProcessFilterAction) {
+        if (filterAction.actionType === EditProcessFilterCloudComponent.ACTION_DELETE) {
            this.cloudLayoutService.setCurrentProcessFilterParam({ index: 0 });
        } else {
            this.cloudLayoutService.setCurrentProcessFilterParam({ id: filterAction.filter.id });
        }

-        if (filterAction.actionType === ProcessesCloudDemoComponent.ACTION_SAVE_AS) {
-            this.router.navigate([`/cloud/${this.appName}/processes/`], { queryParams: filterAction.filter });
+        if ([EditProcessFilterCloudComponent.ACTION_SAVE, EditProcessFilterCloudComponent.ACTION_SAVE_AS].includes(filterAction.actionType)) {
+            this.onFilterChange(filterAction.filter);
        }
    }

    onRowsSelected(nodes) {
        this.resetSelectedRows();
-        this.selectedRows = nodes.map((node) => node.obj.entry);
+        this.selectedRows = nodes.map((node) => node.obj);
    }

    onShowRowActionsMenu(event: DataCellEvent) {
@@ -197,4 +173,10 @@ export class ProcessesCloudDemoComponent implements OnInit, OnDestroy {
        const action = contextAction.model;
        this.selectedContextAction = {id: value.id, name: value.name, actionType: action.title};
    }
+
+    private loadFilter(model: ProcessFilterCloudModel) {
+        if (model && model.appName && model.id) {
+            this.editedFilter = model;
+        }
+    }
 }
@@ -2,7 +2,8 @@
     fxFill>
    <adf-cloud-service-task-filters [appName]="appName"
                                    [filterParam]="{index: 0}"
-                                    (filterClick)="onTaskFilterSelected($event)">
+                                    (filterClicked)="onTaskFilterSelected($event)"
+                                    (filterSelected)="onTaskFilterSelected($event)">

    </adf-cloud-service-task-filters>
    <div fxLayout="column"
@@ -0,0 +1,55 @@
+/*!
+ * @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.
+ */
+
+import { Injectable } from '@angular/core';
+import { ProcessFilterCloudModel, ProcessFilterCloudService } from '@alfresco/adf-process-services-cloud';
+import { AppConfigService } from '@alfresco/adf-core';
+
+@Injectable({ providedIn: 'root' })
+export class CloudProcessFiltersService {
+    constructor(private appConfigService: AppConfigService, private processFilterCloudService: ProcessFilterCloudService) {
+    }
+
+    get filterProperties(): string[] {
+        return this.appConfigService.get(
+            'adf-edit-process-filter.filterProperties',
+            ['status', 'sort', 'order', 'processName']
+        );
+    }
+
+    get sortProperties(): string[] {
+        return this.appConfigService.get(
+            'adf-edit-process-filter.sortProperties',
+            ['id', 'name', 'status', 'startDate']
+        );
+    }
+
+    get actions(): string[] {
+        return this.appConfigService.get(
+            'adf-edit-process-filter.actions',
+            ['save', 'saveAs', 'delete']
+        );
+    }
+
+    readQueryParams(obj: Object): ProcessFilterCloudModel {
+        return this.processFilterCloudService.readQueryParams(obj);
+    }
+
+    writeQueryParams(value: Object, appName?: string, id?: string): Object {
+        return this.processFilterCloudService.writeQueryParams(value, this.filterProperties, appName, id);
+    }
+}
@@ -125,7 +125,7 @@ export class TasksCloudDemoComponent implements OnInit, OnDestroy {

    onRowsSelected(nodes) {
        this.resetSelectedRows();
-        this.selectedRows = nodes.map((node) => node.obj.entry);
+        this.selectedRows = nodes.map((node) => node.obj);
    }

    onFilterChange(filter: any) {
@@ -33,6 +33,9 @@
            <data-column type="text" key="users" title="Users"></data-column>
            <data-column key="status" title="Status">
                <ng-template let-value="value">{{value | json }}</ng-template>
+                <adf-data-column-header>
+                    <ng-template>STATUS</ng-template>
+                </adf-data-column-header>
            </data-column>
        </data-columns>
        -->
@@ -44,6 +44,9 @@ export class NameColumnComponent implements OnInit, OnDestroy {
    @Input()
    context: any;

+    @Input()
+    key = 'name';
+
    displayText$ = new BehaviorSubject<string>('');
    node: NodeEntry;

@@ -73,7 +76,8 @@ export class NameColumnComponent implements OnInit, OnDestroy {
        this.node = this.context.row.node;

        if (this.node && this.node.entry) {
-            this.displayText$.next(this.node.entry.name || this.node.entry.id);
+            const displayText = this.context.row.getValue(this.key);
+            this.displayText$.next(displayText || this.node.entry.id);
        }
    }

@@ -1,15 +1,7 @@
-<div fxLayout="column" fxLayoutAlign="center center">
-    <adf-error-content [errorCode]="errorCode">
-        <div adf-error-content-actions class="app-error-content-buttons">
-            <a a id="adf-secondary-button" mat-raised-button color="primary"
-                 (click)="onReportIssue()"
-                class="app-error-content-description-link">
-                {{ 'ERROR_CONTENT.' + errorCode + '.SECONDARY_BUTTON.TEXT' | translate | uppercase }}
-            </a>
-            <a id="adf-return-button" mat-raised-button color="primary" (click)="onReturnButton()">
-                {{ 'ERROR_CONTENT.' + errorCode + '.RETURN_BUTTON.TEXT' | translate | uppercase }}
-            </a>
-        </div>
-    </adf-error-content>
-</div>
-
+<adf-error-content [errorCode]="errorCode">
+    <div adf-error-content-actions>
+        <button mat-raised-button (click)="onReturnButton()">
+            {{ 'ERROR_CONTENT.RETURN_BUTTON.TEXT' | translate }}
+        </button>
+    </div>
+</adf-error-content>
@@ -1,9 +0,0 @@
-.app-error-content {
-
-    &-buttons {
-        display: flex;
-        width: 100%;
-        justify-content: space-evenly;
-    }
-}
-
@@ -20,7 +20,6 @@ import { ActivatedRoute, Params, Router } from '@angular/router';

@Component({
    selector: 'app-demo-error',
-    styleUrls: ['./demo-error.component.scss'],
    templateUrl: './demo-error.component.html'
 })
 export class DemoErrorComponent implements OnInit {
@@ -32,7 +31,7 @@ export class DemoErrorComponent implements OnInit {

    ngOnInit() {
        if (this.route) {
-            this.route.params.forEach((params: Params) => {
+            this.route.params.subscribe((params: Params) => {
                if (params['id']) {
                    this.errorCode = params['id'];
                }
@@ -40,10 +39,6 @@ export class DemoErrorComponent implements OnInit {
        }
    }

-    onReportIssue() {
-        this.router.navigate(['/report-issue']);
-    }
-
    onReturnButton() {
        this.router.navigate(['/']);
    }
@@ -83,7 +83,7 @@
                        mat-icon-button
                        [disabled]="!canCreateContent(documentList.folderNode)"
                        title="{{ 'DOCUMENT_LIST.TOOLBAR.NEW_FOLDER' | translate }}"
-                        (error)="openSnackMessage($event)"
+                        (error)="openSnackMessageError($event)"
                        (success)="documentList.reload()"
                        [adf-create-folder]="currentFolderId"
                        matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.NEW_FOLDER' | translate }}">
@@ -101,7 +101,7 @@
                        mat-icon-button
                            [disabled]="!canEditFolder(documentList.selection)"
                            title="{{ 'DOCUMENT_LIST.TOOLBAR.EDIT_FOLDER' | translate }}"
-                            (error)="openSnackMessage($event)"
+                            (error)="openSnackMessageError($event)"
                            [adf-edit-folder]="documentList.selection[0]?.entry"
                            (success)="documentList.reload()"
                            matTooltip="{{ 'DOCUMENT_LIST.TOOLBAR.EDIT_FOLDER' | translate }}">
@@ -184,7 +184,7 @@
                        <span>{{ 'DOCUMENT_LIST.TOOLBAR.CARDVIEW' | translate }}</span>
                    </button>
                    <button mat-menu-item
-                            (error)="openSnackMessage($event)"
+                            (error)="openSnackMessageError($event)"
                            [adf-create-folder]="currentFolderId">
                        <mat-icon>create_new_folder</mat-icon>
                        <span>{{ 'DOCUMENT_LIST.TOOLBAR.NEW_FOLDER' | translate }}</span>
@@ -196,7 +196,7 @@
                    </button>
                    <button mat-menu-item
                            [disabled]="!canEditFolder(documentList.selection)"
-                            (error)="openSnackMessage($event)"
+                            (error)="openSnackMessageError($event)"
                            [adf-edit-folder]="documentList.selection[0]?.entry">
                        <mat-icon>create</mat-icon>
                        <span>{{ 'DOCUMENT_LIST.TOOLBAR.EDIT_FOLDER' | translate }}</span>
@@ -266,7 +266,7 @@
                        title="{{'DOCUMENT_LIST.COLUMNS.DISPLAY_NAME' | translate}}"
                        [formatTooltip]="getNodeNameTooltip">
                        <ng-template let-context>
-                            <adf-name-column [context]="context"></adf-name-column>
+                            <adf-name-column key="name" [context]="context"></adf-name-column>
                        </ng-template>
                    </data-column>
                    <data-column
@@ -410,7 +410,7 @@
                        (execute)="onManageMetadata($event)">
                    </content-action>
                    <content-action
-                        icon="settings_input_component"
+                        icon="supervisor_account"
                        title="DOCUMENT_LIST.ACTIONS.PERMISSION"
                        permission="copy"
                        (error)="onContentActionError($event)"
@@ -437,6 +437,12 @@
                        handler="lock"
                        title="DOCUMENT_LIST.ACTIONS.LOCK">
                    </content-action>
+                    <content-action
+                        icon="beach_access"
+                        target="document"
+                        title="DOCUMENT_LIST.ACTIONS.ASPECTS"
+                        (execute)="onAspectUpdate($event)">
+                    </content-action>
                </content-actions>
            </adf-document-list>
                </div>
@@ -497,8 +503,6 @@
    </div>
 </div>

-<adf-context-menu-holder></adf-context-menu-holder>
-
 <div *ngIf="processId">
    <adf-start-process
        [values]="formValues"
@@ -673,7 +677,7 @@
                [multipleFiles]="multipleFileUpload"
                [uploadFolders]="folderUpload"
                [maxFilesSize]="maxSizeShow ? maxFilesSize : null"
-                (error)="openSnackMessage($event)"
+                (error)="openSnackMessageError($event)"
                [versioning]="versioning"
                [adf-check-allowable-operation]="'create'"
                [adf-nodes]="enableUpload ? getCurrentDocumentListNode() : []"
@@ -691,7 +695,7 @@
                [multipleFiles]="multipleFileUpload"
                [uploadFolders]="folderUpload"
                [versioning]="versioning"
-                (error)="openSnackMessage($event)"
+                (error)="openSnackMessageError($event)"
                [adf-check-allowable-operation]="'create'"
                [adf-nodes]="enableUpload ? getCurrentDocumentListNode() : []"
                (permissionEvent)="handlePermissionError($event)">
@@ -717,5 +721,3 @@
        </mat-form-field>
    </div>
 </div>
-
-<adf-file-uploading-dialog #fileDialog (error)="openSnackMessage($event)"></adf-file-uploading-dialog>
@@ -15,22 +15,19 @@
 * limitations under the License.
 */

-import {
-    Component, Input, OnInit, OnChanges, OnDestroy, Optional,
-    EventEmitter, ViewChild, SimpleChanges, Output
-} from '@angular/core';
+import { Component, Input, OnInit, OnChanges, OnDestroy, Optional, EventEmitter, ViewChild, SimpleChanges, Output } from '@angular/core';
 import { Location } from '@angular/common';
-
 import { MatDialog } from '@angular/material/dialog';
 import { ActivatedRoute, Params, Router } from '@angular/router';
 import { MinimalNodeEntity, NodePaging, Pagination, MinimalNodeEntryEntity, SiteEntry, SearchEntry, NodeEntry } from '@alfresco/js-api';
 import {
-    AlfrescoApiService, AuthenticationService, AppConfigService, AppConfigValues, ContentService, TranslationService, FolderCreatedEvent, LogService, NotificationService,
+    AlfrescoApiService, AuthenticationService, AppConfigService, AppConfigValues, ContentService, FolderCreatedEvent, LogService, NotificationService,
    UploadService, DataRow, UserPreferencesService,
-    PaginationComponent, FormValues, DisplayMode, ShowHeaderMode, InfinitePaginationComponent, HighlightDirective,
+    PaginationComponent, FormValues, DisplayMode, ShowHeaderMode, InfinitePaginationComponent,
    SharedLinksApiService,
    FormRenderingService,
-    FileUploadEvent
+    FileUploadEvent,
+    NodesApiService
 } from '@alfresco/adf-core';

 import {
@@ -40,7 +37,8 @@ import {
    ConfirmDialogComponent,
    LibraryDialogComponent,
    ContentMetadataService,
-    FilterSearch
+    FilterSearch,
+    AspectListService
 } from '@alfresco/adf-content-services';

 import { SelectAppsDialogComponent, ProcessFormRenderingService } from '@alfresco/adf-process-services';
@@ -204,9 +202,6 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
    @ViewChild(InfinitePaginationComponent, { static: true })
    infinitePaginationComponent: InfinitePaginationComponent;

-    @ViewChild(HighlightDirective)
-    highlighter: HighlightDirective;
-
    permissionsStyle: PermissionStyleModel[] = [];
    infiniteScrolling: boolean;
    stickyHeader: boolean;
@@ -226,7 +221,6 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
                private contentService: ContentService,
                private dialog: MatDialog,
                private location: Location,
-                private translateService: TranslationService,
                private router: Router,
                private logService: LogService,
                private appConfig: AppConfigService,
@@ -236,7 +230,9 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
                public authenticationService: AuthenticationService,
                public alfrescoApiService: AlfrescoApiService,
                private contentMetadataService: ContentMetadataService,
-                private sharedLinksApiService: SharedLinksApiService) {
+                private sharedLinksApiService: SharedLinksApiService,
+                private aspectListService: AspectListService,
+                private nodeService: NodesApiService) {
    }

    showFile(event) {
@@ -402,19 +398,21 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
    }

    handlePermissionError(event: any) {
-        this.translateService.get('PERMISSION.LACKOF', {
+        this.notificationService.showError('PERMISSION.LACKOF', null, {
            permission: event.permission,
            action: event.action,
            type: event.type
-        }).subscribe((message) => {
-            this.openSnackMessage(message);
        });
    }

-    openSnackMessage(message: string) {
+    openSnackMessageError(message: string) {
        this.notificationService.showError(message);
    }

+    openSnackMessageInfo(message: string) {
+        this.notificationService.showInfo(message);
+    }
+
    emitReadyEvent(event: NodePaging) {
        this.documentListReady.emit(event);
    }
@@ -425,25 +423,24 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {

    onContentActionError(errors: any) {
        const errorStatusCode = JSON.parse(errors.message).error.statusCode;
-        let translatedErrorMessage: any;
+        let message: string;

        switch (errorStatusCode) {
            case 403:
-                translatedErrorMessage = this.translateService.instant('OPERATION.ERROR.PERMISSION');
+                message = 'OPERATION.ERROR.PERMISSION';
                break;
            case 409:
-                translatedErrorMessage = this.translateService.instant('OPERATION.ERROR.CONFLICT');
+                message = 'OPERATION.ERROR.CONFLICT';
                break;
            default:
-                translatedErrorMessage = this.translateService.instant('OPERATION.ERROR.UNKNOWN');
+                message = 'OPERATION.ERROR.UNKNOWN';
        }

-        this.openSnackMessage(translatedErrorMessage);
+        this.openSnackMessageError(message);
    }

    onContentActionSuccess(message: string) {
-        const translatedMessage: any = this.translateService.instant(message);
-        this.openSnackMessage(translatedMessage);
+        this.openSnackMessageInfo(message);
        this.documentList.reload();
    }

@@ -451,7 +448,7 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
        this.uploadService.fileDeleted.next(message);
        this.deleteElementSuccess.emit();
        this.documentList.reload();
-        this.openSnackMessage(message);
+        this.openSnackMessageInfo(message);
    }

    onPermissionRequested(node: any) {
@@ -465,31 +462,38 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {

        if (this.contentService.hasAllowableOperations(contentEntry, 'update')) {
            this.dialog.open(VersionManagerDialogAdapterComponent, {
-                data: { contentEntry: contentEntry, showComments: showComments, allowDownload: allowDownload },
+                data: { contentEntry, showComments, allowDownload },
                panelClass: 'adf-version-manager-dialog',
                width: '630px'
            });
        } else {
-            const translatedErrorMessage: any = this.translateService.instant('OPERATION.ERROR.PERMISSION');
-            this.openSnackMessage(translatedErrorMessage);
+            this.openSnackMessageError('OPERATION.ERROR.PERMISSION');
        }
    }

+    onAspectUpdate(event: any) {
+        this.aspectListService.openAspectListDialog(event.value.entry.id).subscribe((aspectList) => {
+            this.nodeService.updateNode(event.value.entry.id, {aspectNames : [...aspectList]}).subscribe(() => {
+                this.openSnackMessageInfo('Node Aspects Updated');
+            });
+        });
+    }
+
    onManageMetadata(event: any) {
        const contentEntry = event.value.entry;
+        const displayEmptyMetadata = this.displayEmptyMetadata;

        if (this.contentService.hasAllowableOperations(contentEntry, 'update')) {
            this.dialog.open(MetadataDialogAdapterComponent, {
                data: {
-                    contentEntry: contentEntry,
-                    displayEmptyMetadata: this.displayEmptyMetadata
+                    contentEntry,
+                    displayEmptyMetadata
                },
                panelClass: 'adf-metadata-manager-dialog',
                width: '630px'
            });
        } else {
-            const translatedErrorMessage: any = this.translateService.instant('OPERATION.ERROR.PERMISSION');
-            this.openSnackMessage(translatedErrorMessage);
+            this.openSnackMessageError('OPERATION.ERROR.PERMISSION');
        }
    }

@@ -497,17 +501,17 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
        this.currentFolderId = site.entry.guid;
    }

-    hasSelection(selection: Array<MinimalNodeEntity>): boolean {
+    hasSelection(selection: Array<any>): boolean {
        return selection && selection.length > 0;
    }

    hasOneFileSelected(): boolean {
-        const selection: Array<MinimalNodeEntity> = this.documentList.selection;
+        const selection = this.documentList.selection;
        return selection && selection.length === 1 && selection[0].entry.isFile;
    }

    userHasPermissionToManageVersions(): boolean {
-        const selection: Array<MinimalNodeEntity> = this.documentList.selection;
+        const selection = this.documentList.selection;
        return this.contentService.hasAllowableOperations(selection[0].entry, 'update');
    }

@@ -602,7 +606,6 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {

    canDownloadNode(node: MinimalNodeEntity): boolean {
        return node && node.entry && node.entry.name === 'custom';
-
    }

    onBeginUpload(event: UploadFilesEvent) {
@@ -652,8 +655,7 @@ export class FilesComponent implements OnInit, OnChanges, OnDestroy {
                width: '630px'
            });
        } else {
-            const translatedErrorMessage: any = this.translateService.instant('OPERATION.ERROR.PERMISSION');
-            this.openSnackMessage(translatedErrorMessage);
+            this.openSnackMessageError('OPERATION.ERROR.PERMISSION');
        }
    }

@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Text from lazy component resources"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Text ze zdrojů s opožděnými součástmi"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Tekst fra dovne komponentressourcer"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Text aus Lazy-Komponentenressourcen"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Texto de recursos de componentes lazy"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Teksti lazy-komponenttiresursseista"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Texte des ressources du composant lazy"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Testo risorse componenti lazy"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Lazy コンポーネントリソースのテキスト"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Tekst fra ressursene med lazy komponent"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Tekst van vertraagde componentresources"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Tekst dotyczący elementów zasobów z opóźnieniem"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Texto de recursos de componente lento"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Текст из ресурсов отложенного компонента"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "Text från lata komponentresurser"
+  }
+}
@@ -0,0 +1,5 @@
+{
+  "LAZY": {
+    "TEXT": "来自惰性组件资源的文本"
+  }
+}
@@ -26,7 +26,7 @@ import { LogService } from '@alfresco/adf-core';
 })
 export class LoginComponent {

-    customSuccessRouteURI = '';
+    customSuccessRouteURI = '/home';
    customLogoImageURL = './assets/images/alfresco-logo.svg';

    disableCsrf = false;
@@ -7,7 +7,7 @@

        <div class="app-logout-login">
            <a mat-raised-button class="app-logout-docs-button adf-primary-color"
-               href="/login">{{ 'APP.LOGOUT.LOGIN' | translate}}</a>
+               href="#/login">{{ 'APP.LOGOUT.LOGIN' | translate}}</a>
        </div>
        <div class="app-logout-home">
            <a mat-raised-button class="app-logout-docs-button adf-primary-color"
@@ -1,18 +1,3 @@
-<div class="app-inherit_permission_button">
-    <button mat-raised-button
-            [color]="toggleStatus?'accent':'primary'"
-            adf-inherit-permission [nodeId]="nodeId"
-            (error)="showErrorMessage($event)"
-            (updated)="onUpdatedPermissions($event)">
-            {{ (toggleStatus?'DEMO_PERMISSION.INHERITED_PERMISSIONS_BUTTON':'DEMO_PERMISSION.INHERIT_PERMISSION_BUTTON') | translate}}</button>
-    <button mat-button color="primary" (click)="openAddPermissionDialog()" data-automation-id="adf-add-permission-button">Add User or Group</button>
+<div class="app-permission-section">
+    <adf-permission-list [nodeId]="nodeId"></adf-permission-list>
 </div>
-
-<div>
-    <adf-permission-list #permissionList
-                        [nodeId]="nodeId"
-                        (update)="reloadList()"
-                        (error)="showErrorMessage($event)">
-	</adf-permission-list>
-</div>
-
@@ -1,6 +1,4 @@
-.app-inherit_permission_button {
-    padding-top: 20px;
-    display: flex;
-    justify-content: center;
-    padding-bottom: 20px;
+.app-permission-section {
+    box-sizing: border-box;
+    height: 100%;
 }
@@ -15,11 +15,8 @@
 * limitations under the License.
 */

-import { Component, Optional, OnInit, ViewChild } from '@angular/core';
+import { Component, OnInit, Optional } from '@angular/core';
 import { ActivatedRoute, Params } from '@angular/router';
-import { PermissionListComponent, NodePermissionDialogService } from '@alfresco/adf-content-services';
-import { MinimalNodeEntryEntity } from '@alfresco/js-api';
-import { NodesApiService, NotificationService } from '@alfresco/adf-core';

@Component({
    selector: 'app-permissions',
@@ -28,16 +25,9 @@ import { NodesApiService, NotificationService } from '@alfresco/adf-core';
 })
 export class DemoPermissionComponent implements OnInit {

-    @ViewChild('permissionList', { static: true })
-    displayPermissionComponent: PermissionListComponent;
-
    nodeId: string;
-    toggleStatus = false;

-    constructor(@Optional() private route: ActivatedRoute,
-                private nodeService: NodesApiService,
-                private nodePermissionDialogService: NodePermissionDialogService,
-                private notificationService: NotificationService) {
+    constructor(@Optional() private route: ActivatedRoute) {
    }

    ngOnInit() {
@@ -48,34 +38,5 @@ export class DemoPermissionComponent implements OnInit {
                }
            });
        }
-        this.nodeService
-            .getNode(this.nodeId, {include: ['permissions'] })
-            .subscribe( (currentNode: MinimalNodeEntryEntity) => {
-                this.toggleStatus = currentNode.permissions?.isInheritanceEnabled ?? false;
-            });
    }
-
-    onUpdatedPermissions(node: MinimalNodeEntryEntity) {
-        this.toggleStatus = node.permissions?.isInheritanceEnabled ?? false;
-        this.displayPermissionComponent.reload();
-    }
-
-    reloadList() {
-        this.displayPermissionComponent.reload();
-    }
-
-    openAddPermissionDialog() {
-        this.nodePermissionDialogService
-            .updateNodePermissionByDialog(this.nodeId)
-            .subscribe(
-                () =>  this.displayPermissionComponent.reload(),
-                (error) => this.showErrorMessage(error)
-            );
-    }
-
-    showErrorMessage(error) {
-        const message = error.message ? error.message : error;
-        this.notificationService.openSnackMessage(message);
-    }
-
 }
@@ -27,7 +27,8 @@
                            <adf-task-filters [filterParam]="filterSelected"
                                              [appId]="appId"
                                              [showIcon]="showTaskFilterIcon"
-                                              (filterClick)="onTaskFilterClick($event)"
+                                              (filterClicked)="onTaskFilterClick($event)"
+                                              (filterSelected)="onTaskFilterClick($event)"
                                              (success)="onSuccessTaskFilterList()" #activitiFilter>
                            </adf-task-filters>
                        </mat-expansion-panel>
@@ -145,7 +146,7 @@
                                    [appId]="appId"
                                    [filterParam]="filterSelected"
                                    [showIcon]="showProcessFilterIcon"
-                                    (filterClick)="onProcessFilterChange($event)"
+                                    (filterClicked)="onProcessFilterChange($event)"
                                    (filterSelected)="onProcessFilterChange($event)"
                                    (success)="onSuccessProcessFilterList()">
                            </adf-process-instance-filters>
@@ -1,9 +0,0 @@
-<div class="app-report-issue">
-    <h1>Report Issue</h1>
-    <form class="app-report-issue-form">
-        <mat-form-field>
-            <textarea matInput placeholder="Leave a comment" class="app-report-issue-form-textarea"></textarea>
-        </mat-form-field>
-    </form>
-    <button mat-raised-button>Submit</button>
-</div>
@@ -1,24 +0,0 @@
-.app-report-issue {
-    margin: 50px 0;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-
-    &-form {
-
-        width: 50%;
-        min-width: 250px;
-        margin-bottom: 50px;
-
-        & mat-form-field {
-            width: 100%;
-        }
-
-        &-textarea {
-            background-color: white;
-            width: 100%;
-            height: 250px;
-        }
-    }
-}
@@ -15,12 +15,8 @@
 * limitations under the License.
 */

-/* tslint:disable:no-input-rename  */
+import { AppNotificationsService } from './app-notifications.service';

-import { Component } from '@angular/core';
-
-@Component({
-    selector: 'adf-no-permission-template',
-    template: '<ng-content></ng-content>'
-})
-export class NoPermissionTemplateComponent {}
+export function setupAppNotifications(appNotificationsService: AppNotificationsService) {
+    return () => appNotificationsService;
+}
@@ -0,0 +1,137 @@
+/*!
+ * @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.
+ */
+import {
+    AuthenticationService,
+    AppConfigService,
+    NotificationService,
+    NotificationModel,
+    AlfrescoApiService,
+    IdentityUserService
+} from '@alfresco/adf-core';
+import { NotificationCloudService } from '@alfresco/adf-process-services-cloud';
+import { Injectable } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+import { map } from 'rxjs/operators';
+
+const SUBSCRIPTION_QUERY = `
+    subscription {
+        engineEvents(eventType: [
+            PROCESS_STARTED
+            TASK_ASSIGNED
+            TASK_UPDATED,
+            TASK_CREATED
+        ]) {
+            eventType
+            entity
+        }
+    }
+`;
+
+@Injectable()
+export class AppNotificationsService {
+
+    constructor(
+        private appConfigService: AppConfigService,
+        private authenticationService: AuthenticationService,
+        private notificationCloudService: NotificationCloudService,
+        private notificationService: NotificationService,
+        private translateService: TranslateService,
+        private identityUserService: IdentityUserService,
+        private alfrescoApiService: AlfrescoApiService
+    ) {
+        this.alfrescoApiService.alfrescoApiInitialized.subscribe(() => {
+            if (this.isProcessServicesEnabled() && this.notificationsEnabled) {
+                this.alfrescoApiService.getInstance().oauth2Auth.once('token_issued', () => {
+
+                    const deployedApps = this.appConfigService.get('alfresco-deployed-apps', []);
+                    if (deployedApps?.length) {
+                        deployedApps.forEach((app) => {
+                            this.notificationCloudService
+                                .makeGQLQuery(app.name, SUBSCRIPTION_QUERY)
+                                .pipe(map((events: any) => events.data.engineEvents))
+                                .subscribe((result) => {
+                                    result.map((engineEvent) => this.notifyEvent(engineEvent));
+                                });
+                        });
+                    }
+
+                });
+
+            }
+
+        });
+    }
+
+    private get notificationsEnabled(): boolean {
+        return this.appConfigService.get('notifications', true);
+    }
+
+    private isProcessServicesEnabled(): boolean {
+        return this.authenticationService.isLoggedIn() && (this.authenticationService.isBPMProvider() || this.authenticationService.isALLProvider());
+    }
+
+    notifyEvent(engineEvent) {
+        let message;
+        switch (engineEvent.eventType) {
+            case 'TASK_ASSIGNED':
+                message = this.translateService.instant('NOTIFICATIONS.TASK_ASSIGNED', {
+                    taskName: engineEvent.entity.name || '',
+                    assignee: engineEvent.entity.assignee
+                });
+                this.pushNotification(engineEvent, message);
+                break;
+            case 'TASK_UPDATED':
+                message = this.translateService.instant('NOTIFICATIONS.TASK_UPDATED', { taskName: engineEvent.entity.name || '' });
+                this.pushNotification(engineEvent, message);
+                break;
+            case 'TASK_COMPLETED':
+                message = this.translateService.instant('NOTIFICATIONS.TASK_COMPLETED', { taskName: engineEvent.entity.name || '' });
+                this.pushNotification(engineEvent, message);
+                break;
+            case 'TASK_ACTIVATED':
+                message = this.translateService.instant('NOTIFICATIONS.TASK_ACTIVATED', { taskName: engineEvent.entity.name || '' });
+                this.pushNotification(engineEvent, message);
+                break;
+            case 'TASK_CANCELLED':
+                message = this.translateService.instant('NOTIFICATIONS.TASK_CANCELLED', { taskName: engineEvent.entity.name || '' });
+                this.pushNotification(engineEvent, message);
+                break;
+            case 'TASK_SUSPENDED':
+                message = this.translateService.instant('NOTIFICATIONS.TASK_SUSPENDED', { taskName: engineEvent.entity.name || '' });
+                this.pushNotification(engineEvent, message);
+                break;
+            case 'TASK_CREATED':
+                message = this.translateService.instant('NOTIFICATIONS.TASK_CREATED', { taskName: engineEvent.entity.name || '' });
+                this.pushNotification(engineEvent, message);
+                break;
+            default:
+        }
+    }
+
+    pushNotification(engineEvent: any, message: string) {
+        if (engineEvent.entity.assignee === this.identityUserService.getCurrentUserInfo().username) {
+            const notification = {
+                messages: [message],
+                icon: 'info',
+                datetime: new Date(),
+                initiator: { displayName: engineEvent.entity.initiator || 'System' }
+            } as NotificationModel;
+
+            this.notificationService.pushToNotificationHistory(notification);
+        }
+    }
+}
@@ -3,8 +3,15 @@

 <head>
    <meta charset="utf-8">
+
+    <!-- Important: cache busting for index.html -->
+    <meta http-equiv="cache-control" content="max-age=0" />
+    <meta http-equiv="cache-control" content="no-cache" />
+    <meta http-equiv="expires" content="0" />
+    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
+    <meta http-equiv="pragma" content="no-cache" />
+
    <title>ACS APS ADF Application with Angular CLI</title>
-    <base href="/">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
@@ -47,5 +47,6 @@ import 'zone.js/dist/zone';  // Included with Angular CLI.
 * Support custom event in IE11
 *
 */
+(window as any).global = window;

 // import 'custom-event-polyfill/custom-event-polyfill'; // Run `npm install --save custom-event-polyfill`.
@@ -0,0 +1,7 @@
+#!/usr/bin/env bash
+
+set -e
+
+echo building $1
+npm install
+npm run build $*
@@ -0,0 +1,57 @@
+server {
+    listen       8080;
+    server_name  localhost;
+
+    #charset koi8-r;
+    #access_log  /var/log/nginx/host.access.log  main;
+
+    root /usr/share/nginx/html;
+
+    rewrite           ^([^.]*[^/])$ $1/ permanent;
+    absolute_redirect off;
+
+    location ${BASE_PATH} {
+        set $EVAL_BASE_PATH "${BASE_PATH}";
+        if ($EVAL_BASE_PATH = "/") {
+            root   /usr/share/nginx/html;
+        }
+        index  index.html index.htm;
+        alias  /usr/share/nginx/html;
+    }
+
+    location ~ /app.config.json {
+        alias  ${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json;
+    }
+
+    #error_page  404              /404.html;
+
+    # redirect server error pages to the static page /50x.html
+    #
+    error_page   500 502 503 504  /50x.html;
+    location = /50x.html {
+        root   /usr/share/nginx/html;
+    }
+
+    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
+    #
+    #location ~ \.php$ {
+    #    proxy_pass   http://127.0.0.1;
+    #}
+
+    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
+    #
+    #location ~ \.php$ {
+    #    root           html;
+    #    fastcgi_pass   127.0.0.1:9000;
+    #    fastcgi_index  index.php;
+    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
+    #    include        fastcgi_params;
+    #}
+
+    # deny access to .htaccess files, if Apache's document root
+    # concurs with nginx's one
+    #
+    #location ~ /\.ht {
+    #    deny  all;
+    #}
+}
@@ -1,81 +1,79 @@
 #!/bin/sh

-if [ -n "${APP_CONFIG_AUTH_TYPE}" ];then
+set -e
+
+echo Running sed on "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
+
+if [ -n "${APP_CONFIG_AUTH_TYPE}" ]; then
  sed -e "s/\"authType\": \".*\"/\"authType\": \"${APP_CONFIG_AUTH_TYPE}\"/g" \
-    -i ./app.config.json
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi

 if [ -n "${APP_CONFIG_IDENTITY_HOST}" ]; then
  replace="\/"
  encodedIdentity=${APP_CONFIG_IDENTITY_HOST//\//$replace}
  sed -e "s/\"identityHost\": \".*\"/\"identityHost\": \"$encodedIdentity\"/g" \
-    -i ./app.config.json
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi

-if [ -n "${APP_CONFIG_OAUTH2_HOST}" ];then
+if [ -n "${APP_CONFIG_OAUTH2_HOST}" ]; then
  replace="\/"
  encoded=${APP_CONFIG_OAUTH2_HOST//\//$replace}
  sed -e "s/\"host\": \".*\"/\"host\": \"${encoded}\"/g" \
-    -i ./app.config.json
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi

-if [ -n "${APP_CONFIG_OAUTH2_CLIENTID}" ];then
+if [ -n "${APP_CONFIG_OAUTH2_CLIENTID}" ]; then
  sed -e "s/\"clientId\": \".*\"/\"clientId\": \"${APP_CONFIG_OAUTH2_CLIENTID}\"/g" \
-    -i ./app.config.json
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi

-if [ -n "${APP_CONFIG_OAUTH2_IMPLICIT_FLOW}" ];then
+if [ -n "${APP_CONFIG_OAUTH2_IMPLICIT_FLOW}" ]; then
  sed -e "s/\"implicitFlow\": [^,]*/\"implicitFlow\": ${APP_CONFIG_OAUTH2_IMPLICIT_FLOW}/g" \
-    -i ./app.config.json
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi

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

-if [ -n "${APP_CONFIG_OAUTH2_REDIRECT_SILENT_IFRAME_URI}" ];then
+if [ -n "${APP_CONFIG_OAUTH2_REDIRECT_SILENT_IFRAME_URI}" ]; then
  replace="\/"
  encoded=${APP_CONFIG_OAUTH2_REDIRECT_SILENT_IFRAME_URI//\//$replace}
  sed -e "s/\"redirectSilentIframeUri\": \".*\"/\"redirectSilentIframeUri\": \"${encoded}\"/g" \
-    -i ./app.config.json
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi

-if [ -n "${APP_CONFIG_OAUTH2_REDIRECT_LOGIN}" ];then
+if [ -n "${APP_CONFIG_OAUTH2_REDIRECT_LOGIN}" ]; then
  replace="\/"
  encoded=${APP_CONFIG_OAUTH2_REDIRECT_LOGIN//\//$replace}
  sed -e "s/\"redirectUri\": \".*\"/\"redirectUri\": \"${encoded}\"/g" \
-    -i ./app.config.json
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi

-if [ -n "${APP_CONFIG_OAUTH2_REDIRECT_LOGOUT}" ];then
+if [ -n "${APP_CONFIG_OAUTH2_REDIRECT_LOGOUT}" ]; then
  replace="\/"
  encoded=${APP_CONFIG_OAUTH2_REDIRECT_LOGOUT//\//$replace}
  sed -e "s/\"redirectUriLogout\": \".*\"/\"redirectUriLogout\": \"${encoded}\"/g" \
-    -i ./app.config.json
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi

-if [[ -n "${APP_CONFIG_BPM_HOST}" ]]
-then
+if [[ -n "${APP_CONFIG_BPM_HOST}" ]]; then
  replace="\/"
  encoded=${APP_CONFIG_BPM_HOST//\//$replace}
  sed -e "s/\"bpmHost\": \".*\"/\"bpmHost\": \"${encoded}\"/g" \
-    -i ./app.config.json
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi

-if [[ -n "${APP_CONFIG_ECM_HOST}" ]]
-then
+if [[ -n "${APP_CONFIG_ECM_HOST}" ]]; then
  replace="\/"
  encoded=${APP_CONFIG_ECM_HOST//\//$replace}
  sed -e "s/\"ecmHost\": \".*\"/\"ecmHost\": \"${encoded}\"/g" \
-    -i ./app.config.json
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi

-if [[ -n "${BASE_PATH}" ]]
-then
-  sed s%href=\"/\"%href=\""${BASE_PATH}"\"%g \
-    -i ./index.html
+if [ -n "${APP_CONFIG_APPS_DEPLOYED}" ]; then
+  sed -e "s/\"alfresco-deployed-apps\": \[.*\]/\"alfresco-deployed-apps\": ${APP_CONFIG_APPS_DEPLOYED}/g" \
+    -i "${NGINX_ENVSUBST_OUTPUT_DIR}/app.config.json"
 fi
-
-
-nginx -g "daemon off;"
@@ -1,35 +0,0 @@
-worker_processes  1;
-
-events {
-    worker_connections  1024;
-}
-
-http {
-    server {
-        listen 8080;
-        server_name  localhost;
-
-        root   /usr/share/nginx/html;
-        index  index.html index.htm;
-        include /etc/nginx/mime.types;
-
-        gzip on;
-        gzip_min_length 1000;
-        gzip_proxied expired no-cache no-store private auth;
-        gzip_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
-
-        location / {
-            try_files $uri $uri/ /index.html;
-        }
-
-        location ~ \.html$ {
-            add_header Cache-Control "private, no-cache, no-store, must-revalidate";
-            add_header Expires "Sat, 01 Jan 2000 00:00:00 GMT";
-            add_header Pragma no-cache;
-        }
-
-        location ~ ^/[a-zA-Z0-9_-]+/ {
-            try_files $uri $uri/ /index.html;
-        }
-    }
-}
@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+
+set -e
+
+[[ "$BUILD_ENABLED" == "true" ]] && $(dirname $0)/build.sh
+
+env \
+  PROJECT_NAME=demo-shell \
+  BASE_PATH=${BASE_PATH:-/adf} \
+  DOCKER_IMAGE_REPO=alfresco/demo-shell \
+  $(dirname $0)/run.sh
@@ -0,0 +1,23 @@
+#!/usr/bin/env bash
+
+set -e
+
+HOST_PORT=8081
+CONTAINER_PORT=8080
+docker rmi -f $DOCKER_IMAGE_REPO
+docker build --build-arg PROJECT_NAME=$PROJECT_NAME -t $DOCKER_IMAGE_REPO .
+echo "http://localhost:${HOST_PORT}${BASE_PATH}"
+docker run --rm -it \
+  --env BASE_PATH=$BASE_PATH \
+  --env APP_CONFIG_AUTH_TYPE=$APP_CONFIG_AUTH_TYPE \
+  --env APP_CONFIG_IDENTITY_HOST=$APP_CONFIG_IDENTITY_HOST \
+  --env APP_CONFIG_OAUTH2_HOST=$APP_CONFIG_OAUTH2_HOST \
+  --env APP_CONFIG_OAUTH2_CLIENTID=$APP_CONFIG_OAUTH2_CLIENTID \
+  --env APP_CONFIG_OAUTH2_IMPLICIT_FLOW=$APP_CONFIG_OAUTH2_IMPLICIT_FLOW \
+  --env APP_CONFIG_OAUTH2_SILENT_LOGIN=$APP_CONFIG_OAUTH2_SILENT_LOGIN \
+  --env APP_CONFIG_OAUTH2_REDIRECT_SILENT_IFRAME_URI=$APP_CONFIG_OAUTH2_REDIRECT_SILENT_IFRAME_URI \
+  --env APP_CONFIG_OAUTH2_REDIRECT_LOGIN=$APP_CONFIG_OAUTH2_REDIRECT_LOGIN \
+  --env APP_CONFIG_OAUTH2_REDIRECT_LOGOUT=$APP_CONFIG_OAUTH2_REDIRECT_LOGOUT \
+  --env APP_CONFIG_BPM_HOST=$APP_CONFIG_BPM_HOST \
+  --env APP_CONFIG_ECM_HOST=$APP_CONFIG_ECM_HOST \
+  --user 1000:1000 --publish $HOST_PORT:$CONTAINER_PORT $DOCKER_IMAGE_REPO
@@ -80,164 +80,165 @@ for more information about installing and using the source code.

 ### Components

-| Name                                                                                                                                                                      | Description                                                                                                                                                                                                            | Source link                                                                                  |
-| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |
-| [About Application Modules Component](core/components/about-application.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                              | Shows which ADF libraries and plugins an application is using.                                                                                                                                                         | [Source](../lib/core/about/about-application-modules/about-application-modules.component.ts) |
-| [About GitHub Link Component](core/components/about-github-link.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                                      | Shows which version of the application is running based on the latest GitHub commit, as well as the server settings for the application.                                                                               | [Source](../lib/core/about/about-github-link/about-github-link.component.ts)                 |
-| [About Product Version Component](core/components/about-product-version.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                              | Shows which version of Process Services (BPM) and Content Services (ECM) an application is running. It also shows the relevant license information, application status and Alfresco modules running in an application. | [Source](../lib/core/about/about-product-version/about-product-version.component.ts)         |
-| [Buttons Menu Component](core/components/buttons-menu.component.md)                                                                                                       | Displays buttons on a responsive menu.                                                                                                                                                                                 | [Source](../lib/core/buttons-menu/buttons-menu.component.ts)                                 |
-| [Card View component](core/components/card-view.component.md)                                                                                                             | Displays a configurable property list renderer.                                                                                                                                                                        | [Source](../lib/core/card-view/components/card-view/card-view.component.ts)                  |
-| [Comment list component](core/components/comment-list.component.md)                                                                                                       | Shows a list of comments.                                                                                                                                                                                              | [Source](../lib/core/comments/comment-list.component.ts)                                     |
-| [Comments Component](core/components/comments.component.md)                                                                                                               | 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.                                                                              | [Source](../lib/core/comments/comments.component.ts)                                         |
-| [Data Column Component](core/components/data-column.component.md)                                                                                                         | Defines column properties for DataTable, Tasklist, Document List and other components.                                                                                                                                 | [Source](../lib/core/data-column/data-column.component.ts)                                   |
-| [DataTable component](core/components/datatable.component.md)                                                                                                             | Displays data as a table with customizable columns and presentation.                                                                                                                                                   | [Source](../lib/core/datatable/components/datatable/datatable.component.ts)                  |
-| [Empty Content Component](core/components/empty-content.component.md)                                                                                                     | Provides a generic "Empty Content" placeholder for components.                                                                                                                                                         | [Source](../lib/core/templates/empty-content/empty-content.component.ts)                     |
-| [Empty list component](core/components/empty-list.component.md)                                                                                                           | Displays a message indicating that a list is empty.                                                                                                                                                                    | [Source](../lib/core/datatable/components/empty-list/empty-list.component.ts)                |
-| [Error Content Component](core/components/error-content.component.md)                                                                                                     | Displays info about a specific error.                                                                                                                                                                                  | [Source](../lib/core/templates/error-content/error-content.component.ts)                     |
-| [Form field component](core/components/form-field.component.md)                                                                                                           | Represents a UI field in a form.                                                                                                                                                                                       | [Source](../lib/core/form/components/form-field/form-field.component.ts)                     |
-| [Form List Component](core/components/form-list.component.md)                                                                                                             | Shows forms as a list.                                                                                                                                                                                                 | [Source](../lib/core/form/components/form-list.component.ts)                                 |
-| [Header component](core/components/header.component.md)                                                                                                                   | Reusable header for Alfresco applications.                                                                                                                                                                             | [Source](../lib/core/layout/components/header/header.component.ts)                           |
-| [Host settings component](core/components/host-settings.component.md) ![Internal](docassets/images/InternalIcon.png)                                                      | Validates the URLs for ACS and APS and saves them in the user's local storage                                                                                                                                          | [Source](../lib/core/settings/host-settings.component.ts)                                    |
-| [Icon Component](core/components/icon.component.md)                                                                                                                       | Provides a universal way of rendering registered and named icons.                                                                                                                                                      | [Source](../lib/core/icon/icon.component.ts)                                                 |
-| [Infinite Pagination component](core/components/infinite-pagination.component.md)                                                                                         | Adds "infinite" pagination to the component it is used with.                                                                                                                                                           | [Source](../lib/core/pagination/infinite-pagination.component.ts)                            |
-| [Info drawer layout component](core/components/info-drawer-layout.component.md)                                                                                           | Displays a sidebar-style information panel.                                                                                                                                                                            | [Source](../lib/core/info-drawer/info-drawer-layout.component.ts)                            |
-| [Info Drawer Tab component](core/components/info-drawer-tab.component.md)                                                                                                 | Renders tabs in a Info drawer component.                                                                                                                                                                               | [Source](../lib/core/info-drawer/info-drawer.component.ts)                                   |
-| [Info Drawer component](core/components/info-drawer.component.md)                                                                                                         | Displays a sidebar-style information panel with tabs.                                                                                                                                                                  | [Source](../lib/core/info-drawer/info-drawer.component.ts)                                   |
-| [Json Cell component](core/components/json-cell.component.md)                                                                                                             | Shows a JSON-formatted value inside a datatable component.                                                                                                                                                             | [Source](../lib/core/datatable/components/json-cell/json-cell.component.ts)                  |
-| [Language Menu component](core/components/language-menu.component.md)                                                                                                     | Displays all the languages that are present in "app.config.json" and the default (EN).                                                                                                                                 | [Source](../lib/core/language-menu/language-menu.component.ts)                               |
-| [Login Dialog Panel component](core/components/login-dialog-panel.component.md)                                                                                           | Shows and manages a login dialog.                                                                                                                                                                                      | [Source](../lib/core/login/components/login-dialog-panel.component.ts)                       |
-| [Login Dialog component](core/components/login-dialog.component.md)                                                                                                       | Allows a user to perform a login via a dialog.                                                                                                                                                                         | [Source](../lib/core/login/components/login-dialog.component.ts)                             |
-| [Login component](core/components/login.component.md)                                                                                                                     | Authenticates to Alfresco Content Services and Alfresco Process Services.                                                                                                                                              | [Source](../lib/core/login/components/login.component.ts)                                    |
-| [Notification History component](core/components/notification-history.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                                | This component is in the current status just an experimental component.                                                                                                                                                |                                                                                              |
-| The main purpose of the Notification history component is list all the notification received in the current session. They will disappear from the list after the refresh. | [Source](../lib/core/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)                                     |
-| [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)                             |
-| [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)                                   |
-| [Toolbar Title Component](core/components/toolbar-title.component.md)                                                                                                     | Supplies custom HTML to be included in a Toolbar component title.                                                                                                                                                      | [Source](../lib/core/toolbar/toolbar-title.component.ts)                                     |
-| [Toolbar Component](core/components/toolbar.component.md)                                                                                                                 | Simple container for headers, titles, actions and breadcrumbs.                                                                                                                                                         | [Source](../lib/core/toolbar/toolbar.component.ts)                                           |
-| [User Info component](core/components/user-info.component.md)                                                                                                             | Shows user information.                                                                                                                                                                                                | [Source](../lib/core/userinfo/components/user-info.component.ts)                             |
-| [Viewer component](core/components/viewer.component.md)                                                                                                                   | Displays content from an ACS repository.                                                                                                                                                                               | [Source](../lib/core/viewer/components/viewer.component.ts)                                  |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [About Application Modules Component](core/components/about-application.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows which ADF libraries and plugins an application is using. | [Source](../lib/core/about/about-application-modules/about-application-modules.component.ts) |
+| [About GitHub Link Component](core/components/about-github-link.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows which version of the application is running based on the latest GitHub commit, as well as the server settings for the application. | [Source](../lib/core/about/about-github-link/about-github-link.component.ts) |
+| [About Product Version Component](core/components/about-product-version.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows which version of Process Services (BPM) and Content Services (ECM) an application is running. It also shows the relevant license information, application status and Alfresco modules running in an application. | [Source](../lib/core/about/about-product-version/about-product-version.component.ts) |
+| [Buttons Menu Component](core/components/buttons-menu.component.md) | Displays buttons on a responsive menu. | [Source](../lib/core/buttons-menu/buttons-menu.component.ts) |
+| [Card View component](core/components/card-view.component.md) | Displays a configurable property list renderer. | [Source](../lib/core/card-view/components/card-view/card-view.component.ts) |
+| [Comment list component](core/components/comment-list.component.md) | Shows a list of comments. | [Source](../lib/core/comments/comment-list.component.ts) |
+| [Comments Component](core/components/comments.component.md) | 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. | [Source](../lib/core/comments/comments.component.ts) |
+| [Data Column Component](core/components/data-column.component.md) | Defines column properties for DataTable, Tasklist, Document List and other components. | [Source](../lib/core/data-column/data-column.component.ts) |
+| [DataTable component](core/components/datatable.component.md) | Displays data as a table with customizable columns and presentation. | [Source](../lib/core/datatable/components/datatable/datatable.component.ts) |
+| [Empty Content Component](core/components/empty-content.component.md) | Provides a generic "Empty Content" placeholder for components. | [Source](../lib/core/templates/empty-content/empty-content.component.ts) |
+| [Empty list component](core/components/empty-list.component.md) | Displays a message indicating that a list is empty. | [Source](../lib/core/datatable/components/empty-list/empty-list.component.ts) |
+| [Error Content Component](core/components/error-content.component.md) | Displays info about a specific error. | [Source](../lib/core/templates/error-content/error-content.component.ts) |
+| [Form field component](core/components/form-field.component.md) | Represents a UI field in a form. | [Source](../lib/core/form/components/form-field/form-field.component.ts) |
+| [Form List Component](core/components/form-list.component.md) | Shows forms as a list. | [Source](../lib/core/form/components/form-list.component.ts) |
+| [Header component](core/components/header.component.md) | Reusable header for Alfresco applications. | [Source](../lib/core/layout/components/header/header.component.ts) |
+| [Host settings component](core/components/host-settings.component.md) ![Internal](docassets/images/InternalIcon.png) | Validates the URLs for ACS and APS and saves them in the user's local storage | [Source](../lib/core/settings/host-settings.component.ts) |
+| [Icon Component](core/components/icon.component.md) | Provides a universal way of rendering registered and named icons. | [Source](../lib/core/icon/icon.component.ts) |
+| [Infinite Pagination component](core/components/infinite-pagination.component.md) | Adds "infinite" pagination to the component it is used with. | [Source](../lib/core/pagination/infinite-pagination.component.ts) |
+| [Info drawer layout component](core/components/info-drawer-layout.component.md) | Displays a sidebar-style information panel. | [Source](../lib/core/info-drawer/info-drawer-layout.component.ts) |
+| [Info Drawer Tab component](core/components/info-drawer-tab.component.md) | Renders tabs in a Info drawer component. | [Source](../lib/core/info-drawer/info-drawer.component.ts) |
+| [Info Drawer component](core/components/info-drawer.component.md) | Displays a sidebar-style information panel with tabs. | [Source](../lib/core/info-drawer/info-drawer.component.ts) |
+| [Json Cell component](core/components/json-cell.component.md) | Shows a JSON-formatted value inside a datatable component. | [Source](../lib/core/datatable/components/json-cell/json-cell.component.ts) |
+| [Language Menu component](core/components/language-menu.component.md) | Displays all the languages that are present in "app.config.json" and the default (EN). | [Source](../lib/core/language-menu/language-menu.component.ts) |
+| [Login Dialog Panel component](core/components/login-dialog-panel.component.md) | Shows and manages a login dialog. | [Source](../lib/core/login/components/login-dialog-panel.component.ts) |
+| [Login Dialog component](core/components/login-dialog.component.md) | Allows a user to perform a login via a dialog. | [Source](../lib/core/login/components/login-dialog.component.ts) |
+| [Login component](core/components/login.component.md) | Authenticates to Alfresco Content Services and Alfresco Process Services. | [Source](../lib/core/login/components/login.component.ts) |
+| [Notification History component](core/components/notification-history.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | This component is in the current status just an experimental component. |  |
+| The main purpose of the Notification history component is list all the notification received in the current session. They will disappear from the list after the refresh. | [Source](../lib/core/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) |
+| [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) |
+| [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) |
+| [Toolbar Title Component](core/components/toolbar-title.component.md) | Supplies custom HTML to be included in a Toolbar component title. | [Source](../lib/core/toolbar/toolbar-title.component.ts) |
+| [Toolbar Component](core/components/toolbar.component.md) | Simple container for headers, titles, actions and breadcrumbs. | [Source](../lib/core/toolbar/toolbar.component.ts) |
+| [User Info component](core/components/user-info.component.md) | Shows user information. | [Source](../lib/core/userinfo/components/user-info.component.ts) |
+| [Viewer component](core/components/viewer.component.md) | Displays content from an ACS repository. | [Source](../lib/core/viewer/components/viewer.component.ts) |

 ### Directives

-| Name                                                                                          | Description                                                                                   | Source link                                                             |
-| --------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------- |
-| [Check Allowable Operation directive](core/directives/check-allowable-operation.directive.md) | Selectively disables an HTML element or Angular component.                                    | [Source](../lib/core/directives/check-allowable-operation.directive.ts) |
-| [Clipboard directive](core/directives/clipboard.directive.md)                                 | Copies text to the clipboard.                                                                 | [Source](../lib/core/clipboard/clipboard.directive.ts)                  |
-| [Context Menu directive](core/directives/context-menu.directive.md)                           | Adds a context menu to a component.                                                           | [Source](../lib/core/context-menu/context-menu.directive.ts)            |
-| [Highlight directive](core/directives/highlight.directive.md)                                 | Adds highlighting to selected sections of an HTML element's content.                          | [Source](../lib/core/directives/highlight.directive.ts)                 |
-| [Logout directive](core/directives/logout.directive.md)                                       | Logs the user out when the decorated element is clicked.                                      | [Source](../lib/core/directives/logout.directive.ts)                    |
-| [Node Delete directive](core/directives/node-delete.directive.md)                             | Deletes multiple files and folders.                                                           | [Source](../lib/core/directives/node-delete.directive.ts)               |
-| [Node Download directive](core/directives/node-download.directive.md)                         | Allows folders and/or files to be downloaded, with multiple nodes packed as a '.ZIP' archive. | [Source](../lib/core/directives/node-download.directive.ts)             |
-| [Node Favorite directive](core/directives/node-favorite.directive.md)                         | Selectively toggles nodes as favorites.                                                       | [Source](../lib/core/directives/node-favorite.directive.ts)             |
-| [Node Restore directive](core/directives/node-restore.directive.md)                           | Restores deleted nodes to their original location.                                            | [Source](../lib/core/directives/node-restore.directive.ts)              |
-| [Upload Directive](core/directives/upload.directive.md)                                       | Uploads content in response to file drag and drop.                                            | [Source](../lib/core/directives/upload.directive.ts)                    |
-| [Version Compatibility Directive](core/directives/version-compatibility.directive.md)         | Enables/disables components based on ACS version in use.                                      | [Source](../lib/core/directives/version-compatibility.directive.ts)     |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Check Allowable Operation directive](core/directives/check-allowable-operation.directive.md) | Selectively disables an HTML element or Angular component. | [Source](../lib/core/directives/check-allowable-operation.directive.ts) |
+| [Clipboard directive](core/directives/clipboard.directive.md) | Copies text to the clipboard. | [Source](../lib/core/clipboard/clipboard.directive.ts) |
+| [Context Menu directive](core/directives/context-menu.directive.md) ![Deprecated](docassets/images/DeprecatedIcon.png) | Adds a context menu to a component. | [Source](../lib/core/context-menu/context-menu.directive.ts) |
+| [Highlight directive](core/directives/highlight.directive.md) | Adds highlighting to selected sections of an HTML element's content. | [Source](../lib/core/directives/highlight.directive.ts) |
+| [Infinite Select Scroll directive](core/directives/infinite-select-scroll.directive.md) | Load more options to select component if API returns more items | [Source](../lib/core/directives/infinite-select-scroll.directive.ts) |
+| [Logout directive](core/directives/logout.directive.md) | Logs the user out when the decorated element is clicked. | [Source](../lib/core/directives/logout.directive.ts) |
+| [Node Delete directive](core/directives/node-delete.directive.md) | Deletes multiple files and folders. | [Source](../lib/core/directives/node-delete.directive.ts) |
+| [Node Download directive](core/directives/node-download.directive.md) | Allows folders and/or files to be downloaded, with multiple nodes packed as a '.ZIP' archive. | [Source](../lib/core/directives/node-download.directive.ts) |
+| [Node Favorite directive](core/directives/node-favorite.directive.md) | Selectively toggles nodes as favorites. | [Source](../lib/core/directives/node-favorite.directive.ts) |
+| [Node Restore directive](core/directives/node-restore.directive.md) | Restores deleted nodes to their original location. | [Source](../lib/core/directives/node-restore.directive.ts) |
+| [Upload Directive](core/directives/upload.directive.md) | Uploads content in response to file drag and drop. | [Source](../lib/core/directives/upload.directive.ts) |
+| [Version Compatibility Directive](core/directives/version-compatibility.directive.md) | Enables/disables components based on ACS version in use. | [Source](../lib/core/directives/version-compatibility.directive.ts) |

 ### Dialogs

-| Name                                                 | Description                                                  | Source link                                                      |
-| ---------------------------------------------------- | ------------------------------------------------------------ | ---------------------------------------------------------------- |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
 | [Edit JSON Dialog](core/dialogs/edit-json.dialog.md) | Allows a user to preview or edit a JSON content in a dialog. | [Source](../lib/testing/src/lib/core/dialog/edit-json-dialog.ts) |

 ### Interfaces

-| Name                                                                                | Description                                                                     | Source link                                                                |
-| ----------------------------------------------------------------------------------- | ------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
-| [Card View Item interface](core/interfaces/card-view-item.interface.md)             | Defines the implementation of an item in a Card View component.                 | [Source](../lib/core/card-view/interfaces/card-view-item.interface.ts)     |
-| [DataTableAdapter interface](core/interfaces/datatable-adapter.interface.md)        | Defines how table data is supplied to DataTable and Tasklist components.        | [Source](../lib/core/datatable/data/datatable-adapter.ts)                  |
-| [FormFieldValidator interface](core/interfaces/form-field-validator.interface.md)   | Defines how the input fields of Form and Task Details components are validated. | [Source](../lib/core/form/components/widgets/core/form-field-validator.ts) |
-| [Search Configuration interface](core/interfaces/search-configuration.interface.md) | Provides fine control of parameters to a search.                                | [Source](../lib/core/interface/search-configuration.interface.ts)          |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Card View Item interface](core/interfaces/card-view-item.interface.md) | Defines the implementation of an item in a Card View component. | [Source](../lib/core/card-view/interfaces/card-view-item.interface.ts) |
+| [DataTableAdapter interface](core/interfaces/datatable-adapter.interface.md) | Defines how table data is supplied to DataTable and Tasklist components. | [Source](../lib/core/datatable/data/datatable-adapter.ts) |
+| [FormFieldValidator interface](core/interfaces/form-field-validator.interface.md) | Defines how the input fields of Form and Task Details components are validated. | [Source](../lib/core/form/components/widgets/core/form-field-validator.ts) |
+| [Search Configuration interface](core/interfaces/search-configuration.interface.md) | Provides fine control of parameters to a search. | [Source](../lib/core/interface/search-configuration.interface.ts) |

 ### Models

-| Name                                                          | Description                                                             | Source link                                                            |
-| ------------------------------------------------------------- | ----------------------------------------------------------------------- | ---------------------------------------------------------------------- |
-| [Bpm User model](core/models/bpm-user.model.md)               | Contains information about a Process Services user.                     | [Source](../lib/core/models/bpm-user.model.ts)                         |
-| [Ecm User model](core/models/ecm-user.model.md)               | Contains information about a Content Services user.                     | [Source](../lib/core/models/ecm-user.model.ts)                         |
-| [Form Field model](core/models/form-field.model.md)           | Contains the value and metadata for a field of a Form component.        | [Source](../lib/core/form/components/widgets/core/form-field.model.ts) |
-| [Product Version model](core/models/product-version.model.md) | Contains version and license information classes for Alfresco products. | [Source](../lib/core/models/product-version.model.ts)                  |
-| [User Process model](core/models/user-process.model.md)       | Represents a Process Services user.                                     | [Source](../lib/core/models/user-process.model.ts)                     |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Bpm User model](core/models/bpm-user.model.md) | Contains information about a Process Services user. | [Source](../lib/core/models/bpm-user.model.ts) |
+| [Ecm User model](core/models/ecm-user.model.md) | Contains information about a Content Services user. | [Source](../lib/core/models/ecm-user.model.ts) |
+| [Form Field model](core/models/form-field.model.md) | Contains the value and metadata for a field of a Form component. | [Source](../lib/core/form/components/widgets/core/form-field.model.ts) |
+| [Product Version model](core/models/product-version.model.md) | Contains version and license information classes for Alfresco products. | [Source](../lib/core/models/product-version.model.ts) |
+| [User Process model](core/models/user-process.model.md) | Represents a Process Services user. | [Source](../lib/core/models/user-process.model.ts) |

 ### Pipes

-| Name                                                           | Description                                                                                                                                                                                                                    | Source link                                           |
-| -------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------- |
-| [App Config Pipe](core/pipes/app-config.pipe.md)               | Retrieves values from the application configuration file directly.                                                                                                                                                             | [Source](../lib/core/app-config/app-config.pipe.ts)   |
-| [Decimal Number Pipe](core/pipes/decimal-number.pipe.md)       | Transforms a number to have a certain amount of digits in its integer part and also in its decimal part.                                                                                                                       | [Source](../lib/core/pipes/decimal-number.pipe.ts)    |
-| [File Size pipe](core/pipes/file-size.pipe.md)                 | Converts a number of bytes to the equivalent in KB, MB, etc.                                                                                                                                                                   | [Source](../lib/core/pipes/file-size.pipe.ts)         |
-| [Format Space pipe](core/pipes/format-space.pipe.md)           | Replaces all the white space in a string with a supplied character.                                                                                                                                                            | [Source](../lib/core/pipes/format-space.pipe.ts)      |
-| [Full name pipe](core/pipes/full-name.pipe.md)                 | Joins the first and last name properties from a UserProcessModel object into a single string.                                                                                                                                  | [Source](../lib/core/pipes/full-name.pipe.ts)         |
-| [Localized Date pipe](core/pipes/localized-date.pipe.md)       | Converts a date to a given format and locale.                                                                                                                                                                                  | [Source](../lib/core/pipes/localized-date.pipe.ts)    |
-| [Mime Type Icon pipe](core/pipes/mime-type-icon.pipe.md)       | Retrieves an icon to represent a MIME type.                                                                                                                                                                                    | [Source](../lib/core/pipes/mime-type-icon.pipe.ts)    |
-| [Multi Value Pipe](core/pipes/multi-value.pipe.md)             | Takes an array of strings and turns it into one string where items are separated by a separator. The default separator applied to the list is the comma ,   however, you can set your own separator in the params of the pipe. | [Source](../lib/core/pipes/multi-value.pipe.ts)       |
-| [Node Name Tooltip pipe](core/pipes/node-name-tooltip.pipe.md) | Formats the tooltip for a Node.                                                                                                                                                                                                | [Source](../lib/core/pipes/node-name-tooltip.pipe.ts) |
-| [Text Highlight pipe](core/pipes/text-highlight.pipe.md)       | Adds highlighting to words or sections of text that match a search string.                                                                                                                                                     | [Source](../lib/core/pipes/text-highlight.pipe.ts)    |
-| [Time Ago pipe](core/pipes/time-ago.pipe.md)                   | Converts a recent past date into a number of days ago.                                                                                                                                                                         | [Source](../lib/core/pipes/time-ago.pipe.ts)          |
-| [User Initial pipe](core/pipes/user-initial.pipe.md)           | Takes the name fields of a UserProcessModel object and extracts and formats the initials.                                                                                                                                      | [Source](../lib/core/pipes/user-initial.pipe.ts)      |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [App Config Pipe](core/pipes/app-config.pipe.md) | Retrieves values from the application configuration file directly. | [Source](../lib/core/app-config/app-config.pipe.ts) |
+| [Decimal Number Pipe](core/pipes/decimal-number.pipe.md) | Transforms a number to have a certain amount of digits in its integer part and also in its decimal part. | [Source](../lib/core/pipes/decimal-number.pipe.ts) |
+| [File Size pipe](core/pipes/file-size.pipe.md) | Converts a number of bytes to the equivalent in KB, MB, etc. | [Source](../lib/core/pipes/file-size.pipe.ts) |
+| [Format Space pipe](core/pipes/format-space.pipe.md) | Replaces all the white space in a string with a supplied character. | [Source](../lib/core/pipes/format-space.pipe.ts) |
+| [Full name pipe](core/pipes/full-name.pipe.md) | Joins the first and last name properties from a UserProcessModel object into a single string. | [Source](../lib/core/pipes/full-name.pipe.ts) |
+| [Localized Date pipe](core/pipes/localized-date.pipe.md) | Converts a date to a given format and locale. | [Source](../lib/core/pipes/localized-date.pipe.ts) |
+| [Mime Type Icon pipe](core/pipes/mime-type-icon.pipe.md) | Retrieves an icon to represent a MIME type. | [Source](../lib/core/pipes/mime-type-icon.pipe.ts) |
+| [Multi Value Pipe](core/pipes/multi-value.pipe.md) | Takes an array of strings and turns it into one string where items are separated by a separator. The default separator applied to the list is the comma ,  however, you can set your own separator in the params of the pipe. | [Source](../lib/core/pipes/multi-value.pipe.ts) |
+| [Node Name Tooltip pipe](core/pipes/node-name-tooltip.pipe.md) | Formats the tooltip for a Node. | [Source](../lib/core/pipes/node-name-tooltip.pipe.ts) |
+| [Text Highlight pipe](core/pipes/text-highlight.pipe.md) | Adds highlighting to words or sections of text that match a search string. | [Source](../lib/core/pipes/text-highlight.pipe.ts) |
+| [Time Ago pipe](core/pipes/time-ago.pipe.md) | Converts a recent past date into a number of days ago. | [Source](../lib/core/pipes/time-ago.pipe.ts) |
+| [User Initial pipe](core/pipes/user-initial.pipe.md) | Takes the name fields of a UserProcessModel object and extracts and formats the initials. | [Source](../lib/core/pipes/user-initial.pipe.ts) |

 ### Services

-| Name                                                                          | Description                                                                                                          | Source link                                                          |
-| ----------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
-| [APS Alfresco Content Service](core/services/activiti-alfresco.service.md)    | Gets Alfresco Repository folder content based on a Repository account configured in Alfresco Process Services (APS). | [Source](../lib/core/form/services/activiti-alfresco.service.ts)     |
-| [Alfresco Api Service](core/services/alfresco-api.service.md)                 | Provides access to an initialized AlfrescoJSApi instance.                                                            | [Source](../lib/core/services/alfresco-api.service.ts)               |
-| [App Config service](core/services/app-config.service.md)                     | Supports app configuration settings, stored server side.                                                             | [Source](../lib/core/app-config/app-config.service.ts)               |
-| [Apps Process service](core/services/apps-process.service.md)                 | Gets details of the Process Services apps that are deployed for the user.                                            | [Source](../lib/core/services/apps-process.service.ts)               |
-| [Auth Guard Bpm service](core/services/auth-guard-bpm.service.md)             | Adds authentication with Process Services to a route within the app.                                                 | [Source](../lib/core/services/auth-guard-bpm.service.ts)             |
-| [Auth Guard Ecm service](core/services/auth-guard-ecm.service.md)             | Adds authentication with Content Services to a route within the app.                                                 | [Source](../lib/core/services/auth-guard-ecm.service.ts)             |
-| [Auth Guard SSO Role service](core/services/auth-guard-sso-role.service.md)   | Checks the user roles of a user.                                                                                     | [Source](../lib/core/services/auth-guard-sso-role.service.ts)        |
-| [Auth Guard service](core/services/auth-guard.service.md)                     | Adds authentication to a route within the app.                                                                       | [Source](../lib/core/services/auth-guard.service.ts)                 |
-| [Authentication Service](core/services/authentication.service.md)             | Provides authentication to ACS and APS.                                                                              | [Source](../lib/core/services/authentication.service.ts)             |
-| [Bpm User service](core/services/bpm-user.service.md)                         | Gets information about the current Process Services user.                                                            | [Source](../lib/core/services/bpm-user.service.ts)                   |
-| [Card Item Type service](core/services/card-item-types.service.md)            | Maps type names to field component types for the Card View component.                                                | [Source](../lib/core/card-view/services/card-item-types.service.ts)  |
-| [Card View Update service](core/services/card-view-update.service.md)         | Reports edits and clicks within fields of a Card View component.                                                     | [Source](../lib/core/card-view/services/card-view-update.service.ts) |
-| [Clipboard service](core/services/clipboard.service.md)                       | Copies text to the clipboard.                                                                                        | [Source](../lib/core/clipboard/clipboard.service.ts)                 |
-| [Comment Content service](core/services/comment-content.service.md)           | Adds and retrieves comments for nodes in Content Services.                                                           | [Source](../lib/core/services/comment-content.service.ts)            |
-| [Comment Process service](core/services/comment-process.service.md)           | Adds and retrieves comments for task and process instances in Process Services.                                      | [Source](../lib/core/services/comment-process.service.ts)            |
-| [Content service](core/services/content.service.md)                           | Accesses app-generated data objects via URLs and file downloads.                                                     | [Source](../lib/core/services/content.service.ts)                    |
-| [Cookie service](core/services/cookie.service.md)                             | Stores key-value data items as browser cookies.                                                                      | [Source](../lib/core/services/cookie.service.ts)                     |
-| [Deleted Nodes Api service](core/services/deleted-nodes-api.service.md)       | Gets a list of Content Services nodes currently in the trash.                                                        | [Source](../lib/core/services/deleted-nodes-api.service.ts)          |
-| [Discovery Api service](core/services/discovery-api.service.md)               | Gets version and license information for Process Services and Content Services.                                      | [Source](../lib/core/services/discovery-api.service.ts)              |
-| [Download zip service](core/services/download-zip.service.md)                 | Creates and manages downloads.                                                                                       | [Source](../lib/core/services/download-zip.service.ts)               |
-| [Ecm User service](core/services/ecm-user.service.md)                         | Gets information about a Content Services user.                                                                      | [Source](../lib/core/services/ecm-user.service.ts)                   |
-| [Favorites Api service](core/services/favorites-api.service.md)               | Gets a list of items a user has marked as their favorites.                                                           | [Source](../lib/core/services/favorites-api.service.ts)              |
-| [Form Rendering service](core/services/form-rendering.service.md)             | Maps a form field type string onto the corresponding form widget component type.                                     | [Source](../lib/core/form/services/form-rendering.service.ts)        |
-| [Form service](core/services/form.service.md)                                 | Implements Process Services form methods                                                                             | [Source](../lib/core/form/services/form.service.ts)                  |
-| [Highlight Transform service](core/services/highlight-transform.service.md)   | Adds HTML to a string to highlight chosen sections.                                                                  | [Source](../lib/core/services/highlight-transform.service.ts)        |
-| [Identity Group service](core/services/identity-group.service.md)             | Performs CRUD operations on identity groups.                                                                         | [Source](../lib/core/services/identity-group.service.ts)             |
-| [Identity role service](core/services/identity-role.service.md)               | Provides APIs for working with the Roles in Identity Services.                                                       | [Source](../lib/core/services/identity-role.service.ts)              |
-| [Identity user service](core/services/identity-user.service.md)               | Gets OAuth2 personal details and roles for users and performs CRUD operations on identity users.                     | [Source](../lib/core/services/identity-user.service.ts)              |
-| [JWT helper service](core/services/jwt-helper.service.md)                     | Decodes a JSON Web Token (JWT) to a JavaScript object.                                                               | [Source](../lib/core/services/jwt-helper.service.ts)                 |
-| [Log Service](core/services/log.service.md)                                   | Provides log functionality.                                                                                          | [Source](../lib/core/services/log.service.ts)                        |
-| [Login Dialog service](core/services/login-dialog.service.md)                 | Manages login dialogs.                                                                                               | [Source](../lib/core/services/login-dialog.service.ts)               |
-| [Node Service](core/services/node.service.md)                                 | use Nodes Api service instead of this.                                                                               | [Source](../lib/core/form/services/node.service.ts)                  |
-| [Nodes Api service](core/services/nodes-api.service.md)                       | Accesses and manipulates ACS document nodes using their node IDs.                                                    | [Source](../lib/core/services/nodes-api.service.ts)                  |
-| [Notification Service](core/services/notification.service.md)                 | Shows a notification message with optional feedback.                                                                 | [Source](../lib/core/notifications/services/notification.service.ts) |
-| [Page Title service](core/services/page-title.service.md)                     | Sets the page title.                                                                                                 | [Source](../lib/core/services/page-title.service.ts)                 |
-| [People Content service](core/services/people-content.service.md)             | Gets information about a Content Services user.                                                                      | [Source](../lib/core/services/people-content.service.ts)             |
-| [People Process service](core/services/people-process.service.md)             | Gets information about Process Services users.                                                                       | [Source](../lib/core/services/people-process.service.ts)             |
-| [Process Content Service](core/services/process-content.service.md)           | Manipulates content related to a Process Instance or Task Instance in APS.                                           | [Source](../lib/core/form/services/process-content.service.ts)       |
-| [Renditions service](core/services/renditions.service.md)                     | Manages prearranged conversions of content to different formats.                                                     | [Source](../lib/core/services/renditions.service.ts)                 |
-| [Search Configuration service](core/services/search-configuration.service.md) | Provides fine control of parameters to a search.                                                                     | [Source](../lib/core/services/search-configuration.service.ts)       |
-| [Search service](core/services/search.service.md)                             | Accesses the Content Services Search API.                                                                            | [Source](../lib/core/services/search.service.ts)                     |
-| [Shared Links Api service](core/services/shared-links-api.service.md)         | Finds shared links to Content Services items.                                                                        | [Source](../lib/core/services/shared-links-api.service.ts)           |
-| [Sites service](core/services/sites.service.md)                               | Accesses and manipulates sites from a Content Services repository.                                                   | [Source](../lib/core/services/sites.service.ts)                      |
-| [Storage service](core/services/storage.service.md)                           | Stores items in the form of key-value pairs.                                                                         | [Source](../lib/core/services/storage.service.ts)                    |
-| [Thumbnail service](core/services/thumbnail.service.md)                       | Retrieves an SVG thumbnail image to represent a document type.                                                       | [Source](../lib/core/services/thumbnail.service.ts)                  |
-| [Translation service](core/services/translation.service.md)                   | Supports localisation.                                                                                               | [Source](../lib/core/services/translation.service.ts)                |
-| [Upload Service](core/services/upload.service.md)                             | Provides access to various APIs related to file upload features.                                                     | [Source](../lib/core/services/upload.service.ts)                     |
-| [User Preferences Service](core/services/user-preferences.service.md)         | Stores preferences for the app and for individual components.                                                        | [Source](../lib/core/services/user-preferences.service.ts)           |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [APS Alfresco Content Service](core/services/activiti-alfresco.service.md) | Gets Alfresco Repository folder content based on a Repository account configured in Alfresco Process Services (APS). | [Source](../lib/core/form/services/activiti-alfresco.service.ts) |
+| [Alfresco Api Service](core/services/alfresco-api.service.md) | Provides access to an initialized AlfrescoJSApi instance. | [Source](../lib/core/services/alfresco-api.service.ts) |
+| [App Config service](core/services/app-config.service.md) | Supports app configuration settings, stored server side. | [Source](../lib/core/app-config/app-config.service.ts) |
+| [Apps Process service](core/services/apps-process.service.md) | Gets details of the Process Services apps that are deployed for the user. | [Source](../lib/core/services/apps-process.service.ts) |
+| [Auth Guard Bpm service](core/services/auth-guard-bpm.service.md) | Adds authentication with Process Services to a route within the app. | [Source](../lib/core/services/auth-guard-bpm.service.ts) |
+| [Auth Guard Ecm service](core/services/auth-guard-ecm.service.md) | Adds authentication with Content Services to a route within the app. | [Source](../lib/core/services/auth-guard-ecm.service.ts) |
+| [Auth Guard SSO Role service](core/services/auth-guard-sso-role.service.md) | Checks the user roles of a user. | [Source](../lib/core/services/auth-guard-sso-role.service.ts) |
+| [Auth Guard service](core/services/auth-guard.service.md) | Adds authentication to a route within the app. | [Source](../lib/core/services/auth-guard.service.ts) |
+| [Authentication Service](core/services/authentication.service.md) | Provides authentication to ACS and APS. | [Source](../lib/core/services/authentication.service.ts) |
+| [Bpm User service](core/services/bpm-user.service.md) | Gets information about the current Process Services user. | [Source](../lib/core/services/bpm-user.service.ts) |
+| [Card Item Type service](core/services/card-item-types.service.md) | Maps type names to field component types for the Card View component. | [Source](../lib/core/card-view/services/card-item-types.service.ts) |
+| [Card View Update service](core/services/card-view-update.service.md) | Reports edits and clicks within fields of a Card View component. | [Source](../lib/core/card-view/services/card-view-update.service.ts) |
+| [Clipboard service](core/services/clipboard.service.md) | Copies text to the clipboard. | [Source](../lib/core/clipboard/clipboard.service.ts) |
+| [Comment Content service](core/services/comment-content.service.md) | Adds and retrieves comments for nodes in Content Services. | [Source](../lib/core/services/comment-content.service.ts) |
+| [Comment Process service](core/services/comment-process.service.md) | Adds and retrieves comments for task and process instances in Process Services. | [Source](../lib/core/services/comment-process.service.ts) |
+| [Content service](core/services/content.service.md) | Accesses app-generated data objects via URLs and file downloads. | [Source](../lib/core/services/content.service.ts) |
+| [Cookie service](core/services/cookie.service.md) | Stores key-value data items as browser cookies. | [Source](../lib/core/services/cookie.service.ts) |
+| [Deleted Nodes Api service](core/services/deleted-nodes-api.service.md) | Gets a list of Content Services nodes currently in the trash. | [Source](../lib/core/services/deleted-nodes-api.service.ts) |
+| [Discovery Api service](core/services/discovery-api.service.md) | Gets version and license information for Process Services and Content Services. | [Source](../lib/core/services/discovery-api.service.ts) |
+| [Download zip service](core/services/download-zip.service.md) | Creates and manages downloads. | [Source](../lib/core/services/download-zip.service.ts) |
+| [Ecm User service](core/services/ecm-user.service.md) | Gets information about a Content Services user. | [Source](../lib/core/services/ecm-user.service.ts) |
+| [Favorites Api service](core/services/favorites-api.service.md) | Gets a list of items a user has marked as their favorites. | [Source](../lib/core/services/favorites-api.service.ts) |
+| [Form Rendering service](core/services/form-rendering.service.md) | Maps a form field type string onto the corresponding form widget component type. | [Source](../lib/core/form/services/form-rendering.service.ts) |
+| [Form service](core/services/form.service.md) | Implements Process Services form methods | [Source](../lib/core/form/services/form.service.ts) |
+| [Highlight Transform service](core/services/highlight-transform.service.md) | Adds HTML to a string to highlight chosen sections. | [Source](../lib/core/services/highlight-transform.service.ts) |
+| [Identity Group service](core/services/identity-group.service.md) | Performs CRUD operations on identity groups. | [Source](../lib/core/services/identity-group.service.ts) |
+| [Identity role service](core/services/identity-role.service.md) | Provides APIs for working with the Roles in Identity Services. | [Source](../lib/core/services/identity-role.service.ts) |
+| [Identity user service](core/services/identity-user.service.md) | Gets OAuth2 personal details and roles for users and performs CRUD operations on identity users. | [Source](../lib/core/services/identity-user.service.ts) |
+| [JWT helper service](core/services/jwt-helper.service.md) | Decodes a JSON Web Token (JWT) to a JavaScript object. | [Source](../lib/core/services/jwt-helper.service.ts) |
+| [Log Service](core/services/log.service.md) | Provides log functionality. | [Source](../lib/core/services/log.service.ts) |
+| [Login Dialog service](core/services/login-dialog.service.md) | Manages login dialogs. | [Source](../lib/core/services/login-dialog.service.ts) |
+| [Node Service](core/services/node.service.md) | use Nodes Api service instead of this. | [Source](../lib/core/form/services/node.service.ts) |
+| [Nodes Api service](core/services/nodes-api.service.md) | Accesses and manipulates ACS document nodes using their node IDs. | [Source](../lib/core/services/nodes-api.service.ts) |
+| [Notification Service](core/services/notification.service.md) | Shows a notification message with optional feedback. | [Source](../lib/core/notifications/services/notification.service.ts) |
+| [Page Title service](core/services/page-title.service.md) | Sets the page title. | [Source](../lib/core/services/page-title.service.ts) |
+| [People Content service](core/services/people-content.service.md) | Gets information about a Content Services user. | [Source](../lib/core/services/people-content.service.ts) |
+| [People Process service](core/services/people-process.service.md) | Gets information about Process Services users. | [Source](../lib/core/services/people-process.service.ts) |
+| [Process Content Service](core/services/process-content.service.md) | Manipulates content related to a Process Instance or Task Instance in APS. | [Source](../lib/core/form/services/process-content.service.ts) |
+| [Renditions service](core/services/renditions.service.md) | Manages prearranged conversions of content to different formats. | [Source](../lib/core/services/renditions.service.ts) |
+| [Search Configuration service](core/services/search-configuration.service.md) | Provides fine control of parameters to a search. | [Source](../lib/core/services/search-configuration.service.ts) |
+| [Search service](core/services/search.service.md) | Accesses the Content Services Search API. | [Source](../lib/core/services/search.service.ts) |
+| [Shared Links Api service](core/services/shared-links-api.service.md) | Finds shared links to Content Services items. | [Source](../lib/core/services/shared-links-api.service.ts) |
+| [Sites service](core/services/sites.service.md) | Accesses and manipulates sites from a Content Services repository. | [Source](../lib/core/services/sites.service.ts) |
+| [Storage service](core/services/storage.service.md) | Stores items in the form of key-value pairs. | [Source](../lib/core/services/storage.service.ts) |
+| [Thumbnail service](core/services/thumbnail.service.md) | Retrieves an SVG thumbnail image to represent a document type. | [Source](../lib/core/services/thumbnail.service.ts) |
+| [Translation service](core/services/translation.service.md) | Supports localisation. | [Source](../lib/core/services/translation.service.ts) |
+| [Upload Service](core/services/upload.service.md) | Provides access to various APIs related to file upload features. | [Source](../lib/core/services/upload.service.ts) |
+| [User Preferences Service](core/services/user-preferences.service.md) | Stores preferences for the app and for individual components. | [Source](../lib/core/services/user-preferences.service.ts) |

 ### Widgets

-| Name                                                    | Description                | Source link                                                             |
-| ------------------------------------------------------- | -------------------------- | ----------------------------------------------------------------------- |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
 | [APS Content Component](core/widgets/content.widget.md) | Shows the content preview. | [Source](../lib/core/form/components/widgets/content/content.widget.ts) |

 <!--core end-->
@@ -255,101 +256,108 @@ for more information about installing and using the source code.

 ### Components

-| Name                                                                                                                                                                  | Description                                                                                                                               | Source link                                                                                                                    |
-| --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
-| [Add Permission Dialog Component](content-services/components/add-permission-dialog.component.md)                                                                     | Displays a dialog to search for people or groups to add to the current node permissions.                                                  | [Source](../lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.ts)      |
-| [Add Permission Panel Component](content-services/components/add-permission-panel.component.md)                                                                       | Searches for people or groups to add to the current node permissions.                                                                     | [Source](../lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.ts)       |
-| [Add Permission Component](content-services/components/add-permission.component.md)                                                                                   | Searches for people or groups to add to the current node permissions.                                                                     | [Source](../lib/content-services/src/lib/permission-manager/components/add-permission/add-permission.component.ts)             |
-| [Breadcrumb Component](content-services/components/breadcrumb.component.md)                                                                                           | Indicates the current position within a navigation hierarchy.                                                                             | [Source](../lib/content-services/src/lib/breadcrumb/breadcrumb.component.ts)                                                   |
-| [Content Action component](content-services/components/content-action.component.md)                                                                                   | Adds options to a Document List actions menu for a particular content type.                                                               | [Source](../lib/content-services/src/lib/document-list/components/content-action/content-action.component.ts)                  |
-| [Content Metadata Card component](content-services/components/content-metadata-card.component.md)                                                                     | Displays and edits metadata related to a node.                                                                                            | [Source](../lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.ts) |
-| [Content Node Selector Panel component](content-services/components/content-node-selector-panel.component.md)                                                         | Opens a Content Node Selector  in its own dialog window.                                                                                  | [Source](../lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.ts)                       |
-| [Content Node Selector component](content-services/components/content-node-selector.component.md)                                                                     | Allows a user to select items from a Content Services repository.                                                                         | [Source](../lib/content-services/src/lib/content-node-selector/content-node-selector.component.ts)                             |
-| [Document List component](content-services/components/document-list.component.md)                                                                                     | Displays the documents from a repository.                                                                                                 | [Source](../lib/content-services/src/lib/document-list/components/document-list.component.ts)                                  |
-| [Dropdown Breadcrumb Component](content-services/components/dropdown-breadcrumb.component.md)                                                                         | Indicates the current position within a navigation hierarchy using a dropdown menu.                                                       | [Source](../lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.ts)                                          |
-| [File Uploading Dialog Component](content-services/components/file-uploading-dialog.component.md)                                                                     | Shows a dialog listing all the files uploaded with the Upload Button or Drag Area components.                                             | [Source](../lib/content-services/src/lib/upload/components/file-uploading-dialog.component.ts)                                 |
-| [Like component](content-services/components/like.component.md)                                                                                                       | Allows a user to add "likes" to an item.                                                                                                  | [Source](../lib/content-services/src/lib/social/like.component.ts)                                                             |
-| [Permission List Component](content-services/components/permission-list.component.md)                                                                                 | Shows node permissions as a table.                                                                                                        | [Source](../lib/content-services/src/lib/permission-manager/components/permission-list/permission-list.component.ts)           |
-| [Rating component](content-services/components/rating.component.md)                                                                                                   | Allows a user to add and remove rating to an item.                                                                                        | [Source](../lib/content-services/src/lib/social/rating.component.ts)                                                           |
-| [Search check list component](content-services/components/search-check-list.component.md)                                                                             | Implements a checklist widget for the Search Filter component.                                                                            | [Source](../lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.ts)                   |
-| [Search Chip List Component](content-services/components/search-chip-list.component.md)                                                                               | Displays search criteria as a set of "chips".                                                                                             | [Source](../lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.ts)                     |
-| [Search control component](content-services/components/search-control.component.md)                                                                                   | Displays a input text that shows find-as-you-type suggestions.                                                                            | [Source](../lib/content-services/src/lib/search/components/search-control.component.ts)                                        |
-| [Search date range component](content-services/components/search-date-range.component.md)                                                                             | Implements a date range widget for the Search Filter component.                                                                           | [Source](../lib/content-services/src/lib/search/components/search-date-range/search-date-range.component.ts)                   |
-| [Search Filter component](content-services/components/search-filter.component.md)                                                                                     | Represents a main container component for custom search and faceted search settings.                                                      | [Source](../lib/content-services/src/lib/search/components/search-filter/search-filter.component.ts)                           |
-| [Search number range component](content-services/components/search-number-range.component.md)                                                                         | Implements a number range widget for the Search Filter component.                                                                         | [Source](../lib/content-services/src/lib/search/components/search-number-range/search-number-range.component.ts)               |
-| [Search radio component](content-services/components/search-radio.component.md)                                                                                       | Implements a radio button list widget for the Search Filter component.                                                                    | [Source](../lib/content-services/src/lib/search/components/search-radio/search-radio.component.ts)                             |
-| [Search slider component](content-services/components/search-slider.component.md)                                                                                     | Implements a numeric slider widget for the Search Filter component.                                                                       | [Source](../lib/content-services/src/lib/search/components/search-slider/search-slider.component.ts)                           |
-| [Search Sorting Picker Component](content-services/components/search-sorting-picker.component.md)                                                                     | Provides an ability to select one of the predefined sorting definitions for search results:                                               | [Source](../lib/content-services/src/lib/search/components/search-sorting-picker/search-sorting-picker.component.ts)           |
-| [Search text component](content-services/components/search-text.component.md)                                                                                         | Implements a text input widget for the Search Filter component.                                                                           | [Source](../lib/content-services/src/lib/search/components/search-text/search-text.component.ts)                               |
-| [Search component](content-services/components/search.component.md)                                                                                                   | Searches items for supplied search terms.                                                                                                 | [Source](../lib/content-services/src/lib/search/components/search.component.ts)                                                |
-| [Sites Dropdown component](content-services/components/sites-dropdown.component.md)                                                                                   | Displays a dropdown menu to show and interact with the sites of the current user.                                                         | [Source](../lib/content-services/src/lib/site-dropdown/sites-dropdown.component.ts)                                            |
-| [Tag Node Actions List component](content-services/components/tag-actions.component.md)                                                                               | Shows available actions for tags.                                                                                                         | [Source](../lib/content-services/src/lib/tag/tag-actions.component.ts)                                                         |
-| [Tag List component](content-services/components/tag-list.component.md)                                                                                               | Shows tags for an item.                                                                                                                   | [Source](../lib/content-services/src/lib/tag/tag-list.component.ts)                                                            |
-| [Tag Node List component](content-services/components/tag-node-list.component.md)                                                                                     | Shows tags for a node.                                                                                                                    | [Source](../lib/content-services/src/lib/tag/tag-node-list.component.ts)                                                       |
-| [Tree View component](content-services/components/tree-view.component.md)                                                                                             | Shows the folder and subfolders of a node as a tree view.                                                                                 | [Source](../lib/content-services/src/lib/tree-view/components/tree-view.component.ts)                                          |
-| [Upload Button Component](content-services/components/upload-button.component.md)                                                                                     | Activates a file upload.                                                                                                                  | [Source](../lib/content-services/src/lib/upload/components/upload-button.component.ts)                                         |
-| [Upload Drag Area Component](content-services/components/upload-drag-area.component.md)                                                                               | Adds a drag and drop area to upload files to ACS.                                                                                         | [Source](../lib/content-services/src/lib/upload/components/upload-drag-area.component.ts)                                      |
-| [Upload Version Button Component (Workaround)](content-services/components/upload-version-button.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Activates a file version upload.                                                                                                          | [Source](../lib/content-services/src/lib/upload/components/upload-version-button.component.ts)                                 |
-| [Version Comparison Component](content-services/components/version-comparison.component.md)                                                                           | Displays the side by side comparison between the current target node (type, name, icon) and the new file that should update it's version. | [Source](../lib/content-services/src/lib/version-manager/version-comparison.component.ts)                                      |
-| [Version List component](content-services/components/version-list.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                                | Displays the version history of a node in a Version Manager component.                                                                    | [Source](../lib/content-services/src/lib/version-manager/version-list.component.ts)                                            |
-| [Version Manager Component](content-services/components/version-manager.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                          | Displays the version history of a node with the ability to upload a new version.                                                          | [Source](../lib/content-services/src/lib/version-manager/version-manager.component.ts)                                         |
-| [Webscript component](content-services/components/webscript.component.md)                                                                                             | Provides access to Webscript features.                                                                                                    | [Source](../lib/content-services/src/lib/webscript/webscript.component.ts)                                                     |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Add Permission Dialog Component](content-services/components/add-permission-dialog.component.md) | Displays a dialog to search for people or groups to add to the current node permissions. | [Source](../lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-dialog.component.ts) |
+| [Add Permission Panel Component](content-services/components/add-permission-panel.component.md) | Searches for people or groups to add to the current node permissions. | [Source](../lib/content-services/src/lib/permission-manager/components/add-permission/add-permission-panel.component.ts) |
+| [Add Permission Component](content-services/components/add-permission.component.md) | Searches for people or groups to add to the current node permissions. | [Source](../lib/content-services/src/lib/permission-manager/components/add-permission/add-permission.component.ts) |
+| [Aspect List Dialog component](content-services/components/aspect-list-dialog.component.md) | Allows a user to choose aspects for a node. | [Source](../lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.ts) |
+| [Aspect List component](content-services/components/aspect-list.component.md) | This component will show in an expandable row list with checkboxes all the aspect of a node, if a node id is given, or otherwise a complete list. |  |
+| The aspect are filtered via the app.config.json in this way : | [Source](../lib/content-services/src/lib/aspect-list/aspect-list.component.ts) |  |
+| [Breadcrumb Component](content-services/components/breadcrumb.component.md) | Indicates the current position within a navigation hierarchy. | [Source](../lib/content-services/src/lib/breadcrumb/breadcrumb.component.ts) |
+| [Content Action component](content-services/components/content-action.component.md) | Adds options to a Document List actions menu for a particular content type. | [Source](../lib/content-services/src/lib/document-list/components/content-action/content-action.component.ts) |
+| [Content Metadata Card component](content-services/components/content-metadata-card.component.md) | Displays and edits metadata related to a node. | [Source](../lib/content-services/src/lib/content-metadata/components/content-metadata-card/content-metadata-card.component.ts) |
+| [Content Node Selector Panel component](content-services/components/content-node-selector-panel.component.md) | Opens a Content Node Selector  in its own dialog window. | [Source](../lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.ts) |
+| [Content Node Selector component](content-services/components/content-node-selector.component.md) | Allows a user to select items from a Content Services repository. | [Source](../lib/content-services/src/lib/content-node-selector/content-node-selector.component.ts) |
+| [Content Type Dialog component](content-services/components/content-type-dialog.component.md) | Confirm dialog when user changes content type of a node. | [Source](../lib/content-services/src/lib/content-type/content-type-dialog.component.ts) |
+| [Document List component](content-services/components/document-list.component.md) | Displays the documents from a repository. | [Source](../lib/content-services/src/lib/document-list/components/document-list.component.ts) |
+| [Dropdown Breadcrumb Component](content-services/components/dropdown-breadcrumb.component.md) | Indicates the current position within a navigation hierarchy using a dropdown menu. | [Source](../lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.ts) |
+| [File Uploading Dialog Component](content-services/components/file-uploading-dialog.component.md) | Shows a dialog listing all the files uploaded with the Upload Button or Drag Area components. | [Source](../lib/content-services/src/lib/upload/components/file-uploading-dialog.component.ts) |
+| [Like component](content-services/components/like.component.md) | Allows a user to add "likes" to an item. | [Source](../lib/content-services/src/lib/social/like.component.ts) |
+| [Permission List Component](content-services/components/permission-list.component.md) | Shows node permissions as a table. | [Source](../lib/content-services/src/lib/permission-manager/components/permission-list/permission-list.component.ts) |
+| [Rating component](content-services/components/rating.component.md) | Allows a user to add and remove rating to an item. | [Source](../lib/content-services/src/lib/social/rating.component.ts) |
+| [Search check list component](content-services/components/search-check-list.component.md) | Implements a checklist widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-check-list/search-check-list.component.ts) |
+| [Search Chip List Component](content-services/components/search-chip-list.component.md) | Displays search criteria as a set of "chips". | [Source](../lib/content-services/src/lib/search/components/search-chip-list/search-chip-list.component.ts) |
+| [Search control component](content-services/components/search-control.component.md) | Displays a input text that shows find-as-you-type suggestions. | [Source](../lib/content-services/src/lib/search/components/search-control.component.ts) |
+| [Search date range component](content-services/components/search-date-range.component.md) | Implements a search widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-date-range/search-date-range.component.ts) |
+| [Search datetime range component](content-services/components/search-datetime-range.component.md) | Implements a search widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-datetime-range/search-datetime-range.component.ts) |
+| [Search Filter component](content-services/components/search-filter.component.md) | Represents a main container component for custom search and faceted search settings. | [Source](../lib/content-services/src/lib/search/components/search-filter/search-filter.component.ts) |
+| [Search number range component](content-services/components/search-number-range.component.md) | Implements a number range widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-number-range/search-number-range.component.ts) |
+| [Search radio component](content-services/components/search-radio.component.md) | Implements a radio button list widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-radio/search-radio.component.ts) |
+| [Search slider component](content-services/components/search-slider.component.md) | Implements a numeric slider widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-slider/search-slider.component.ts) |
+| [Search Sorting Picker Component](content-services/components/search-sorting-picker.component.md) | Provides an ability to select one of the predefined sorting definitions for search results: | [Source](../lib/content-services/src/lib/search/components/search-sorting-picker/search-sorting-picker.component.ts) |
+| [Search text component](content-services/components/search-text.component.md) | Implements a text input widget for the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-text/search-text.component.ts) |
+| [Search component](content-services/components/search.component.md) | Searches items for supplied search terms. | [Source](../lib/content-services/src/lib/search/components/search.component.ts) |
+| [Sites Dropdown component](content-services/components/sites-dropdown.component.md) | Displays a dropdown menu to show and interact with the sites of the current user. | [Source](../lib/content-services/src/lib/site-dropdown/sites-dropdown.component.ts) |
+| [Tag Node Actions List component](content-services/components/tag-actions.component.md) | Shows available actions for tags. | [Source](../lib/content-services/src/lib/tag/tag-actions.component.ts) |
+| [Tag List component](content-services/components/tag-list.component.md) | Shows tags for an item. | [Source](../lib/content-services/src/lib/tag/tag-list.component.ts) |
+| [Tag Node List component](content-services/components/tag-node-list.component.md) | Shows tags for a node. | [Source](../lib/content-services/src/lib/tag/tag-node-list.component.ts) |
+| [Tree View component](content-services/components/tree-view.component.md) | Shows the folder and subfolders of a node as a tree view. | [Source](../lib/content-services/src/lib/tree-view/components/tree-view.component.ts) |
+| [Upload Button Component](content-services/components/upload-button.component.md) | Activates a file upload. | [Source](../lib/content-services/src/lib/upload/components/upload-button.component.ts) |
+| [Upload Drag Area Component](content-services/components/upload-drag-area.component.md) | Adds a drag and drop area to upload files to ACS. | [Source](../lib/content-services/src/lib/upload/components/upload-drag-area.component.ts) |
+| [Upload Version Button Component (Workaround)](content-services/components/upload-version-button.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Activates a file version upload. | [Source](../lib/content-services/src/lib/upload/components/upload-version-button.component.ts) |
+| [Version Comparison Component](content-services/components/version-comparison.component.md) | Displays the side by side comparison between the current target node (type, name, icon) and the new file that should update it's version. | [Source](../lib/content-services/src/lib/version-manager/version-comparison.component.ts) |
+| [Version List component](content-services/components/version-list.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Displays the version history of a node in a Version Manager component. | [Source](../lib/content-services/src/lib/version-manager/version-list.component.ts) |
+| [Version Manager Component](content-services/components/version-manager.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Displays the version history of a node with the ability to upload a new version. | [Source](../lib/content-services/src/lib/version-manager/version-manager.component.ts) |
+| [Version Upload component](content-services/components/version-upload.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Displays the new version's minor/major changes and the optional comment of a node in a Version Manager component. | [Source](../lib/content-services/src/lib/version-manager/version-upload.component.ts) |
+| [Webscript component](content-services/components/webscript.component.md) | Provides access to Webscript features. | [Source](../lib/content-services/src/lib/webscript/webscript.component.ts) |

 ### Directives

-| Name                                                                                            | Description                                                           | Source link                                                                                           |
-| ----------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
-| [Node Public File Share Directive](content-services/directives/content-node-share.directive.md) | Creates and manages public shared links for files.                    | [Source](../lib/content-services/src/lib/content-node-share/content-node-share.directive.ts)          |
-| [File Draggable directive](content-services/directives/file-draggable.directive.md)             | Provides drag-and-drop features for an element such as a div.         | [Source](../lib/content-services/src/lib/upload/directives/file-draggable.directive.ts)               |
-| [Folder Create directive](content-services/directives/folder-create.directive.md)               | Creates folders.                                                      | [Source](../lib/content-services/src/lib/folder-directive/folder-create.directive.ts)                 |
-| [Folder Edit directive](content-services/directives/folder-edit.directive.md)                   | Allows folders to be edited.                                          | [Source](../lib/content-services/src/lib/folder-directive/folder-edit.directive.ts)                   |
-| [Inherit Permission directive](content-services/directives/inherited-button.directive.md)       | Update the current node by adding/removing the inherited permissions. | [Source](../lib/content-services/src/lib/permission-manager/components/inherited-button.directive.ts) |
-| [Node Lock directive](content-services/directives/node-lock.directive.md)                       | Locks or unlocks a node.                                              | [Source](../lib/content-services/src/lib/directives/node-lock.directive.ts)                           |
-| [Toggle Icon directive](content-services/directives/toggle-icon.directive.md)                   | Toggle icon on mouse or keyboard event for a selectable element.      | [Source](../lib/content-services/src/lib/upload/directives/toggle-icon.directive.ts)                  |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Node Public File Share Directive](content-services/directives/content-node-share.directive.md) | Creates and manages public shared links for files. | [Source](../lib/content-services/src/lib/content-node-share/content-node-share.directive.ts) |
+| [File Draggable directive](content-services/directives/file-draggable.directive.md) | Provides drag-and-drop features for an element such as a div. | [Source](../lib/content-services/src/lib/upload/directives/file-draggable.directive.ts) |
+| [Folder Create directive](content-services/directives/folder-create.directive.md) | Creates folders. | [Source](../lib/content-services/src/lib/folder-directive/folder-create.directive.ts) |
+| [Folder Edit directive](content-services/directives/folder-edit.directive.md) | Allows folders to be edited. | [Source](../lib/content-services/src/lib/folder-directive/folder-edit.directive.ts) |
+| [Inherit Permission directive](content-services/directives/inherited-button.directive.md) | Update the current node by adding/removing the inherited permissions. | [Source](../lib/content-services/src/lib/permission-manager/components/inherited-button.directive.ts) |
+| [Node Counter directive](content-services/directives/node-counter.directive.md) | Appends a counter to an element. | [Source](../lib/content-services/src/lib/directives/node-counter.directive.ts) |
+| [Node Lock directive](content-services/directives/node-lock.directive.md) | Locks or unlocks a node. | [Source](../lib/content-services/src/lib/directives/node-lock.directive.ts) |
+| [Toggle Icon directive](content-services/directives/toggle-icon.directive.md) | Toggle icon on mouse or keyboard event for a selectable element. | [Source](../lib/content-services/src/lib/upload/directives/toggle-icon.directive.ts) |

 ### Dialogs

-| Name                                                                   | Description                                           | Source link                                                                 |
-| ---------------------------------------------------------------------- | ----------------------------------------------------- | --------------------------------------------------------------------------- |
-| [Confirm dialog component](content-services/dialogs/confirm.dialog.md) | Requests a yes/no choice from the user.               | [Source](../lib/content-services/src/lib/dialogs/confirm.dialog.ts)         |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Confirm dialog component](content-services/dialogs/confirm.dialog.md) | Requests a yes/no choice from the user. | [Source](../lib/content-services/src/lib/dialogs/confirm.dialog.ts) |
 | [Library dialog component](content-services/dialogs/library.dialog.md) | Creates a new Content Services document library/site. | [Source](../lib/content-services/src/lib/dialogs/library/library.dialog.ts) |

 ### Interfaces

-| Name                                                                              | Description                                                        | Source link                                                                 |
-| --------------------------------------------------------------------------------- | ------------------------------------------------------------------ | --------------------------------------------------------------------------- |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
 | [Search widget interface](content-services/interfaces/search-widget.interface.md) | Specifies required properties for Search filter component widgets. | [Source](../lib/content-services/src/lib/search/search-widget.interface.ts) |

 ### Models

-| Name                                                                         | Description                                                                             | Source link                                                                               |
-| ---------------------------------------------------------------------------- | --------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
-| [Image Resolver Model](content-services/models/image-resolver.model.md)      | Defines the Image Resolver function used by the Document List Component.                | [Source](../lib/content-services/document-list/data/image-resolver.model.ts)              |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Image Resolver Model](content-services/models/image-resolver.model.md) | Defines the Image Resolver function used by the Document List Component. | [Source](../lib/content-services/document-list/data/image-resolver.model.ts) |
 | [Permission Style model](content-services/models/permissions-style.model.md) | Sets custom CSS styles for rows of a Document List according to the item's permissions. | [Source](../lib/content-services/src/lib/document-list/models/permissions-style.model.ts) |
-| [Row Filter Model](content-services/models/row-filter.model.md)              | Defines the Row Filter function used by the Document List Component.                    | [Source](../lib/content-services/document-list/data/row-filter.model.ts)                  |
+| [Row Filter Model](content-services/models/row-filter.model.md) | Defines the Row Filter function used by the Document List Component. | [Source](../lib/content-services/document-list/data/row-filter.model.ts) |

 ### Pipes

-| Name                                                                       | Description                                        | Source link                                                                      |
-| -------------------------------------------------------------------------- | -------------------------------------------------- | -------------------------------------------------------------------------------- |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
 | [File upload error pipe](content-services/pipes/file-upload-error.pipe.md) | Converts an upload error code to an error message. | [Source](../lib/content-services/src/lib/upload/pipes/file-upload-error.pipe.ts) |

 ### Services

-| Name                                                                                          | Description                                                                                                         | Source link                                                                                             |
-| --------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------- |
-| [Audit Service](content-services/services/audit.service.md)                                   | Manages Audit apps and entries.                                                                                     | [Source](../lib/content-services/src/lib/audit/audit.service.ts)                                        |
-| [Content Node Dialog service](content-services/services/content-node-dialog.service.md)       | Displays and manages dialogs for selecting content to open, copy or upload.                                         | [Source](../lib/content-services/src/lib/content-node-selector/content-node-dialog.service.ts)          |
-| [Custom Resources service](content-services/services/custom-resources.service.md)             | Manages Document List information that is specific to a user.                                                       | [Source](../lib/content-services/src/lib/document-list/services/custom-resources.service.ts)            |
-| [Document Actions service](content-services/services/document-actions.service.md)             | Implements the document menu actions for the Document List component.                                               | [Source](../lib/content-services/src/lib/document-list/services/document-actions.service.ts)            |
-| [Document List service](content-services/services/document-list.service.md)                   | Implements node operations used by the Document List component.                                                     | [Source](../lib/content-services/src/lib/document-list/services/document-list.service.ts)               |
-| [Folder Actions service](content-services/services/folder-actions.service.md)                 | Implements the folder menu actions for the Document List component.                                                 | [Source](../lib/content-services/src/lib/document-list/services/folder-actions.service.ts)              |
-| [Node permission dialog service](content-services/services/node-permission-dialog.service.md) | Displays dialogs to let the user set node permissions.                                                              | [Source](../lib/content-services/src/lib/permission-manager/services/node-permission-dialog.service.ts) |
-| [Node Permission service](content-services/services/node-permission.service.md)               | Manages role permissions for content nodes.                                                                         | [Source](../lib/content-services/src/lib/permission-manager/services/node-permission.service.ts)        |
-| [Rating service](content-services/services/rating.service.md)                                 | Manages ratings for items in Content Services.                                                                      | [Source](../lib/content-services/src/lib/social/services/rating.service.ts)                             |
-| [Search filter service](content-services/services/search-filter.service.md)                   | Registers widgets for use with the Search Filter component.                                                         | [Source](../lib/content-services/src/lib/search/components/search-filter/search-filter.service.ts)      |
-| [Search Query Builder service](content-services/services/search-query-builder.service.md)     | Stores information from all the custom search and faceted search widgets, compiles and runs the final search query. | [Source](../lib/content-services/src/lib/search/search-query-builder.service.ts)                        |
-| [Tag service](content-services/services/tag.service.md)                                       | Manages tags in Content Services.                                                                                   | [Source](../lib/content-services/src/lib/tag/services/tag.service.ts)                                   |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Audit Service](content-services/services/audit.service.md) | Manages Audit apps and entries. | [Source](../lib/content-services/src/lib/audit/audit.service.ts) |
+| [Content Node Dialog service](content-services/services/content-node-dialog.service.md) | Displays and manages dialogs for selecting content to open, copy or upload. | [Source](../lib/content-services/src/lib/content-node-selector/content-node-dialog.service.ts) |
+| [Custom Resources service](content-services/services/custom-resources.service.md) | Manages Document List information that is specific to a user. | [Source](../lib/content-services/src/lib/document-list/services/custom-resources.service.ts) |
+| [Document Actions service](content-services/services/document-actions.service.md) | Implements the document menu actions for the Document List component. | [Source](../lib/content-services/src/lib/document-list/services/document-actions.service.ts) |
+| [Document List service](content-services/services/document-list.service.md) | Implements node operations used by the Document List component. | [Source](../lib/content-services/src/lib/document-list/services/document-list.service.ts) |
+| [Folder Actions service](content-services/services/folder-actions.service.md) | Implements the folder menu actions for the Document List component. | [Source](../lib/content-services/src/lib/document-list/services/folder-actions.service.ts) |
+| [Node permission dialog service](content-services/services/node-permission-dialog.service.md) | Displays dialogs to let the user set node permissions. | [Source](../lib/content-services/src/lib/permission-manager/services/node-permission-dialog.service.ts) |
+| [Node Permission service](content-services/services/node-permission.service.md) | Manages role permissions for content nodes. | [Source](../lib/content-services/src/lib/permission-manager/services/node-permission.service.ts) |
+| [Rating service](content-services/services/rating.service.md) | Manages ratings for items in Content Services. | [Source](../lib/content-services/src/lib/social/services/rating.service.ts) |
+| [Search filter service](content-services/services/search-filter.service.md) | Registers widgets for use with the Search Filter component. | [Source](../lib/content-services/src/lib/search/components/search-filter/search-filter.service.ts) |
+| [Search Query Builder service](content-services/services/search-query-builder.service.md) | Stores information from all the custom search and faceted search widgets, compiles and runs the final search query. | [Source](../lib/content-services/src/lib/search/search-query-builder.service.ts) |
+| [Tag service](content-services/services/tag.service.md) | Manages tags in Content Services. | [Source](../lib/content-services/src/lib/tag/services/tag.service.ts) |

 <!--content-services end-->

@@ -366,59 +374,59 @@ for more information about installing and using the source code.

 ### Components

-| Name                                                                                                          | Description                                                                                                        | Source link                                                                                             |
-| ------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- |
-| [Apps List Component](process-services/components/apps-list.component.md)                                     | Shows all available apps.                                                                                          | [Source](../lib/process-services/src/lib/app-list/apps-list.component.ts)                               |
-| [Attach Form component](process-services/components/attach-form.component.md)                                 | This component can be used when there is no form attached to a task and you want to add one.                       | [Source](../lib/process-services/src/lib/task-list/components/attach-form.component.ts)                 |
-| [Checklist Component](process-services/components/checklist.component.md)                                     | Shows the checklist task functionality.                                                                            | [Source](../lib/process-services/src/lib/task-list/components/checklist.component.ts)                   |
-| [Create Process Attachment component](process-services/components/create-process-attachment.component.md)     | Displays an Upload Component (Drag and Click) to upload the attachment to a specified process instance.            | [Source](../lib/process-services/src/lib/attachment/create-process-attachment.component.ts)             |
-| [Create Task Attachment Component](process-services/components/create-task-attachment.component.md)           | Displays an Upload Component (Drag and Click) to upload the attachment to a specified task.                        | [Source](../lib/process-services/src/lib/attachment/create-task-attachment.component.ts)                |
-| [Form custom outcomes component](process-services/components/form-custom-outcome.component.md)                | Supplies custom outcome buttons to be included in Form component.                                                  | [Source](../lib/process-services/src/lib/form/form-custom-outcomes.component.ts)                        |
-| [Form component](process-services/components/form.component.md)                                               | Shows a Form from APS                                                                                              | [Source](../lib/process-services/src/lib/form/form.component.ts)                                        |
-| [People list component](process-services/components/people-list.component.md)                                 | Shows a list of users (people).                                                                                    | [Source](../lib/process-services/src/lib/people/components/people-list/people-list.component.ts)        |
-| [People Search component](process-services/components/people-search.component.md)                             | Searches users/people.                                                                                             | [Source](../lib/process-services/src/lib/people/components/people-search/people-search.component.ts)    |
-| [People Component](process-services/components/people.component.md)                                           | Displays users involved with a specified task                                                                      | [Source](../lib/process-services/src/lib/people/components/people/people.component.ts)                  |
-| [Process Attachment List component](process-services/components/process-attachment-list.component.md)         | Displays documents attached to a specified process instance.                                                       | [Source](../lib/process-services/src/lib/attachment/process-attachment-list.component.ts)               |
-| [Process Instance Comments component](process-services/components/process-comments.component.md)              | Displays comments associated with a particular process instance and allows the user to add new comments.           | [Source](../lib/process-services/src/lib/process-comments/process-comments.component.ts)                |
-| [Process Filters Component](process-services/components/process-filters.component.md)                         | Collection of criteria used to filter process instances, which may be customized by users.                         | [Source](../lib/process-services/src/lib/process-list/components/process-filters.component.ts)          |
-| [Process Details component](process-services/components/process-instance-details.component.md)                | Displays detailed information about a specified process instance                                                   | [Source](../lib/process-services/src/lib/process-list/components/process-instance-details.component.ts) |
-| [Process Instance Details Header component](process-services/components/process-instance-header.component.md) | Sub-component of the process details component, which renders some general information about the selected process. | [Source](../lib/process-services/src/lib/process-list/components/process-instance-header.component.ts)  |
-| [Process Instance Tasks component](process-services/components/process-instance-tasks.component.md)           | Lists both the active and completed tasks associated with a particular process instance                            | [Source](../lib/process-services/src/lib/process-list/components/process-instance-tasks.component.ts)   |
-| [Process Instance List](process-services/components/process-list.component.md)                                | Renders a list containing all the process instances matched by the parameters specified.                           | [Source](../lib/process-services/src/lib/process-list/components/process-list.component.ts)             |
-| [Select App Component](process-services/components/select-apps-dialog.component.md)                           | Shows all available apps and returns the selected app.                                                             | [Source](../lib/process-services/src/lib/app-list/select-apps-dialog.component.ts)                      |
-| [Start Process component](process-services/components/start-process.component.md)                             | Starts a process.                                                                                                  | [Source](../lib/process-services/src/lib/process-list/components/start-process.component.ts)            |
-| [Start Task Component](process-services/components/start-task.component.md)                                   | Creates/Starts a new task for the specified app.                                                                   | [Source](../lib/process-services/src/lib/task-list/components/start-task.component.ts)                  |
-| [Task Attachment List Component](process-services/components/task-attachment-list.component.md)               | Displays documents attached to a specified task.                                                                   | [Source](../lib/process-services/src/lib/attachment/task-attachment-list.component.ts)                  |
-| [Task Details component](process-services/components/task-details.component.md)                               | Shows the details of the task ID passed in as input.                                                               | [Source](../lib/process-services/src/lib/task-list/components/task-details.component.ts)                |
-| [Task Filters component](process-services/components/task-filters.component.md)                               | Shows all available filters.                                                                                       | [Source](../lib/process-services/src/lib/task-list/components/task-filters.component.ts)                |
-| [Task Form component](process-services/components/task-form.component.md)                                     | Shows a form for a task.                                                                                           | [Source](../lib/process-services/src/lib/task-list/components/task-form/task-form.component.ts)         |
-| [Task Header component](process-services/components/task-header.component.md)                                 | Shows all the information related to a task.                                                                       | [Source](../lib/process-services/src/lib/task-list/components/task-header.component.ts)                 |
-| [Task List component](process-services/components/task-list.component.md)                                     | Renders a list containing all the tasks matched by the parameters specified.                                       | [Source](../lib/process-services/src/lib/task-list/components/task-list.component.ts)                   |
-| [Task Standalone component](process-services/components/task-standalone.component.md)                         | This component can be used when the task doesn't belong to any processes.                                          | [Source](../lib/process-services/src/lib/task-list/components/task-standalone.component.ts)             |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Apps List Component](process-services/components/apps-list.component.md) | Shows all available apps. | [Source](../lib/process-services/src/lib/app-list/apps-list.component.ts) |
+| [Attach Form component](process-services/components/attach-form.component.md) | This component can be used when there is no form attached to a task and you want to add one. | [Source](../lib/process-services/src/lib/task-list/components/attach-form.component.ts) |
+| [Checklist Component](process-services/components/checklist.component.md) | Shows the checklist task functionality. | [Source](../lib/process-services/src/lib/task-list/components/checklist.component.ts) |
+| [Create Process Attachment component](process-services/components/create-process-attachment.component.md) | Displays an Upload Component (Drag and Click) to upload the attachment to a specified process instance. | [Source](../lib/process-services/src/lib/attachment/create-process-attachment.component.ts) |
+| [Create Task Attachment Component](process-services/components/create-task-attachment.component.md) | Displays an Upload Component (Drag and Click) to upload the attachment to a specified task. | [Source](../lib/process-services/src/lib/attachment/create-task-attachment.component.ts) |
+| [Form custom outcomes component](process-services/components/form-custom-outcome.component.md) | Supplies custom outcome buttons to be included in Form component. | [Source](../lib/process-services/src/lib/form/form-custom-outcomes.component.ts) |
+| [Form component](process-services/components/form.component.md) | Shows a Form from APS | [Source](../lib/process-services/src/lib/form/form.component.ts) |
+| [People list component](process-services/components/people-list.component.md) | Shows a list of users (people). | [Source](../lib/process-services/src/lib/people/components/people-list/people-list.component.ts) |
+| [People Search component](process-services/components/people-search.component.md) | Searches users/people. | [Source](../lib/process-services/src/lib/people/components/people-search/people-search.component.ts) |
+| [People Component](process-services/components/people.component.md) | Displays users involved with a specified task | [Source](../lib/process-services/src/lib/people/components/people/people.component.ts) |
+| [Process Attachment List component](process-services/components/process-attachment-list.component.md) | Displays documents attached to a specified process instance. | [Source](../lib/process-services/src/lib/attachment/process-attachment-list.component.ts) |
+| [Process Instance Comments component](process-services/components/process-comments.component.md) | Displays comments associated with a particular process instance and allows the user to add new comments. | [Source](../lib/process-services/src/lib/process-comments/process-comments.component.ts) |
+| [Process Filters Component](process-services/components/process-filters.component.md) | Collection of criteria used to filter process instances, which may be customized by users. | [Source](../lib/process-services/src/lib/process-list/components/process-filters.component.ts) |
+| [Process Details component](process-services/components/process-instance-details.component.md) | Displays detailed information about a specified process instance | [Source](../lib/process-services/src/lib/process-list/components/process-instance-details.component.ts) |
+| [Process Instance Details Header component](process-services/components/process-instance-header.component.md) | Sub-component of the process details component, which renders some general information about the selected process. | [Source](../lib/process-services/src/lib/process-list/components/process-instance-header.component.ts) |
+| [Process Instance Tasks component](process-services/components/process-instance-tasks.component.md) | Lists both the active and completed tasks associated with a particular process instance | [Source](../lib/process-services/src/lib/process-list/components/process-instance-tasks.component.ts) |
+| [Process Instance List](process-services/components/process-list.component.md) | Renders a list containing all the process instances matched by the parameters specified. | [Source](../lib/process-services/src/lib/process-list/components/process-list.component.ts) |
+| [Select App Component](process-services/components/select-apps-dialog.component.md) | Shows all available apps and returns the selected app. | [Source](../lib/process-services/src/lib/app-list/select-apps-dialog.component.ts) |
+| [Start Process component](process-services/components/start-process.component.md) | Starts a process. | [Source](../lib/process-services/src/lib/process-list/components/start-process.component.ts) |
+| [Start Task Component](process-services/components/start-task.component.md) | Creates/Starts a new task for the specified app. | [Source](../lib/process-services/src/lib/task-list/components/start-task.component.ts) |
+| [Task Attachment List Component](process-services/components/task-attachment-list.component.md) | Displays documents attached to a specified task. | [Source](../lib/process-services/src/lib/attachment/task-attachment-list.component.ts) |
+| [Task Details component](process-services/components/task-details.component.md) | Shows the details of the task ID passed in as input. | [Source](../lib/process-services/src/lib/task-list/components/task-details.component.ts) |
+| [Task Filters component](process-services/components/task-filters.component.md) | Shows all available filters. | [Source](../lib/process-services/src/lib/task-list/components/task-filters.component.ts) |
+| [Task Form component](process-services/components/task-form.component.md) | Shows a form for a task. | [Source](../lib/process-services/src/lib/task-list/components/task-form/task-form.component.ts) |
+| [Task Header component](process-services/components/task-header.component.md) | Shows all the information related to a task. | [Source](../lib/process-services/src/lib/task-list/components/task-header.component.ts) |
+| [Task List component](process-services/components/task-list.component.md) | Renders a list containing all the tasks matched by the parameters specified. | [Source](../lib/process-services/src/lib/task-list/components/task-list.component.ts) |
+| [Task Standalone component](process-services/components/task-standalone.component.md) | This component can be used when the task doesn't belong to any processes. | [Source](../lib/process-services/src/lib/task-list/components/task-standalone.component.ts) |

 ### Directives

-| Name                                                                                                                                   | Description                                                  | Source link                                                                                        |
-| -------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------ | -------------------------------------------------------------------------------------------------- |
-| [Claim Task Directive](process-services/directives/claim-task.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png)     | Claims a task                                                | [Source](../lib/process-services/src/lib/task-list/components/task-form/claim-task.directive.ts)   |
-| [Process Audit Directive](process-services/directives/process-audit.directive.md)                                                      | Fetches the Process Audit information in PDF or JSON format. | [Source](../lib/process-services/src/lib/process-list/components/process-audit.directive.ts)       |
-| [Task Audit Directive](process-services/directives/task-audit.directive.md)                                                            | Fetches the Task Audit information in PDF or JSON format.    | [Source](../lib/process-services/src/lib/task-list/components/task-audit.directive.ts)             |
-| [Unclaim Task Directive](process-services/directives/unclaim-task.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Unclaims a task                                              | [Source](../lib/process-services/src/lib/task-list/components/task-form/unclaim-task.directive.ts) |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Claim Task Directive](process-services/directives/claim-task.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Claims a task | [Source](../lib/process-services/src/lib/task-list/components/task-form/claim-task.directive.ts) |
+| [Process Audit Directive](process-services/directives/process-audit.directive.md) | Fetches the Process Audit information in PDF or JSON format. | [Source](../lib/process-services/src/lib/process-list/components/process-audit.directive.ts) |
+| [Task Audit Directive](process-services/directives/task-audit.directive.md) | Fetches the Task Audit information in PDF or JSON format. | [Source](../lib/process-services/src/lib/task-list/components/task-audit.directive.ts) |
+| [Unclaim Task Directive](process-services/directives/unclaim-task.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Unclaims a task | [Source](../lib/process-services/src/lib/task-list/components/task-form/unclaim-task.directive.ts) |

 ### Pipes

-| Name                                                             | Description                                                                                                                                           | Source link                                                          |
-| ---------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------- |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
 | [Process name pipe](process-services/pipes/process-name.pipe.md) | When an identifier is specified, the input will be transformed replacing the identifiers with the values of the selected process definition provided. | [Source](../lib/process-services/src/lib/pipes/process-name.pipe.ts) |

 ### Services

-| Name                                                                          | Description                                                                | Source link                                                                               |
-| ----------------------------------------------------------------------------- | -------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
 | [Process Filter Service](process-services/services/process-filter.service.md) | Manage Process Filters, which are pre-configured Process Instance queries. | [Source](../lib/process-services/src/lib/process-list/services/process-filter.service.ts) |
-| [Process Service](process-services/services/process.service.md)               | Manages process instances, process variables, and process audit Log.       | [Source](../lib/process-services/src/lib/process-list/services/process.service.ts)        |
-| [Task Filter Service](process-services/services/task-filter.service.md)       | Manage Task Filters, which are pre-configured Task Instance queries.       | [Source](../lib/process-services/src/lib/task-list/services/task-filter.service.ts)       |
-| [Tasklist Service](process-services/services/tasklist.service.md)             | Manages Task Instances.                                                    | [Source](../lib/process-services/src/lib/task-list/services/tasklist.service.ts)          |
+| [Process Service](process-services/services/process.service.md) | Manages process instances, process variables, and process audit Log. | [Source](../lib/process-services/src/lib/process-list/services/process.service.ts) |
+| [Task Filter Service](process-services/services/task-filter.service.md) | Manage Task Filters, which are pre-configured Task Instance queries. | [Source](../lib/process-services/src/lib/task-list/services/task-filter.service.ts) |
+| [Tasklist Service](process-services/services/tasklist.service.md) | Manages Task Instances. | [Source](../lib/process-services/src/lib/task-list/services/tasklist.service.ts) |

 <!--process-services end-->

@@ -435,59 +443,62 @@ for more information about installing and using the source code.

 ### Components

-| Name                                                                                                                                                                   | Description                                                                                                                                             | Source link                                                                                                                        |
-| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
-| [App List Cloud Component](process-services-cloud/components/app-list-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                       | Shows all deployed cloud application instances.                                                                                                         | [Source](../lib/process-services-cloud/src/lib/app/components/app-list-cloud.component.ts)                                         |
-| [Edit Process Filter Cloud component](process-services-cloud/components/edit-process-filter-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows/edits process filter details.                                                                                                                     | [Source](../lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts)          |
-| [Edit Task Filter Cloud component](process-services-cloud/components/edit-task-filter-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)       | Edits task filter details.                                                                                                                              | [Source](../lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/edit-task-filter-cloud.component.ts) |
-| [Form cloud custom outcomes component](process-services-cloud/components/form-cloud-custom-outcome.component.md)                                                       | Supplies custom outcome buttons to be included in Form cloud component.                                                                                 | [Source](../lib/process-services-cloud/src/lib/form/components/form-cloud-custom-outcomes.component.ts)                            |
-| [Form cloud component](process-services-cloud/components/form-cloud.component.md)                                                                                      | Shows a form from Process Services.                                                                                                                     | [Source](../lib/process-services-cloud/src/lib/form/components/form-cloud.component.ts)                                            |
-| [Form Definition Selector Cloud](process-services-cloud/components/form-definition-selector-cloud.component.md)                                                        | Allows one form to be selected from a dropdown list. For forms to be displayed in this component they will need to be compatible with standAlone tasks. | [Source](../lib/process-services-cloud/src/lib/form/components/form-definition-selector-cloud.component.ts)                        |
-| [Group Cloud component](process-services-cloud/components/group-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                             | Searches Groups.                                                                                                                                        | [Source](../lib/process-services-cloud/src/lib/group/components/group-cloud.component.ts)                                          |
-| [People Cloud Component](process-services-cloud/components/people-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                           | Allows one or more users to be selected (with auto-suggestion) based on the input parameters.                                                           | [Source](../lib/process-services-cloud/src/lib/people/components/people-cloud.component.ts)                                        |
-| [Process Filters Cloud Component](process-services-cloud/components/process-filters-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)         | Lists all available process filters and allows to select a filter.                                                                                      | [Source](../lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.ts)              |
-| [Process Header Cloud Component](process-services-cloud/components/process-header-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)           | Shows all the information related to a process instance.                                                                                                | [Source](../lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.ts)                |
-| [Process Instance List Cloud component](process-services-cloud/components/process-list-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)      | Renders a list containing all the process instances matched by the parameters specified.                                                                | [Source](../lib/process-services-cloud/src/lib/process/process-list/components/process-list-cloud.component.ts)                    |
-| [Start Process Cloud Component](process-services-cloud/components/start-process-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)             | Starts a process.                                                                                                                                       | [Source](../lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.ts)                  |
-| [Start Task Cloud Component](process-services-cloud/components/start-task-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                   | Creates/starts a new task for the specified app.                                                                                                        | [Source](../lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.ts)                           |
-| [Task Filters Cloud component](process-services-cloud/components/task-filters-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)               | Shows all available filters.                                                                                                                            | [Source](../lib/process-services-cloud/src/lib/task/task-filters/components/task-filters-cloud.component.ts)                       |
-| [Form cloud component](process-services-cloud/components/task-form-cloud.component.md)                                                                                 | Shows a form for a task.                                                                                                                                | [Source](../lib/process-services-cloud/src/lib/task/task-form/components/task-form-cloud.component.ts)                             |
-| [Task Header Cloud Component](process-services-cloud/components/task-header-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                 | Shows all the information related to a task.                                                                                                            | [Source](../lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.ts)                         |
-| [Task List Cloud component](process-services-cloud/components/task-list-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                     | Renders a list containing all the tasks matched by the parameters specified.                                                                            | [Source](../lib/process-services-cloud/src/lib/task/task-list/components/task-list-cloud.component.ts)                             |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [App List Cloud Component](process-services-cloud/components/app-list-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows all deployed cloud application instances. | [Source](../lib/process-services-cloud/src/lib/app/components/app-list-cloud.component.ts) |
+| [Edit Process Filter Cloud component](process-services-cloud/components/edit-process-filter-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows/edits process filter details. | [Source](../lib/process-services-cloud/src/lib/process/process-filters/components/edit-process-filter-cloud.component.ts) |
+| [Edit Task Filter Cloud component](process-services-cloud/components/edit-task-filter-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Edits task filter details. | [Source](../lib/process-services-cloud/src/lib/task/task-filters/components/edit-task-filters/edit-task-filter-cloud.component.ts) |
+| [Form cloud custom outcomes component](process-services-cloud/components/form-cloud-custom-outcome.component.md) | Supplies custom outcome buttons to be included in Form cloud component. | [Source](../lib/process-services-cloud/src/lib/form/components/form-cloud-custom-outcomes.component.ts) |
+| [Form cloud component](process-services-cloud/components/form-cloud.component.md) | Shows a form from Process Services. | [Source](../lib/process-services-cloud/src/lib/form/components/form-cloud.component.ts) |
+| [Form Definition Selector Cloud](process-services-cloud/components/form-definition-selector-cloud.component.md) | Allows one form to be selected from a dropdown list. For forms to be displayed in this component they will need to be compatible with standAlone tasks. | [Source](../lib/process-services-cloud/src/lib/form/components/form-definition-selector-cloud.component.ts) |
+| [Group Cloud component](process-services-cloud/components/group-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Searches Groups. | [Source](../lib/process-services-cloud/src/lib/group/components/group-cloud.component.ts) |
+| [](process-services-cloud/components/people-cloud.component.md) | Title: People Cloud Component |  |
+
+Added: v3.0.0
+Status: Experimental | [Source](<>) |
+| [Process Filters Cloud Component](process-services-cloud/components/process-filters-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Lists all available process filters and allows to select a filter. | [Source](../lib/process-services-cloud/src/lib/process/process-filters/components/process-filters-cloud.component.ts) |
+| [Process Header Cloud Component](process-services-cloud/components/process-header-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows all the information related to a process instance. | [Source](../lib/process-services-cloud/src/lib/process/process-header/components/process-header-cloud.component.ts) |
+| [Process Instance List Cloud component](process-services-cloud/components/process-list-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Renders a list containing all the process instances matched by the parameters specified. | [Source](../lib/process-services-cloud/src/lib/process/process-list/components/process-list-cloud.component.ts) |
+| [Start Process Cloud Component](process-services-cloud/components/start-process-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Starts a process. | [Source](../lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.ts) |
+| [Start Task Cloud Component](process-services-cloud/components/start-task-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Creates/starts a new task for the specified app. | [Source](../lib/process-services-cloud/src/lib/task/start-task/components/start-task-cloud.component.ts) |
+| [Task Filters Cloud component](process-services-cloud/components/task-filters-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows all available filters. | [Source](../lib/process-services-cloud/src/lib/task/task-filters/components/task-filters-cloud.component.ts) |
+| [Form cloud component](process-services-cloud/components/task-form-cloud.component.md) | Shows a form for a task. | [Source](../lib/process-services-cloud/src/lib/task/task-form/components/task-form-cloud.component.ts) |
+| [Task Header Cloud Component](process-services-cloud/components/task-header-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Shows all the information related to a task. | [Source](../lib/process-services-cloud/src/lib/task/task-header/components/task-header-cloud.component.ts) |
+| [Task List Cloud component](process-services-cloud/components/task-list-cloud.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Renders a list containing all the tasks matched by the parameters specified. | [Source](../lib/process-services-cloud/src/lib/task/task-list/components/task-list-cloud.component.ts) |

 ### Directives

-| Name                                                                                                                                                     | Description       | Source link                                                                                     |
-| -------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | ----------------------------------------------------------------------------------------------- |
-| [Cancel Process Directive](process-services-cloud/directives/cancel-process.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png)         | Cancels a process | [Source](../lib/process-services-cloud/src/lib/process/directives/cancel-process.directive.ts)  |
-| [Claim Task Cloud Directive](process-services-cloud/directives/claim-task-cloud.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png)     | Claims a task     | [Source](../lib/process-services-cloud/src/lib/task/directives/claim-task-cloud.directive.ts)   |
-| [Complete Task Directive](process-services-cloud/directives/complete-task.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png)           | Completes a task. | [Source](../lib/process-services-cloud/src/lib/task/directives/complete-task.directive.ts)      |
-| [Unclaim Task Cloud Directive](process-services-cloud/directives/unclaim-task-cloud.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Unclaims a task   | [Source](../lib/process-services-cloud/src/lib/task/directives/unclaim-task-cloud.directive.ts) |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Cancel Process Directive](process-services-cloud/directives/cancel-process.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Cancels a process | [Source](../lib/process-services-cloud/src/lib/process/directives/cancel-process.directive.ts) |
+| [Claim Task Cloud Directive](process-services-cloud/directives/claim-task-cloud.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Claims a task | [Source](../lib/process-services-cloud/src/lib/task/directives/claim-task-cloud.directive.ts) |
+| [Complete Task Directive](process-services-cloud/directives/complete-task.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Completes a task. | [Source](../lib/process-services-cloud/src/lib/task/directives/complete-task.directive.ts) |
+| [Unclaim Task Cloud Directive](process-services-cloud/directives/unclaim-task-cloud.directive.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Unclaims a task | [Source](../lib/process-services-cloud/src/lib/task/directives/unclaim-task-cloud.directive.ts) |

 ### Pipes

-| Name                                                                               | Description                                                                                                                                           | Source link                                                                      |
-| ---------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------- |
-| [Group initial pipe](process-services-cloud/pipes/group-initial.pipe.md)           | Extracts the initial character from a group name.                                                                                                     | [Source](../lib/process-services-cloud/src/lib/group/pipe/group-initial.pipe.ts) |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Group initial pipe](process-services-cloud/pipes/group-initial.pipe.md) | Extracts the initial character from a group name. | [Source](../lib/process-services-cloud/src/lib/group/pipe/group-initial.pipe.ts) |
 | [Process name cloud pipe](process-services-cloud/pipes/process-name-cloud.pipe.md) | When an identifier is specified, the input will be transformed replacing the identifiers with the values of the selected process definition provided. | [Source](../lib/process-services-cloud/src/lib/pipes/process-name-cloud.pipe.ts) |

 ### Services

-| Name                                                                                                                                                       | Description                                                                | Source link                                                                                                      |
-| ---------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
-| [Apps Process Cloud Service](process-services-cloud/services/apps-process-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png)         | Gets details of deployed apps for the current user.                        | [Source](../lib/process-services-cloud/src/lib/app/services/apps-process-cloud.service.ts)                       |
-| [Form cloud service](process-services-cloud/services/form-cloud.service.md)                                                                                | Implements Process Services form methods                                   | [Source](../lib/process-services-cloud/src/lib/form/services/form-cloud.service.ts)                              |
-| [Group Cloud Service](process-services-cloud/services/group-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png)                       | Searches and gets information for groups.                                  | [Source](../lib/process-services-cloud/src/lib/group/services/group-cloud.service.ts)                            |
-| [Local Preference Cloud Service](process-services-cloud/services/local-preference-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Manages Local Storage preferences.                                         | [Source](../lib/process-services-cloud/src/lib/services/local-preference-cloud.service.ts)                       |
-| [Process Cloud Service](process-services-cloud/services/process-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png)                   | Manages cloud process instances.                                           | [Source](../lib/process-services-cloud/src/lib/process/services/process-cloud.service.ts)                        |
-| [Process Filter Cloud Service](process-services-cloud/services/process-filter-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png)     | Manage Process Filters, which are pre-configured Process Instance queries. | [Source](../lib/process-services-cloud/src/lib/process/process-filters/services/process-filter-cloud.service.ts) |
-| [Process List Cloud Service](process-services-cloud/services/process-list-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png)         | Searches processes.                                                        | [Source](../lib/process-services-cloud/src/lib/process/process-list/services/process-list-cloud.service.ts)      |
-| [Start Process Cloud Service](process-services-cloud/services/start-process-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png)       | Gets process definitions and starts processes.                             | [Source](../lib/process-services-cloud/src/lib/process/start-process/services/start-process-cloud.service.ts)    |
-| [Start Task Cloud Service](process-services-cloud/services/start-task-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png)             | Starts standalone tasks.                                                   | [Source](../lib/process-services-cloud/src/lib/task/services/start-task-cloud.service.ts)                        |
-| [Task Cloud Service](process-services-cloud/services/task-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png)                         | Manages task cloud.                                                        | [Source](../lib/process-services-cloud/src/lib/task/services/task-cloud.service.ts)                              |
-| [Task Filter Cloud Service](process-services-cloud/services/task-filter-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png)           | Manages task filters.                                                      | [Source](../lib/process-services-cloud/src/lib/task/task-filters/services/task-filter-cloud.service.ts)          |
-| [Task List Cloud Service](process-services-cloud/services/task-list-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png)               | Searches tasks.                                                            | [Source](../lib/process-services-cloud/src/lib/task/task-list/services/task-list-cloud.service.ts)               |
-| [User Preference Cloud Service](process-services-cloud/services/user-preference-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png)   | Manages user preferences.                                                  | [Source](../lib/process-services-cloud/src/lib/services/user-preference-cloud.service.ts)                        |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Apps Process Cloud Service](process-services-cloud/services/apps-process-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Gets details of deployed apps for the current user. | [Source](../lib/process-services-cloud/src/lib/app/services/apps-process-cloud.service.ts) |
+| [Form cloud service](process-services-cloud/services/form-cloud.service.md) | Implements Process Services form methods | [Source](../lib/process-services-cloud/src/lib/form/services/form-cloud.service.ts) |
+| [Group Cloud Service](process-services-cloud/services/group-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Searches and gets information for groups. | [Source](../lib/process-services-cloud/src/lib/group/services/group-cloud.service.ts) |
+| [Local Preference Cloud Service](process-services-cloud/services/local-preference-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Manages Local Storage preferences. | [Source](../lib/process-services-cloud/src/lib/services/local-preference-cloud.service.ts) |
+| [Process Cloud Service](process-services-cloud/services/process-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Manages cloud process instances. | [Source](../lib/process-services-cloud/src/lib/process/services/process-cloud.service.ts) |
+| [Process Filter Cloud Service](process-services-cloud/services/process-filter-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Manage Process Filters, which are pre-configured Process Instance queries. | [Source](../lib/process-services-cloud/src/lib/process/process-filters/services/process-filter-cloud.service.ts) |
+| [Process List Cloud Service](process-services-cloud/services/process-list-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Searches processes. | [Source](../lib/process-services-cloud/src/lib/process/process-list/services/process-list-cloud.service.ts) |
+| [Start Process Cloud Service](process-services-cloud/services/start-process-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Gets process definitions and starts processes. | [Source](../lib/process-services-cloud/src/lib/process/start-process/services/start-process-cloud.service.ts) |
+| [Start Task Cloud Service](process-services-cloud/services/start-task-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Starts standalone tasks. | [Source](../lib/process-services-cloud/src/lib/task/services/start-task-cloud.service.ts) |
+| [Task Cloud Service](process-services-cloud/services/task-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Manages task cloud. | [Source](../lib/process-services-cloud/src/lib/task/services/task-cloud.service.ts) |
+| [Task Filter Cloud Service](process-services-cloud/services/task-filter-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Manages task filters. | [Source](../lib/process-services-cloud/src/lib/task/task-filters/services/task-filter-cloud.service.ts) |
+| [Task List Cloud Service](process-services-cloud/services/task-list-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Searches tasks. | [Source](../lib/process-services-cloud/src/lib/task/task-list/services/task-list-cloud.service.ts) |
+| [User Preference Cloud Service](process-services-cloud/services/user-preference-cloud.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Manages user preferences. | [Source](../lib/process-services-cloud/src/lib/services/user-preference-cloud.service.ts) |

 <!--process-services-cloud end-->

@@ -504,15 +515,15 @@ for more information about installing and using the source code.

 ### Components

-| Name                                                                                                                                       | Description                                            | Source link                                                                           |
-| ------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------ | ------------------------------------------------------------------------------------- |
-| [Dynamic Component](extensions/components/dynamic.component.md) ![Experimental](docassets/images/ExperimentalIcon.png)                     | Displays dynamically-loaded extension components.      | [Source](../lib/extensions/src/lib/components/dynamic-component/dynamic.component.ts) |
-| [Preview Extension Component](extensions/components/preview-extension.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Supports dynamically-loaded viewer preview extensions. | [Source](../lib/extensions/src/lib/components/viewer/preview-extension.component.ts)  |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Dynamic Component](extensions/components/dynamic.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Displays dynamically-loaded extension components. | [Source](../lib/extensions/src/lib/components/dynamic-component/dynamic.component.ts) |
+| [Preview Extension Component](extensions/components/preview-extension.component.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Supports dynamically-loaded viewer preview extensions. | [Source](../lib/extensions/src/lib/components/viewer/preview-extension.component.ts) |

 ### Services

-| Name                                                                                                                 | Description                                     | Source link                                                       |
-| -------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------- | ----------------------------------------------------------------- |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
 | [Extension Service](extensions/services/extension.service.md) ![Experimental](docassets/images/ExperimentalIcon.png) | Manages and runs basic extension functionality. | [Source](../lib/extensions/src/lib/services/extension.service.ts) |

 <!--extensions end-->
@@ -530,13 +541,13 @@ for more information about installing and using the source code.

 ### Components

-| Name                                                                                   | Description                                              | Source link                                                                                       |
-| -------------------------------------------------------------------------------------- | -------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |
-| [Analytics Generator Component](insights/components/analytics-generator.component.md)  | Generates and shows charts                               | [Source](../lib/insights/src/lib/analytics-process/components/analytics-generator.component.ts)   |
-| [APS Analytics List Component](insights/components/analytics-report-list.component.md) | Shows a list of all available reports                    | [Source](../lib/insights/src/lib/analytics-process/components/analytics-report-list.component.ts) |
-| [APS Analytics Component](insights/components/analytics.component.md)                  | Shows the charts related to the reportId passed as input | [Source](../lib/insights/src/lib/analytics-process/components/analytics.component.ts)             |
-| [Diagram Component](insights/components/diagram.component.md)                          | Displays process diagrams.                               | [Source](../lib/insights/src/lib/diagram/components/diagram.component.ts)                         |
-| [Widget component](insights/components/widget.component.md)                            | Base class for standard and custom widget classes.       | [Source](../lib/insights/src/lib/analytics-process/components/widgets/widget.component.ts)        |
+| Name | Description | Source link |
+| ---- | ----------- | ----------- |
+| [Analytics Generator Component](insights/components/analytics-generator.component.md) | Generates and shows charts | [Source](../lib/insights/src/lib/analytics-process/components/analytics-generator.component.ts) |
+| [APS Analytics List Component](insights/components/analytics-report-list.component.md) | Shows a list of all available reports | [Source](../lib/insights/src/lib/analytics-process/components/analytics-report-list.component.ts) |
+| [APS Analytics Component](insights/components/analytics.component.md) | Shows the charts related to the reportId passed as input | [Source](../lib/insights/src/lib/analytics-process/components/analytics.component.ts) |
+| [Diagram Component](insights/components/diagram.component.md) | Displays process diagrams. | [Source](../lib/insights/src/lib/diagram/components/diagram.component.ts) |
+| [Widget component](insights/components/widget.component.md) | Base class for standard and custom widget classes. | [Source](../lib/insights/src/lib/analytics-process/components/widgets/widget.component.ts) |

 <!--insights end-->

@@ -1,3 +1,4 @@
+- getting-started.md: 'Getting started'
 - tutorials:
    title: Tutorials
    children:
@@ -12,7 +13,24 @@
        - working-with-nodes-api-service.md: 'Working with the Nodes API Service'
        - working-with-nodes-js-api.md: 'Working with nodes using the JS-API'
        - content-metadata-component.md: 'Content metadata component'
- user-guide: 'User guide'
+- user-guide:
+    title: 'User guide'
+    children:
+        - adf-introduction.md: 'Introduction to ADF'
+        - angular-material-design.md: 'Angular Material Design'
+        - theming.md: 'Theming'
+        - typography.md: 'Typography'
+        - internationalization.md: 'Internationalization'
+        - localization.md: 'Localization'
+        - transclusion.md: 'Transclusion'
+        - rtl-support.md: 'Right-to-left languages'
+        - debug-test-build-and-promote.md: 'Debug, test, build and promote'
+        - app-extensions.md: 'App extensions'
+        - apa-extensions.md: 'Form Extensibility for APA Form Widget'
+        - aps-extensions.md: 'Form Extensibility for APS Stencil'
+        - extensibility.md: 'Form Extensibility and Customization'
+        - metadata-indicators.md: 'Adding indicators'
+        - kerberos.md: 'Kerberos'
 - core:
    title: 'Core API'
    children:
@@ -60,6 +78,8 @@
 - release-notes:
    title: 'Release notes'
    children:
+        - RelNote430.md: 'Release notes v4.3.0'
+        - RelNote420.md: 'Release notes v4.2.0'
        - RelNote410.md: 'Release notes v4.1.0'
        - RelNote400.md: 'Release notes v4.0.0'
        - RelNote390.md: 'Release notes v3.9.0'
@@ -87,6 +107,7 @@
 - upgrade-guide:
    title: 'Upgrade Guide'
    children:
+        - upgrade41-42.md: 'From 4.1.0 to 4.2.0'
        - upgrade40-41.md: 'From 4.0.0 to 4.1.0'
        - upgrade39-40.md: 'From 3.9.0 to 4.0.0'
        - upgrade37-38.md: 'From 3.7.0 to 3.8.0'
@@ -97,6 +118,7 @@
 - vulnerability:
    title: 'Vulnerability'
    children:
+        - audit-info-4.2.0.md: 'Audit for 4.2.0'
        - audit-info-4.1.0.md: 'Audit for 4.1.0'
        - audit-info-4.0.0.md: 'Audit for 4.0.0'
        - audit-info-3.9.0.md: 'Audit for 3.9.0'
@@ -109,6 +131,7 @@
 - license-info:
    title: 'License info'
    children:
+        - license-info-4.2.0.md: 'License info for 4.2.0'
        - license-info-4.1.0.md: 'License info for 4.1.0'
        - license-info-4.0.0.md: 'License info for 4.0.0'
        - license-info-3.9.0.md: 'License info for 3.9.0'
@@ -120,4 +143,4 @@
        - license-info-3.3.0.md: 'License info for 3.3.0'
        - license-info-3.2.0.md: 'License info for 3.2.0'
        - license-info-3.1.0.md: 'License info for 3.1.0'
-        - license-info-3.0.0.md: 'License info for 3.0.0'
+        - license-info-3.0.0.md: 'License info for 3.0.0'
@@ -21,6 +21,7 @@ You can find further information about released versions of ADF in the

 | ADF version | Content Services | Process Services |
 | --- | --- | --- |
+| [4.2.0](versionIndex.md#v410) |v6.2.2 (AGS 3.3.1)|v7.1.0 M11 (latest CI pipeline build), v1.11.1|
 | [4.1.0](versionIndex.md#v410) |v6.2.2 (AGS 3.3.1)|v7.1.0 M10 (latest CI pipeline build), v1.11.1|
 | [4.0.0](versionIndex.md#v400) |v6.2.2 (AGS 3.3.1)|v7.1.0 M9 (latest CI pipeline build), v1.11.1|
 | [3.9.0](versionIndex.md#v390) |v6.2.2 (AGS 3.3.1)|v7.1.0 M8 (latest CI pipeline build), v1.11.1|
@@ -25,8 +25,8 @@ Searches for people or groups to add to the current node permissions.

 ### Events

-| Name   | Type                                                              | Description                                      |
-| ------ | ----------------------------------------------------------------- | ------------------------------------------------ |
+| Name | Type | Description |
+| ---- | ---- | ----------- |
 | select | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when a permission list item is selected. |

 ## Details
@@ -25,16 +25,16 @@ Searches for people or groups to add to the current node permissions.

 ### Properties

-| Name   | Type     | Default value | Description            |
-| ------ | -------- | ------------- | ---------------------- |
-| nodeId | `string` |               | ID of the target node. |
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| nodeId | `string` |  | ID of the target node. |

 ### Events

-| Name    | Type                                                                                                                                                                     | Description                                     |
-| ------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------- |
-| error   | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>`                                                                                                        | Emitted when an error occurs during the update. |
-| success | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`Node`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md)`>` | Emitted when the node is updated successfully.  |
+| Name | Type | Description |
+| ---- | ---- | ----------- |
+| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when an error occurs during the update. |
+| success | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<Node>` | Emitted when the node is updated successfully. |

 ## Details

@@ -0,0 +1,94 @@
+---
+Title: Aspect List Dialog component
+Added: v2.0.0
+Status: Active
+Last reviewed: 2021-01-20
+---
+
+# [Aspect List Dialog component](../../../lib/content-services/src/lib/aspect-list/aspect-list-dialog.component.ts "Defined in aspect-list-dialog.component.ts")
+
+Allows a user to choose aspects for a node.
+
+## Details
+
+The [Aspect List Dialog component](aspect-list-dialog.component.md) works as a dialog showing the list of aspects available.
+It is possible to filter the aspect showed via the app.config.json.
+### Showing the dialog
+
+Unlike most components, the [Aspect List Dialog component](aspect-list-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 [`AspectListDialogComponentData`](../../../lib/content-services/src/lib/aspect-list/aspect-list-dialog-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-):
+
+```ts
+export interface AspectListDialogComponentData {
+    title: string;
+    description: string;
+    overTableMessage: string;
+    select: Subject<string[]>;
+    nodeId?: string;
+}
+```
+
+The properties are described in the table below:
+
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| title | `string` | "" | Dialog title |
+| description | `string` | "" | Text to appear as description under the dialog title |
+| overTableMessage | `string` | "" | Text that will be showed on the top of the aspect list table |
+| select | [`Subject<Node>`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) |  | Event emitted with the current node selection when the dialog closes |
+| nodeId | `string` | "" | Identifier of a node to apply aspects to. |
+
+If you don't want to manage the dialog yourself then it is easier to use the
+[Aspect List component](aspect-list.component.md), or the
+methods of the [Aspect List service](../services/aspect-list.service.md), which create
+the dialog for you.
+
+### Usage example
+
+```ts
+import { MatDialog } from '@angular/material/dialog';
+import { AspectListDialogComponentData, AspectListDialogComponent} from '@adf/content-services'
+import { Subject } from 'rxjs/Subject';
+ ...
+
+constructor(dialog: MatDialog ... ) {}
+
+openSelectorDialog() {
+    data: AspectListDialogComponentData = {
+        title: "Choose an item",
+        description: "Choose",
+        overTableMessage: "Over Table Message",
+        nodeId: currentNodeID,
+        select: new Subject<Node[]>()
+    };
+
+    this.dialog.open(
+        AspectListDialogComponent,
+        {
+            data, panelClass: 'adf-aspect-list-dialog',
+            width: '630px'
+        }
+    );
+
+    data.select.subscribe((selections: Node[]) => {
+        // Use or store selection...
+    }, 
+    (error)=>{
+        //your error handling
+    }, 
+    ()=>{
+        //action called when an action or cancel is clicked on the dialog
+        this.dialog.closeAll();
+    });
+}
+```
+
+All the results will be streamed to the select [subject](http://reactivex.io/rxjs/manual/overview.html#subject) present in the [`AspectListDialogComponentData`](../../../lib/content-services/src/lib/aspect-list/aspect-list-dialog-data.interface.ts) object passed to the dialog.
+When the dialog action is selected by clicking, the `data.select` stream will be completed.
+## See also
+
+-   [Aspect list component](aspect-list.component.md)
@@ -0,0 +1,44 @@
+---
+Title: Aspect List component
+Added: v2.0.0
+Status: Active
+Last reviewed: 2021-01-20
+---
+
+# [Aspect List component](../../../lib/content-services/src/lib/aspect-list/aspect-list.component.ts "Defined in aspect-list.component.ts")
+
+This component will show in an expandable row list with checkboxes all the aspect of a node, if a node id is given, or otherwise a complete list.
+The aspect are filtered via the app.config.json in this way : 
+
+```json
+  "aspect-visible": {
+    "default" : ["as:aspectThatWillBeShowedIfPresent"]
+  }
+```
+
+## Basic Usage
+
+```html
+    <adf-aspect-list (valueChanged)="onValueChanged($event)" [nodeId]="nodeId">
+    </adf-aspect-list>
+```
+
+## Class members
+
+### Properties
+
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| nodeId | `string` | "" | Node Id of the node that we want to update |
+
+### Events
+
+| Name | Type | Description |
+| ---- | ---- | ----------- |
+| valueChanged | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<string[]>` | Emitted every time the user select a new aspect |
+
+## See also
+
+-   [Aspect List Dialog component](rating.component.md)
+-   [Aspect List service](../services/rating.service.md)
+-   [Node Aspect service](../services/rating.service.md)
@@ -23,19 +23,20 @@ Indicates the current position within a navigation hierarchy.

 ### Properties

-| Name       | Type                                                                                                     | Default value | Description                                                                                                                                                                                                                                                              |
-| ---------- | -------------------------------------------------------------------------------------------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| folderNode | [`Node`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) | null          | Active node, builds UI based on folderNode.path.elements collection.                                                                                                                                                                                                     |
-| maxItems   | `number`                                                                                                 |               | Maximum number of nodes to display before wrapping them with a dropdown element.                                                                                                                                                                                         |
-| root       | `string`                                                                                                 | null          | (optional) Name of the root element of the breadcrumb. You can use this property to rename "Company Home" to "Personal Files" for example. You can use an i18n resource key for the property value.                                                                      |
-| rootId     | `string`                                                                                                 | null          | (optional) The id of the root element. You can use this property to set a custom element the breadcrumb should start with.                                                                                                                                               |
-| target     | [`DocumentListComponent`](../../content-services/components/document-list.component.md)                  |               | (optional) [Document List component](../../content-services/components/document-list.component.md) to operate with. The list will update when the breadcrumb is clicked.                                                                                                 |
-| transform  | `Function`                                                                                               |               | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| folderNode | `Node` | null | Active node, builds UI based on folderNode.path.elements collection. |
+| maxItems | `number` |  | Maximum number of nodes to display before wrapping them with a dropdown element. |
+| readOnly | `boolean` | false | If true, prevents the user from navigating away from the active node. |
+| root | `string` | null | (optional) Name of the root element of the breadcrumb. You can use this property to rename "Company Home" to "Personal Files" for example. You can use an i18n resource key for the property value. |
+| rootId | `string` | null | (optional) The id of the root element. You can use this property to set a custom element the breadcrumb should start with. |
+| target | [`DocumentListComponent`](../../content-services/components/document-list.component.md) |  | (optional) [Document List component](../../content-services/components/document-list.component.md) to operate with. The list will update when the breadcrumb is clicked. |
+| transform | `Function` |  | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |

 ### Events

-| Name     | Type                                                                                                                                                                                   | Description                                   |
-| -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- |
+| Name | Type | Description |
+| ---- | ---- | ----------- |
 | navigate | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`PathElement`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/PathElement.md)`>` | Emitted when the user clicks on a breadcrumb. |

 ## Details
@@ -52,7 +53,7 @@ uses to find the "crumbs" for the list. You can use this, for example, to remove
 the list by altering the node's `path.elements` property.

 Below is an example of how you might do this with the
-[Content Node Selector component](content-node-selector.component.md). In this case, you pass the 
+[Content Node Selector component](content-node-selector.component.md). In this case, you pass the
 transform function via the `breadcrumbTransform` property of [`ContentNodeSelectorComponentData`](../../../lib/content-services/src/lib/content-node-selector/content-node-selector.component-data.interface.ts) during
 initialization:

@@ -82,25 +82,25 @@ export class MyView {

 ### Properties

-| Name                    | Type                  | Default value | Description                                                                            |
-| ----------------------- | --------------------- | ------------- | -------------------------------------------------------------------------------------- |
-| disableWithNoPermission | `boolean`             |               | Should this action be disabled in the menu if the user doesn't have permission for it? |
-| disabled                | `boolean \| Function` | false         | Is the menu item disabled?                                                             |
-| handler                 | `string`              |               | System actions. Can be "delete", "download", "copy" or "move".                         |
-| icon                    | `string`              |               | The name of the icon to display next to the menu command (can be left blank).          |
-| permission              | `string`              |               | The permission type.                                                                   |
-| target                  | `string`              |               | Type of item that the action applies to. Can be "document" or "folder"                 |
-| title                   | `string`              | "Action"      | The title of the action as shown in the menu.                                          |
-| visible                 | `boolean \| Function` | true          | Visibility state (see examples).                                                       |
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| disableWithNoPermission | `boolean` |  | Should this action be disabled in the menu if the user doesn't have permission for it? |
+| disabled | `boolean \| Function` | false | Is the menu item disabled? |
+| handler | `string` |  | System actions. Can be "delete", "download", "copy" or "move". |
+| icon | `string` |  | The name of the icon to display next to the menu command (can be left blank). |
+| permission | `string` |  | The permission type. |
+| target | `string` |  | Type of item that the action applies to. Can be "document" or "folder" |
+| title | `string` | "Action" | The title of the action as shown in the menu. |
+| visible | `boolean \| Function` | true | Visibility state (see examples). |

 ### Events

-| Name            | Type                                                              | Description                                                                                                 |
-| --------------- | ----------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
-| error           | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when an error occurs during the action. Applies to copy and move actions.                           |
-| execute         | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when the user selects the action from the menu.                                                     |
-| permissionEvent | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when a permission error occurs                                                                      |
-| success         | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when the action succeeds with the success string message. Applies to copy, move and delete actions. |
+| Name | Type | Description |
+| ---- | ---- | ----------- |
+| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when an error occurs during the action. Applies to copy and move actions. |
+| execute | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when the user selects the action from the menu. |
+| permissionEvent | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when a permission error occurs |
+| success | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when the action succeeds with the success string message. Applies to copy, move and delete actions. |

 ## Details

@@ -212,7 +212,7 @@ If you specify both a system handler and your own custom handler with
 `(execute)="myCustomActionAfterDelete($event)"`, your handler will run after the system handler
 completes successfully. A system operation is considered successful if there are no permission
 or network-related errors for the system request. You can avoid permission errors simply
-by disabling an item for users who don't have permission to use it (set `disableWithNoPermission="true"`). 
+by disabling an item for users who don't have permission to use it (set `disableWithNoPermission="true"`).

 ```html
 <adf-document-list ...>
@@ -363,7 +363,7 @@ export class MyComponent {
 ```

 The code above checks the node name and evaluates to `true` only if the corresponding
-node is called "For Sale.docx". 
+node is called "For Sale.docx".

 Note that if you want to preserve `this` context within the evaluator function then
 you should declare it as a lambda function:
@@ -418,7 +418,7 @@ export class MyComponent {
 }
 ```

-The code above checks the node name, and evaluates to `true` only if the corresponding node is called "custom". 
+The code above checks the node name, and evaluates to `true` only if the corresponding node is called "custom".

 Note that if you want to preserve the `this` context within the evaluator function,
 you should declare it as a lambda function:
@@ -42,15 +42,15 @@ Displays and edits metadata related to a node.

 ### Properties

-| Name                     | Type                                                                                                     | Default value | Description                                                                             |
-| ------------------------ | -------------------------------------------------------------------------------------------------------- | ------------- | --------------------------------------------------------------------------------------- |
-| displayAspect            | `string`                                                                                                 | null          | (optional) This flag displays desired aspect when open for the first time fields.       |
-| displayEmpty             | `boolean`                                                                                                | false         | (optional) This flag displays/hides empty metadata fields.                              |
-| multi                    | `boolean`                                                                                                | false         | (optional) This flag allows the component to display more than one accordion at a time. |
-| node                     | [`Node`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) |               | (required) The node entity to fetch metadata about                                      |
-| preset                   | `string`                                                                                                 |               | (required) Name of the metadata preset, which defines aspects and their properties.     |
-| readOnly                 | `boolean`                                                                                                | false         | (optional) This flag sets the metadata in read only mode preventing changes.            |
-| displayDefaultProperties | `boolean`                                                                                                |               | (optional) This flag displays/hides the metadata properties.                            |
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| displayAspect | `string` | null | (optional) This flag displays desired aspect when open for the first time fields. |
+| displayEmpty | `boolean` | false | (optional) This flag displays/hides empty metadata fields. |
+| multi | `boolean` | false | (optional) This flag allows the component to display more than one accordion at a time. |
+| node | `Node` |  | (required) The node entity to fetch metadata about |
+| preset | `string` |  | (required) Name of the metadata preset, which defines aspects and their properties. |
+| readOnly | `boolean` | false | (optional) This flag sets the metadata in read only mode preventing changes. |
+| displayDefaultProperties | `boolean` |  | (optional) This flag displays/hides the metadata properties. |

 ## Details

@@ -65,7 +65,7 @@ properties.

 You can define different presets for the metadata component or override the default presets in
 the `app.config.json` file. If nothing else is set, the **default** preset is "\*",
-which will use the "indifferent" config described below. 
+which will use the "indifferent" config described below.

 You can define as many extra presets as you need for your components.

@@ -254,20 +254,20 @@ The result of this config would be two accordion groups with the following prope

 | GROUP-TITLE1-TRANSLATION-KEY |
 | ---------------------------- |
-| exif:param1                  |
-| exif:param2                  |
-| ...                          |
-| exif:paramN                  |
-| kitten:custom1               |
-| kitten:custom3               |
-| owner:name                   |
-| kitten:name                  |
-| kitten:color                 |
+| exif:param1 |
+| exif:param2 |
+| ... |
+| exif:paramN |
+| kitten:custom1 |
+| kitten:custom3 |
+| owner:name |
+| kitten:name |
+| kitten:color |

 | GROUP-TITLE2-TRANSLATION-KEY |
 | ---------------------------- |
-| kitten:favourite-food        |
-| kitten:recommended-food      |
+| kitten:favourite-food |
+| kitten:recommended-food |

 #### Making properties editable

@@ -349,9 +349,9 @@ example below shows this with an aspect-oriented config:

 ### Making aspects and properties read only

-Whenever you have properties that you want to protect from users editing their values you can add them to your configuration to make them read only. `readOnlyAspects` will make the whole aspect and its properties non editable. 
+Whenever you have properties that you want to protect from users editing their values you can add them to your configuration to make them read only. `readOnlyAspects` will make the whole aspect and its properties non editable.

-If you want to disable the editing for specific properties you will need to add them to the `readOnlyProperties` property. 
+If you want to disable the editing for specific properties you will need to add them to the `readOnlyProperties` property.

 ```json
 "content-metadata": {
@@ -392,13 +392,13 @@ To customize the separator used by this card you can set it in your `app.config.

 ### Use chips for multi value properties

-If you want to display chips fo each value instead of a composed string you just need to enable it in the content-metadata config. 
+If you want to display chips fo each value instead of a composed string you just need to enable it in the content-metadata config.

 ![Chips for multi value properties](../../docassets/images/metadata-chips.png)

 ## Copy to Clipboard on click

-For easier interaction with metadata properties you can enable the Copy to Clipboard feature from your configuration in the `app.config.json` file. 
+For easier interaction with metadata properties you can enable the Copy to Clipboard feature from your configuration in the `app.config.json` file.

 Once you have enabled this feature you will be able to double click on your metadata properties and they will get copied to your clipboard for you to use.

@@ -28,33 +28,35 @@ Opens a [Content Node Selector](content-node-selector.component.md)  in its own

 ### Properties

-| Name                          | Type                                                                                                                         | Default value     | Description                                                                                                                                                                                                                                                              |
-| ----------------------------- | ---------------------------------------------------------------------------------------------------------------------------- | ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| breadcrumbTransform           | `Function`                                                                                                                   |                   | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
-| currentFolderId               | `string`                                                                                                                     | null              | [Node](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) ID of the folder currently listed.                                                                                                                                |
-| dropdownHideMyFiles           | `boolean`                                                                                                                    | false             | Hide the "My Files" option added to the site list by default. See the [Sites Dropdown component](sites-dropdown.component.md) for more information.                                                                                                                      |
-| dropdownSiteList              | [`SitePaging`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/SitePaging.md)        | null              | Custom site for site dropdown. This is the same as the `siteList`. property of the Sites Dropdown component (see its doc page for more information).                                                                                                                     |
-| imageResolver                 | [`ImageResolver`](../../../lib/content-services/src/lib/document-list/data/image-resolver.model.ts)                          | null              | Custom image resolver function. See the [Image Resolver Model](image-resolver.model.md) page for more information.                                                                                                                                                       |
-| isSelectionValid              | [`ValidationFunction`](../../../lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.ts) | defaultValidation | Function used to decide if the selected node has permission to be selected. Default value is a function that always returns true.                                                                                                                                        |
-| pageSize                      | `number`                                                                                                                     |                   | Number of items shown per page in the list.                                                                                                                                                                                                                              |
-| restrictRootToCurrentFolderId | `boolean`                                                                                                                    | false             | If true will restrict the search and breadcrumbs to the currentFolderId                                                                                                                                                                                                  |
-| selectionMode                 | `"single" \| "multiple"`                                                                                                     | "single"          | Define the selection mode for document list. The allowed values are single or multiple                                                                                                                                                                                   |
-| where                         | `string`                                                                                                                     |                   | Custom _where_ filter function. See the [Document List component](../../content-services/components/document-list.component.md) for more information.                                                                                                                    |
-| excludeSiteContent            | `string[]`                                                                                                                   |                   | Custom list of site content componentIds. Used to filter out the corresponding items from the displayed nodes                                                                                                                                                            |
-| rowFilter                     | [`RowFilter`](../../../lib/content-services/src/lib/document-list/data/row-filter.model.ts)                                  |                   | Custom row filter function. See the [Row Filter Model](row-filter.model.md) page for more information.                                                                                                                                                                   |
-| showDropdownSiteList          | `boolean`                                                                                                                    |                   | Toggle sites list dropdown rendering                                                                                                                                                                                                                                     |
-| showFilesInResult             | `void`                                                                                                                       |                   | Shows the files and folders in the search result                                                                                                                                                                                                                         |
-| showSearch                    | `boolean`                                                                                                                    |                   | Toggle search input rendering                                                                                                                                                                                                                                            |
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| breadcrumbTransform | `Function` |  | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
+| currentFolderId | `string` | null | Node ID of the folder currently listed. |
+| dropdownHideMyFiles | `boolean` | false | Hide the "My Files" option added to the site list by default. See the [Sites Dropdown component](sites-dropdown.component.md) for more information. |
+| dropdownSiteList | [`SitePaging`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/SitePaging.md) | null | Custom site for site dropdown. This is the same as the `siteList`. property of the Sites Dropdown component (see its doc page for more information). |
+| imageResolver | [`ImageResolver`](../../../lib/content-services/src/lib/document-list/data/image-resolver.model.ts) | null | Custom image resolver function. See the [Image Resolver Model](image-resolver.model.md) page for more information. |
+| isSelectionValid | [`ValidationFunction`](../../../lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.ts) | defaultValidation | Function used to decide if the selected node has permission to be selected. Default value is a function that always returns true. |
+| pageSize | `number` |  | Number of items shown per page in the list. |
+| restrictRootToCurrentFolderId | `boolean` | false | If true will restrict the search and breadcrumbs to the currentFolderId |
+| selectionMode | `"single" \| "multiple"` | "single" | Define the selection mode for document list. The allowed values are single or multiple |
+| where | `string` |  | Custom _where_ filter function. See the [Document List component](../../content-services/components/document-list.component.md) for more information. |
+| excludeSiteContent | `string[]` |  | Custom list of site content componentIds. Used to filter out the corresponding items from the displayed nodes |
+| rowFilter | [`RowFilter`](../../../lib/content-services/src/lib/document-list/data/row-filter.model.ts) |  | Custom row filter function. See the [Row Filter Model](row-filter.model.md) page for more information. |
+| showDropdownSiteList | `boolean` |  | Toggle sites list dropdown rendering |
+| showFilesInResult | `void` |  | Shows the files and folders in the search result |
+| showSearch | `boolean` |  | Toggle search input rendering |
+| showNodeCounter | `boolean` | false | Shows the node counter in the breadcrumb |

 ### Events

-| Name             | Type                                                                                                                                                                       | Description                               |
-| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------- |
-| navigationChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntryEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>`           | Emitted when the navigation changes.      |
-| select           | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`Node`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md)`[]>` | Emitted when the user has chosen an item. |
+| Name | Type | Description |
+| ---- | ---- | ----------- |
+| currentFolder | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<Node>` | Emitted when current folder loaded. |
+| folderLoaded | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when folder loaded. |
+| navigationChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntryEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>` | Emitted when the navigation changes. |
+| select | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<Node[]>` | Emitted when the user has chosen an item. |
 | showingSearch | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<boolean>` | Emitted when search is running. |
-| siteChange       | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<string>`                                                                                                       | Emitted when the select site changes.     |
-| currentFolder           | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`Node`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md)`[]>` | Emitted when current folder loaded. |
+| siteChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<string>` | Emitted when the select site changes. |

 ## Details

@@ -0,0 +1,86 @@
+---
+Title: Content Type Dialog component
+Added: v2.0.0
+Status: Active
+Last reviewed: 2021-01-20
+---
+
+# [Content Type Dialog component](../../../lib/content-services/src/lib/content-type/content-type-dialog.component.ts "Defined in content-type-dialog.component.ts")
+
+Confirm dialog when user changes content type of a node.
+
+## Details
+
+The [Content Type Dialog component](content-type-dialog.component.md) works as a dialog showing a confirm message when the user changes the content type of a node. It is showing the properties of the new content type selected.
+
+### Showing the dialog
+
+Unlike most components, the [Content Type Dialog component](content-type-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 [`ContentTypeDialogComponentData`](../../../lib/content-services/src/lib/content-type/content-type-metadata.interface.ts) interface
+to work with the Dialog's
+[data option](https://material.angular.io/components/dialog/overview#sharing-data-with-the-dialog-component-):
+
+```ts
+export interface ContentTypeDialogComponentData {
+    title: string;
+    description: string;
+    confirmMessage: string;
+    select: Subject<boolean>;
+    nodeType?: string;
+}
+```
+
+The properties are described in the table below:
+
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| title | `string` | "" | Dialog title |
+| description | `string` | "" | Text to appear as description under the dialog title |
+| confirmMessage | `string` | "" | Text that will be showed on the top of properties list accordion |
+| select | [`Subject<Node>`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) |  | Event emitted when apply button is clicked |
+| nodeType | `string` | "" | current prefixed name of the content type selected |
+
+If you don't want to manage the dialog yourself then it is easier to use the
+methods of the Content Type [`Property`](../../../lib/content-services/src/lib/content-metadata/interfaces/property.interface.ts) Service, which create
+the dialog for you.
+
+### Usage example
+
+```ts
+import { MatDialog } from '@angular/material/dialog';
+import { AspectListDialogComponentData, AspectListDialogComponent} from '@adf/content-services'
+import { Subject } from 'rxjs/Subject';
+ ...
+constructor(dialog: MatDialog ... ) {}
+openSelectorDialog() {
+    const data: ContentTypeDialogComponentData = {
+        title: 'CORE.METADATA.CONTENT_TYPE.DIALOG.TITLE',
+        description: 'CORE.METADATA.CONTENT_TYPE.DIALOG.DESCRIPTION',
+        confirmMessage: 'CORE.METADATA.CONTENT_TYPE.DIALOG.CONFIRM',
+        select: select,
+        nodeType
+    };
+    this.dialog.open(
+        ContentTypeDialogComponent,
+        {
+            data, panelClass: 'adf-content-type-dialog',
+            width: '630px'
+        }
+    );
+    data.select.subscribe((selections: Node[]) => {
+        // Use or store selection...
+    }, 
+    (error)=>{
+        //your error handling
+    }, 
+    ()=>{
+        //action called when an action or cancel is clicked on the dialog
+        this.dialog.closeAll();
+    });
+}
+```
+
+All the results will be streamed to the select [subject](http://reactivex.io/rxjs/manual/overview.html#subject) present in the [`ContentTypeDialogData`](../../../lib/content-services/src/lib/content-type/content-type-metadata.interface.ts) object passed to the dialog.
+When the dialog action is selected by clicking, the `data.select` stream will be completed.
@@ -55,52 +55,52 @@ Displays the documents from a repository.

 ### Properties

-| 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.                                                                                                                                      |
-| 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".                                                                                                                                                                                                                                                                                                                               |
-| contextMenuActions     | `boolean`                                                                                                               | false               | Toggles context menus for each row                                                                                                                                                                                                                                                                                                                                                                            |
-| currentFolderId        | `string`                                                                                                                | null                | The ID of the folder node to display or a reserved string alias for special sources                                                                                                                                                                                                                                                                                                                           |
-| display                | `string`                                                                                                                | DisplayMode.List    | Change the display mode of the table. Can be "list" or "gallery".                                                                                                                                                                                                                                                                                                                                             |
-| emptyFolderImageUrl    | `string`                                                                                                                |                     | Custom image for empty folder. Default value: './assets/images/empty_doc_lib.svg'                                                                                                                                                                                                                                                                                                                             |
-| filterValue            | `any`                                                                                                                   |                     | Initial value for filter.                                                                                                                                                                                                                                                                                                                                                                                     |
-| headerFilters          | `boolean`                                                                                                               | false               | Toggles the header filters mode.                                                                                                                                                                                                                                                                                                                                                                              |
-| imageResolver          | `any \| null`                                                                                                           | null                | Custom function to choose image file paths to show. See the [Image Resolver Model](image-resolver.model.md) page for more information.                                                                                                                                                                                                                                                                        |
-| includeFields          | `string[]`                                                                                                              |                     | Include additional information about the node in the server request. For example: association, isLink, isLocked and others.                                                                                                                                                                                                                                                                                   |
-| loading                | `boolean`                                                                                                               | false               | Toggles the loading state and animated spinners for the component. Used in combination with `navigate=false` to perform custom navigation and loading state indication.                                                                                                                                                                                                                                       |
-| locationFormat         | `string`                                                                                                                | "/"                 | The default route for all the location-based columns (if declared).                                                                                                                                                                                                                                                                                                                                           |
-| maxItems               | `number`                                                                                                                |                     | Default value is stored in the user preference settings. Use this only if you are not using pagination.                                                                                                                                                                                                                                                                                                       |
-| multiselect            | `boolean`                                                                                                               | false               | Toggles multiselect mode                                                                                                                                                                                                                                                                                                                                                                                      |
-| navigate               | `boolean`                                                                                                               | true                | Toggles navigation to folder content or file preview                                                                                                                                                                                                                                                                                                                                                          |
-| navigationMode         | `string`                                                                                                                |                     | [User](../../../lib/core/pipes/user-initial.pipe.ts) interaction for folder navigation or file preview. Valid values are "click" and "dblclick". Default value: "dblclick"                                                                                                                                                                                                                                    |
-| node                   | [`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)    | null                | The Document list will show all the nodes contained in the [NodePaging](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md) entity                                                                                                                                                                                                                          |
-| permissionsStyle       | [`PermissionStyleModel`](../../../lib/content-services/src/lib/document-list/models/permissions-style.model.ts)`[]`     | \[]                 | Define a set of CSS styles to apply depending on the permission of the user on that node. See the [Permission Style model](../../../lib/content-services/src/lib/document-list/models/permissions-style.model.ts) page for further details and examples.                                                                                                                                                      |
-| preselectNodes         | [`NodeEntry`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeEntry.md)`[]` | \[]                 | Array of nodes to be pre-selected. All nodes in the array are pre-selected in multi selection mode, but only the first node is pre-selected in single selection mode.                                                                                                                                                                                                                                         |
-| rowStyle               | `string`                                                                                                                |                     | The inline style to apply to every row. See the Angular NgStyle docs for more details and usage examples.                                                                                                                                                                                                                                                                                                     |
-| rowStyleClass          | `string`                                                                                                                |                     | The CSS class to apply to every row                                                                                                                                                                                                                                                                                                                                                                           |
-| selectionMode          | `string`                                                                                                                | "single"            | Row selection mode. Can be null, `single` or `multiple`. For `multiple` mode, you can use Cmd (macOS) or Ctrl (Win) modifier key to toggle selection for multiple rows.                                                                                                                                                                                                                                       |
-| showHeader             | `string`                                                                                                                | ShowHeaderMode.Data | Toggles the header                                                                                                                                                                                                                                                                                                                                                                                            |
-| sorting                | `string[] \| `[`DataSorting`](../../../lib/core/datatable/data/data-sorting.model.ts)                                   | ['name', 'asc']     | Defines default sorting. The format is an array of 2 strings `[key, direction]` i.e. `['name', 'desc']` or `['name', 'asc']`. Set this value only if you want to override the default sorting detected by the component based on columns.                                                                                                                                                                     |
-| sortingMode            | `string`                                                                                                                | "server"            | Defines sorting mode. Can be either `client` (items in the list are sorted client-side) or `server` (the ordering supplied by the server is used without further client-side sorting). Note that the `server` option _does not_ request the server to sort the data before delivering it.                                                                                                                     |
-| stickyHeader           | `boolean`                                                                                                               | false               | Toggles the sticky header mode.                                                                                                                                                                                                                                                                                                                                                                               |
-| thumbnails             | `boolean`                                                                                                               | false               | Show document thumbnails rather than icons                                                                                                                                                                                                                                                                                                                                                                    |
-| where                  | `string`                                                                                                                |                     | Filters the [`Node`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) list using the _where_ condition of the REST API (for example, isFolder=true). See the REST API documentation for more information.                                                                                                                                                      |
-| rowFilter              | [`RowFilter`](../../../lib/content-services/src/lib/document-list/data/row-filter.model.ts)                             |                     | Custom function to choose whether to show or hide rows. See the [Row Filter Model](row-filter.model.md) page for more information.                                                                                                                                                                                                                                                                            |
+| 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. |
+| 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". |
+| contextMenuActions | `boolean` | false | Toggles context menus for each row |
+| currentFolderId | `string` | null | The ID of the folder node to display or a reserved string alias for special sources |
+| display | `string` | DisplayMode.List | Change the display mode of the table. Can be "list" or "gallery". |
+| emptyFolderImageUrl | `string` |  | Custom image for empty folder. Default value: './assets/images/empty_doc_lib.svg' |
+| filterValue | `any` |  | Initial value for filter. |
+| headerFilters | `boolean` | false | Toggles the header filters mode. |
+| imageResolver | `any \| null` | null | Custom function to choose image file paths to show. See the [Image Resolver Model](image-resolver.model.md) page for more information. |
+| includeFields | `string[]` |  | Include additional information about the node in the server request. For example: association, isLink, isLocked and others. |
+| loading | `boolean` | false | Toggles the loading state and animated spinners for the component. Used in combination with `navigate=false` to perform custom navigation and loading state indication. |
+| locationFormat | `string` | "/" | The default route for all the location-based columns (if declared). |
+| maxItems | `number` |  | Default value is stored in the user preference settings. Use this only if you are not using pagination. |
+| multiselect | `boolean` | false | Toggles multiselect mode |
+| navigate | `boolean` | true | Toggles navigation to folder content or file preview |
+| navigationMode | `string` |  | User interaction for folder navigation or file preview. Valid values are "click" and "dblclick". Default value: "dblclick" |
+| node | [`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md) | null | The Document list will show all the nodes contained in the [NodePaging](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md) entity |
+| permissionsStyle | [`PermissionStyleModel`](../../../lib/content-services/src/lib/document-list/models/permissions-style.model.ts)`[]` | \[] | Define a set of CSS styles to apply depending on the permission of the user on that node. See the Permission Style model page for further details and examples. |
+| preselectNodes | [`NodeEntry`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeEntry.md)`[]` | \[] | Array of nodes to be pre-selected. All nodes in the array are pre-selected in multi selection mode, but only the first node is pre-selected in single selection mode. |
+| rowStyle | `string` |  | The inline style to apply to every row. See the Angular NgStyle docs for more details and usage examples. |
+| rowStyleClass | `string` |  | The CSS class to apply to every row |
+| selectionMode | `string` | "single" | Row selection mode. Can be null, `single` or `multiple`. For `multiple` mode, you can use Cmd (macOS) or Ctrl (Win) modifier key to toggle selection for multiple rows. |
+| showHeader | `string` |  | Toggles the header |
+| sorting | `string[] \| `[`DataSorting`](../../../lib/core/datatable/data/data-sorting.model.ts) | ['name', 'asc'] | Defines default sorting. The format is an array of 2 strings `[key, direction]` i.e. `['name', 'desc']` or `['name', 'asc']`. Set this value only if you want to override the default sorting detected by the component based on columns. |
+| sortingMode | `"server" \| "client"` | "server" | Defines sorting mode. Can be either `client` (items in the list are sorted client-side) or `server` (the ordering supplied by the server is used without further client-side sorting). Note that the `server` option _does not_ request the server to sort the data before delivering it. |
+| stickyHeader | `boolean` | false | Toggles the sticky header mode. |
+| thumbnails | `boolean` | false | Show document thumbnails rather than icons |
+| where | `string` |  | Filters the Node list using the _where_ condition of the REST API (for example, isFolder=true). See the REST API documentation for more information. |
+| rowFilter | [`RowFilter`](../../../lib/content-services/src/lib/document-list/data/row-filter.model.ts) |  | Custom function to choose whether to show or hide rows. See the [Row Filter Model](row-filter.model.md) page for more information. |

 ### Events

-| Name            | Type                                                                                                                                                                                  | Description                                                                                                                                                                                             |
-| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| error           | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>`                                                                                                                     | Emitted when the API fails to get the Document List data                                                                                                                                                |
-| filterSelection | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`FilterSearch`](../../../lib/content-services/src/lib/search/filter-search.interface.ts)`[]>`                           | Emitted when a filter value is selected                                                                                                                                                                 |
-| folderChange    | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntryEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>`                      | Emitted when the current display folder changes                                                                                                                                                         |
-| nodeClick       | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>`                     | Emitted when the user clicks a list node                                                                                                                                                                |
-| nodeDblClick    | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>`                     | Emitted when the user double-clicks a list node                                                                                                                                                         |
-| nodeSelected    | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntry`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeEntry.md)`[]>` | Emitted when the node selection change                                                                                                                                                                  |
-| preview         | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>`                     | Emitted when the user acts upon files with either single or double click (depends on `navigation-mode`). Useful for integration with the [Viewer component](../../core/components/viewer.component.md). |
-| ready           | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>`  | Emitted when the Document List has loaded all items and is ready for use                                                                                                                                |
+| Name | Type | Description |
+| ---- | ---- | ----------- |
+| error | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<any>` | Emitted when the API fails to get the Document List data |
+| filterSelection | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`FilterSearch`](../../../lib/content-services/src/lib/search/filter-search.interface.ts)`[]>` | Emitted when a filter value is selected |
+| folderChange | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntryEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>` | Emitted when the current display folder changes |
+| nodeClick | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>` | Emitted when the user clicks a list node |
+| nodeDblClick | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>` | Emitted when the user double-clicks a list node |
+| nodeSelected | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntry`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeEntry.md)`[]>` | Emitted when the node selection change |
+| preview | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodeEntityEvent`](../../../lib/content-services/src/lib/document-list/components/node.event.ts)`>` | Emitted when the user acts upon files with either single or double click (depends on `navigation-mode`). Useful for integration with the [Viewer component](../../core/components/viewer.component.md). |
+| ready | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`NodePaging`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/NodePaging.md)`>` | Emitted when the Document List has loaded all items and is ready for use |

 ## Details

@@ -108,7 +108,7 @@ The properties `currentFolderId` and `node` set the initial folder shown by
 the Document List. They cannot be used together, so choose the one that suits your use case
 best.

-The Document list will automatically show special icons for : `Smart Folder`, `Link to a Folder` and `Folder with rules` as shown below : 
+The Document list will automatically show special icons for : `Smart Folder`, `Link to a Folder` and `Folder with rules` as shown below :

 ![Document List Folders](../../docassets/images/document-list-special-folder-icon.png)

@@ -117,12 +117,12 @@ The Document list will automatically show special icons for : `Smart Folder`, `L
 Below are the DOM events the DocumentList component emits.
 All of them are _bubbling_, meaning you can handle them in any component up the parent hierarchy, even if the DocumentList is wrapped by one or more other components.

-| Name          | Description                              |
-| ------------- | ---------------------------------------- |
-| node-click    | Emitted when user clicks the node        |
+| Name | Description |
+| ---- | ----------- |
+| node-click | Emitted when user clicks the node |
 | node-dblclick | Emitted when user double-clicks the node |
-| node-select   | Emitted when user selects a node         |
-| node-unselect | Emitted when user unselects a node       |
+| node-select | Emitted when user selects a node |
+| node-unselect | Emitted when user unselects a node |

 Every event is represented by a [CustomEvent](https://developer.mozilla.org/en/docs/Web/API/CustomEvent) instance. Each event will
 have at least the following properties as part of the `Event.detail` property value:
@@ -182,7 +182,7 @@ Set the `[display]` property to "gallery" to enable card view mode:

 ### Pagination strategy

-The Document List by default supports 2 types of pagination:  [Pagination component](../../core/components/pagination.component.md) and [Infinite pagination component](../../core/components/infinite-pagination.component.md) 
+The Document List by default supports 2 types of pagination:  [Pagination component](../../core/components/pagination.component.md) and [Infinite pagination component](../../core/components/infinite-pagination.component.md)

 #### Pagination component

@@ -351,7 +351,7 @@ Default layout:

 ### Setting default folder

-You can set the current folder path by assigning a value to the `currentFolderId` property. 
+You can set the current folder path by assigning a value to the `currentFolderId` property.
 It can be either one of the well-known locations (such as **-root-**, **-shared-** or **-my-**),
 or a node ID (guid).

@@ -400,12 +400,12 @@ export class FilesComponent implements OnInit {
 </adf-document-list>
 ```

-The `console.log(node)` for the `getNodeInfo` callback is just for study and debug purposes. 
+The `console.log(node)` for the `getNodeInfo` callback is just for study and debug purposes.
 It is useful for examining other information that you can access if necessary:

 ![documentLibrary](../../docassets/images/documentLibrary.png)

-**Important note**: for this particular scenario you must also trigger `changeDetector.detectChanges()` as in the example above. 
+**Important note**: for this particular scenario you must also trigger `changeDetector.detectChanges()` as in the example above.

 ### Calling DocumentList api directly

@@ -428,9 +428,9 @@ export class MyAppComponent {
 }
 ```

-However there may be scenarios where you need direct access to the Document List APIs. 
+However there may be scenarios where you need direct access to the Document List APIs.
 You can get a reference to the Document List instance using the Angular **Component Interaction** API.
-See the [Parent calls a ViewChild](https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-view-child) 
+See the [Parent calls a ViewChild](https://angular.io/docs/ts/latest/cookbook/component-communication.html#!#parent-to-view-child)
 section of the Angular docs for more information.

 Below is an example of getting a reference:
@@ -473,7 +473,7 @@ Now you can access Document List properties or call methods directly:
 console.log(documentList.currentFolderId);
 ```

-**Important note**:  
+**Important note**:
 You must not access child components any earlier in the component lifecycle than
 the `AfterViewInit` state. Any UI click (buttons, links, etc.) event handlers are fine but
 an earlier event like `ngOnInit` is not.
@@ -483,7 +483,7 @@ documentation for a full explanation of the component lifecycle.

 ### Underlying node object

-The [Document List component](document-list.component.md) assigns an instance of 
+The [Document List component](document-list.component.md) assigns an instance of
 the [`Node`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) class
 (defined in the [Alfresco JS API](https://github.com/Alfresco/alfresco-js-api)) as the data context
 for each row. You can make use of the properties of this object when defining custom columns:
@@ -567,13 +567,13 @@ You can also add tooltips, styling, automatic column title translation and other

 You can use the following components as column templates:

-| Name                        | Description                                                                                                                                                                                            |
-| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `adf-name-column`           | Renders the hyperlink-styled name of the node. Provides a formatted tooltip. Emits the `name-click` DOM event, which can be handled by any parent component.                                           |
-| `adf-library-name-column`   | Renders the library name. Provides formatted tooltips and extra details for libraries with the same names on the page. Emits the `name-click` DOM event, which can be handled by any parent component. |
-| `adf-library-role-column`   | Renders i18n-enabled information about the Library (Site) role (`Manager`, `Collaborator`, `Contributor`, `Consumer`)                                                                                  |
-| `adf-library-status-column` | Renders i18n-enabled information about the Library (Site) status (`Public`, `Private`, `Moderated`, `Unknown`)                                                                                         |
-| `adf-trashcan-name-column`  | Renders the name of the deleted node. Distinguishes between a Library (Site) and File/Folder nodes. Provides proper tooltips.                                                                          |
+| Name | Description |
+| ---- | ----------- |
+| `adf-name-column` | Renders the hyperlink-styled name of the node. Provides a formatted tooltip. Emits the `name-click` DOM event, which can be handled by any parent component. |
+| `adf-library-name-column` | Renders the library name. Provides formatted tooltips and extra details for libraries with the same names on the page. Emits the `name-click` DOM event, which can be handled by any parent component. |
+| `adf-library-role-column` | Renders i18n-enabled information about the Library (Site) role (`Manager`, `Collaborator`, `Contributor`, `Consumer`) |
+| `adf-library-status-column` | Renders i18n-enabled information about the Library (Site) status (`Public`, `Private`, `Moderated`, `Unknown`) |
+| `adf-trashcan-name-column` | Renders the name of the deleted node. Distinguishes between a Library (Site) and File/Folder nodes. Provides proper tooltips. |

 All the components above require only the `context` property to be bound, since
 each component fetches and renders the information it needs from the underlying node.
@@ -583,13 +583,13 @@ For example:
 ```html
 <data-column key="name" title="Name">
    <ng-template let-context>
-        <adf-name-column [context]="context"></adf-name-column>
+        <adf-name-column key="name" [context]="context"></adf-name-column>
    </ng-template>
 </data-column>
 ```

 All the components above also participate in [Extensibility](../../user-guide/app-extensions.md)
-and can be used to compose DocumentList layouts from within the plugins. 
+and can be used to compose DocumentList layouts from within the plugins.

 ### Date Column

@@ -656,7 +656,7 @@ you can also define your own actions. See the
 [Content Action component](content-action.component.md)
 for more information and examples.

-You can also use the [Context Menu directive](../../core/directives/context-menu.directive.md) from the 
+You can also use the [Context Menu directive](../../core/directives/context-menu.directive.md) from the
 ADF Core library to show the
 actions you have defined in a context menu:

@@ -24,26 +24,27 @@ Indicates the current position within a navigation hierarchy using a dropdown me

 ### Properties

-| Name       | Type                                                                                                     | Default value | Description                                                                                                                                                                                                                                                              |
-| ---------- | -------------------------------------------------------------------------------------------------------- | ------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| folderNode | [`Node`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/Node.md) | null          | Active node, builds UI based on folderNode.path.elements collection.                                                                                                                                                                                                     |
-| maxItems   | `number`                                                                                                 |               | Maximum number of nodes to display before wrapping them with a dropdown element.                                                                                                                                                                                         |
-| root       | `string`                                                                                                 | null          | (optional) Name of the root element of the breadcrumb. You can use this property to rename "Company Home" to "Personal Files" for example. You can use an i18n resource key for the property value.                                                                      |
-| rootId     | `string`                                                                                                 | null          | (optional) The id of the root element. You can use this property to set a custom element the breadcrumb should start with.                                                                                                                                               |
-| target     | [`DocumentListComponent`](../../content-services/components/document-list.component.md)                  |               | (optional) [Document List component](../../content-services/components/document-list.component.md) to operate with. The list will update when the breadcrumb is clicked.                                                                                                 |
-| transform  | `Function`                                                                                               |               | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
+| Name | Type | Default value | Description |
+| ---- | ---- | ------------- | ----------- |
+| folderNode | `Node` | null | Active node, builds UI based on folderNode.path.elements collection. |
+| maxItems | `number` |  | Maximum number of nodes to display before wrapping them with a dropdown element. |
+| readOnly | `boolean` | false | If true, prevents the user from navigating away from the active node. |
+| root | `string` | null | (optional) Name of the root element of the breadcrumb. You can use this property to rename "Company Home" to "Personal Files" for example. You can use an i18n resource key for the property value. |
+| rootId | `string` | null | (optional) The id of the root element. You can use this property to set a custom element the breadcrumb should start with. |
+| target | [`DocumentListComponent`](../../content-services/components/document-list.component.md) |  | (optional) [Document List component](../../content-services/components/document-list.component.md) to operate with. The list will update when the breadcrumb is clicked. |
+| transform | `Function` |  | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |

 ### Events

-| Name     | Type                                                                                                                                                                                   | Description                                   |
-| -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- |
+| Name | Type | Description |
+| ---- | ---- | ----------- |
 | navigate | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`PathElement`](https://github.com/Alfresco/alfresco-js-api/blob/develop/src/api/content-rest-api/docs/PathElement.md)`>` | Emitted when the user clicks on a breadcrumb. |

 ## Details

 Although this component inherits the `maxItems` property from the [Breadcrumb component,](breadcrumb.component.md) the
 "crumbs" are _always_ shown on a menu. By contrast, the [Breadcrumb component](breadcrumb.component.md) only falls back
-to a menu when its maximum number of nodes is exceeded. 
+to a menu when its maximum number of nodes is exceeded.

 ## See also

--- a/Show More
+++ b/Show More