@microsoft/windows-admin-center-sdk 2.186.0 → 2.297.0

package/angular/bundles/microsoft-windows-admin-center-sdk-angular.umd.js

@@ -1,30 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@microsoft/windows-admin-center-sdk/core/data/resource-cache'), require('@microsoft/windows-admin-center-sdk/core/diagnostics/log-level'), require('@microsoft/windows-admin-center-sdk/core/diagnostics/logging'), require('@microsoft/windows-admin-center-sdk/core/base/decorators/debounce.decorators'), require('@microsoft/windows-admin-center-sdk/core/dom/dom'), require('marked'), require('@microsoft/windows-admin-center-sdk/core/base/decorators/base'), require('@angular/common'), require('@microsoft/windows-admin-center-sdk/core/shared/gateway-inventory/gateway-inventory-cache'), require('rxjs'), require('rxjs/operators'), require('@microsoft/windows-admin-center-sdk/core/data/app-context'), require('@microsoft/windows-admin-center-sdk/core/diagnostics/sme-web-telemetry'), require('@microsoft/windows-admin-center-sdk/core/performance/performance-tracker'), require('@microsoft/windows-admin-center-sdk/core/manifest/environment-modules'), require('@microsoft/windows-admin-center-sdk/core/security/active-connection'), require('@microsoft/windows-admin-center-sdk/core/security/connection-manager'), require('@microsoft/windows-admin-center-sdk/core/rpc/rpc'), require('@microsoft/windows-admin-center-sdk/core/data/gateway-connection'), require('@microsoft/windows-admin-center-sdk/core/data/http'), require('@microsoft/windows-admin-center-sdk/core/data/cim-connection'), require('@microsoft/windows-admin-center-sdk/core/data/node-connection'), require('@microsoft/windows-admin-center-sdk/core/security/authorization-manager'), require('@microsoft/windows-admin-center-sdk/core/data/batch-connection'), require('@microsoft/windows-admin-center-sdk/core/data/powershell-connection'), require('@microsoft/windows-admin-center-sdk/core/data/disposable'), require('@microsoft/windows-admin-center-sdk/core/data/lifetime-data'), require('@microsoft/windows-admin-center-sdk/core/data/file-transfer'), require('@microsoft/windows-admin-center-sdk/core/azure/azure-manager'), require('@microsoft/windows-admin-center-sdk/core/data/cim-stream'), require('@microsoft/windows-admin-center-sdk/core/data/websocket-stream'), require('@microsoft/windows-admin-center-sdk/core/data/powershell-stream'), require('@microsoft/windows-admin-center-sdk/core/security/credssp-manager'), require('@microsoft/windows-admin-center-sdk/core/frame/frame-connection'), require('@microsoft/windows-admin-center-sdk/core/notification/notification-connection'), require('@microsoft/windows-admin-center-sdk/core/data/settings-manager'), require('@microsoft/windows-admin-center-sdk/core/notification/work-item-connection'), require('@microsoft/windows-admin-center-sdk/core/data/globalization'), require('@microsoft/windows-admin-center-sdk/core/data/accessibility-manager'), require('@microsoft/windows-admin-center-sdk/core/base/decorators/yield.decorator'), require('@microsoft/windows-admin-center-sdk/core/security/tag-manager'), require('@microsoft/windows-admin-center-sdk/core/data/extension-broker/extension-broker'), require('@angular/forms'), require('@microsoft/windows-admin-center-sdk/core/data/net'), require('@microsoft/windows-admin-center-sdk/core/base/date/date-time'), require('@microsoft/windows-admin-center-sdk/core/base/date/date-type'), require('@microsoft/windows-admin-center-sdk/core/base/date/time-unit'), require('@microsoft/windows-admin-center-sdk/core/base/date/date-range'), require('@microsoft/windows-admin-center-sdk/core/data/core-environment'), require('@microsoft/windows-admin-center-sdk/core/data/active-directory/active-directory'), require('@microsoft/windows-admin-center-sdk/core/data/active-directory/models/search-type'), require('@microsoft/windows-admin-center-sdk/core/notification/notification-state'), require('@microsoft/windows-admin-center-sdk/core/data/animation'), require('@microsoft/windows-admin-center-sdk/core/diagnostics/telemetry-control-type'), require('@microsoft/windows-admin-center-sdk/core/rpc/shell-navigate/rpc-shell-navigate-client'), require('chart.js'), require('@microsoft/windows-admin-center-sdk/core/base/decorators/deprecation.decorators'), require('@microsoft/windows-admin-center-sdk/core/rpc/dialog/rpc-dialog-model'), require('@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-close-client'), require('@microsoft/windows-admin-center-sdk/core/rpc/rpc-base'), require('@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-open-subject-server'), require('@microsoft/windows-admin-center-sdk/core/base/rxjs-lifetime-manager'), require('@microsoft/windows-admin-center-sdk/core/data/column-picker'), require('@microsoft/windows-admin-center-sdk/core/data/electron'), require('@microsoft/windows-admin-center-sdk/core/data/jobs/jobs-manager'), require('@microsoft/windows-admin-center-sdk/core/data/native-q'), require('@microsoft/windows-admin-center-sdk/core/performance/performance-profile'), require('@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-model'), require('@microsoft/windows-admin-center-sdk/core/rpc/performance/rpc-observable-performance-config-server'), require('@microsoft/windows-admin-center-sdk/core/rpc/update-theme/rpc-observable-update-theme-server'), require('@microsoft/windows-admin-center-sdk/core/azure/azure-constants'), require('@microsoft/windows-admin-center-sdk/core/rpc/alive/rpc-observable-alive-client'), require('@microsoft/windows-admin-center-sdk/core/data/schedule-reboot'), require('@microsoft/windows-admin-center-sdk/core/data/http-constants'), require('@microsoft/windows-admin-center-sdk/core/rpc/extension-data/rpc-observable-extension-data-client'), require('@microsoft/windows-admin-center-sdk/core/data/sme-extension')) :
-    typeof define === 'function' && define.amd ? define('@microsoft/windows-admin-center-sdk/angular', ['exports', '@angular/core', '@angular/router', '@microsoft/windows-admin-center-sdk/core/data/resource-cache', '@microsoft/windows-admin-center-sdk/core/diagnostics/log-level', '@microsoft/windows-admin-center-sdk/core/diagnostics/logging', '@microsoft/windows-admin-center-sdk/core/base/decorators/debounce.decorators', '@microsoft/windows-admin-center-sdk/core/dom/dom', 'marked', '@microsoft/windows-admin-center-sdk/core/base/decorators/base', '@angular/common', '@microsoft/windows-admin-center-sdk/core/shared/gateway-inventory/gateway-inventory-cache', 'rxjs', 'rxjs/operators', '@microsoft/windows-admin-center-sdk/core/data/app-context', '@microsoft/windows-admin-center-sdk/core/diagnostics/sme-web-telemetry', '@microsoft/windows-admin-center-sdk/core/performance/performance-tracker', '@microsoft/windows-admin-center-sdk/core/manifest/environment-modules', '@microsoft/windows-admin-center-sdk/core/security/active-connection', '@microsoft/windows-admin-center-sdk/core/security/connection-manager', '@microsoft/windows-admin-center-sdk/core/rpc/rpc', '@microsoft/windows-admin-center-sdk/core/data/gateway-connection', '@microsoft/windows-admin-center-sdk/core/data/http', '@microsoft/windows-admin-center-sdk/core/data/cim-connection', '@microsoft/windows-admin-center-sdk/core/data/node-connection', '@microsoft/windows-admin-center-sdk/core/security/authorization-manager', '@microsoft/windows-admin-center-sdk/core/data/batch-connection', '@microsoft/windows-admin-center-sdk/core/data/powershell-connection', '@microsoft/windows-admin-center-sdk/core/data/disposable', '@microsoft/windows-admin-center-sdk/core/data/lifetime-data', '@microsoft/windows-admin-center-sdk/core/data/file-transfer', '@microsoft/windows-admin-center-sdk/core/azure/azure-manager', '@microsoft/windows-admin-center-sdk/core/data/cim-stream', '@microsoft/windows-admin-center-sdk/core/data/websocket-stream', '@microsoft/windows-admin-center-sdk/core/data/powershell-stream', '@microsoft/windows-admin-center-sdk/core/security/credssp-manager', '@microsoft/windows-admin-center-sdk/core/frame/frame-connection', '@microsoft/windows-admin-center-sdk/core/notification/notification-connection', '@microsoft/windows-admin-center-sdk/core/data/settings-manager', '@microsoft/windows-admin-center-sdk/core/notification/work-item-connection', '@microsoft/windows-admin-center-sdk/core/data/globalization', '@microsoft/windows-admin-center-sdk/core/data/accessibility-manager', '@microsoft/windows-admin-center-sdk/core/base/decorators/yield.decorator', '@microsoft/windows-admin-center-sdk/core/security/tag-manager', '@microsoft/windows-admin-center-sdk/core/data/extension-broker/extension-broker', '@angular/forms', '@microsoft/windows-admin-center-sdk/core/data/net', '@microsoft/windows-admin-center-sdk/core/base/date/date-time', '@microsoft/windows-admin-center-sdk/core/base/date/date-type', '@microsoft/windows-admin-center-sdk/core/base/date/time-unit', '@microsoft/windows-admin-center-sdk/core/base/date/date-range', '@microsoft/windows-admin-center-sdk/core/data/core-environment', '@microsoft/windows-admin-center-sdk/core/data/active-directory/active-directory', '@microsoft/windows-admin-center-sdk/core/data/active-directory/models/search-type', '@microsoft/windows-admin-center-sdk/core/notification/notification-state', '@microsoft/windows-admin-center-sdk/core/data/animation', '@microsoft/windows-admin-center-sdk/core/diagnostics/telemetry-control-type', '@microsoft/windows-admin-center-sdk/core/rpc/shell-navigate/rpc-shell-navigate-client', 'chart.js', '@microsoft/windows-admin-center-sdk/core/base/decorators/deprecation.decorators', '@microsoft/windows-admin-center-sdk/core/rpc/dialog/rpc-dialog-model', '@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-close-client', '@microsoft/windows-admin-center-sdk/core/rpc/rpc-base', '@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-open-subject-server', '@microsoft/windows-admin-center-sdk/core/base/rxjs-lifetime-manager', '@microsoft/windows-admin-center-sdk/core/data/column-picker', '@microsoft/windows-admin-center-sdk/core/data/electron', '@microsoft/windows-admin-center-sdk/core/data/jobs/jobs-manager', '@microsoft/windows-admin-center-sdk/core/data/native-q', '@microsoft/windows-admin-center-sdk/core/performance/performance-profile', '@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-model', '@microsoft/windows-admin-center-sdk/core/rpc/performance/rpc-observable-performance-config-server', '@microsoft/windows-admin-center-sdk/core/rpc/update-theme/rpc-observable-update-theme-server', '@microsoft/windows-admin-center-sdk/core/azure/azure-constants', '@microsoft/windows-admin-center-sdk/core/rpc/alive/rpc-observable-alive-client', '@microsoft/windows-admin-center-sdk/core/data/schedule-reboot', '@microsoft/windows-admin-center-sdk/core/data/http-constants', '@microsoft/windows-admin-center-sdk/core/rpc/extension-data/rpc-observable-extension-data-client', '@microsoft/windows-admin-center-sdk/core/data/sme-extension'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.microsoft = global.microsoft || {}, global.microsoft['windows-admin-center-sdk'] = global.microsoft['windows-admin-center-sdk'] || {}, global.microsoft['windows-admin-center-sdk'].angular = {}), global.ng.core, global.ng.router, global.resourceCache, global.logLevel, global.logging, global.debounce_decorators, global.dom, global.marked, global.base, global.ng.common, global.gatewayInventoryCache, global.rxjs, global.rxjs.operators, global.appContext, global.smeWebTelemetry, global.performanceTracker, global.environmentModules, global.activeConnection, global.connectionManager, global.rpc, global.gatewayConnection, global.http, global.cimConnection, global.nodeConnection, global.authorizationManager, global.batchConnection, global.powershellConnection, global.disposable, global.lifetimeData, global.fileTransfer, global.azureManager, global.cimStream, global.websocketStream, global.powershellStream, global.credsspManager, global.frameConnection, global.notificationConnection, global.settingsManager, global.workItemConnection, global.globalization, global.accessibilityManager, global.yield_decorator, global.tagManager, global.extensionBroker, global.ng.forms, global.net, global.dateTime, global.dateType, global.timeUnit, global.dateRange, global.coreEnvironment, global.activeDirectory, global.searchType, global.notificationState, global.animation, global.telemetryControlType, global.rpcShellNavigateClient, global.chart_js, global.deprecation_decorators, global.rpcDialogModel, global.rpcOverlayCloseClient, global.rpcBase, global.rpcOverlayOpenSubjectServer, global.rxjsLifetimeManager, global.columnPicker, global.electron, global.jobsManager, global.nativeQ, global.performanceProfile, global.rpcOverlayModel, global.rpcObservablePerformanceConfigServer, global.rpcObservableUpdateThemeServer, global.azureConstants, global.rpcObservableAliveClient, global.scheduleReboot, global.httpConstants, global.rpcObservableExtensionDataClient, global.smeExtension));
-}(this, (function (exports, i0, i1, resourceCache, logLevel, logging, debounce_decorators, dom, marked_, base, i1$1, gatewayInventoryCache, rxjs, operators, appContext, smeWebTelemetry, performanceTracker, environmentModules, activeConnection, connectionManager, rpc, gatewayConnection, http, cimConnection, nodeConnection, authorizationManager, batchConnection, powershellConnection, disposable, lifetimeData, fileTransfer, azureManager, cimStream, websocketStream, powershellStream, credsspManager, frameConnection, notificationConnection, settingsManager, workItemConnection, globalization, accessibilityManager, yield_decorator, tagManager, extensionBroker, i4, net, dateTime, dateType, timeUnit, dateRange, coreEnvironment, activeDirectory, searchType, notificationState, animation, telemetryControlType, rpcShellNavigateClient, chart_js, deprecation_decorators, rpcDialogModel, rpcOverlayCloseClient, rpcBase, rpcOverlayOpenSubjectServer, rxjsLifetimeManager, columnPicker, electron, jobsManager, nativeQ, performanceProfile, rpcOverlayModel, rpcObservablePerformanceConfigServer, rpcObservableUpdateThemeServer, azureConstants, rpcObservableAliveClient, scheduleReboot, httpConstants, rpcObservableExtensionDataClient, smeExtension) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () {
-                            return e[k];
-                        }
-                    });
-                }
-            });
-        }
-        n['default'] = e;
-        return Object.freeze(n);
-    }
-
-    var marked___namespace = /*#__PURE__*/_interopNamespace(marked_);
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@microsoft/windows-admin-center-sdk/core/data/resource-cache'), require('@microsoft/windows-admin-center-sdk/core/diagnostics/log-level'), require('@microsoft/windows-admin-center-sdk/core/diagnostics/logging'), require('@microsoft/windows-admin-center-sdk/core/base/decorators/debounce.decorators'), require('@microsoft/windows-admin-center-sdk/core/dom/dom'), require('marked'), require('@microsoft/windows-admin-center-sdk/core/base/decorators/base'), require('@angular/common'), require('@microsoft/windows-admin-center-sdk/core/shared/gateway-inventory/gateway-inventory-cache'), require('rxjs'), require('rxjs/operators'), require('@microsoft/windows-admin-center-sdk/core/data/app-context'), require('@microsoft/windows-admin-center-sdk/core/diagnostics/sme-web-telemetry'), require('@microsoft/windows-admin-center-sdk/core/performance/performance-tracker'), require('@microsoft/windows-admin-center-sdk/core/manifest/environment-modules'), require('@microsoft/windows-admin-center-sdk/core/security/active-connection'), require('@microsoft/windows-admin-center-sdk/core/security/connection-manager'), require('@microsoft/windows-admin-center-sdk/core/rpc/rpc'), require('@microsoft/windows-admin-center-sdk/core/data/gateway-connection'), require('@microsoft/windows-admin-center-sdk/core/data/http'), require('@microsoft/windows-admin-center-sdk/core/security/authorization-manager'), require('@microsoft/windows-admin-center-sdk/core/data/cim-connection'), require('@microsoft/windows-admin-center-sdk/core/data/node-connection'), require('@microsoft/windows-admin-center-sdk/core/data/batch-connection'), require('@microsoft/windows-admin-center-sdk/core/data/powershell-connection'), require('@microsoft/windows-admin-center-sdk/core/data/disposable'), require('@microsoft/windows-admin-center-sdk/core/data/lifetime-data'), require('@microsoft/windows-admin-center-sdk/core/data/file-transfer'), require('@microsoft/windows-admin-center-sdk/core/azure/azure-manager'), require('@microsoft/windows-admin-center-sdk/core/data/cim-stream'), require('@microsoft/windows-admin-center-sdk/core/data/websocket-stream'), require('@microsoft/windows-admin-center-sdk/core/data/powershell-stream'), require('@microsoft/windows-admin-center-sdk/core/security/credssp-manager'), require('@microsoft/windows-admin-center-sdk/core/frame/frame-connection'), require('@microsoft/windows-admin-center-sdk/core/notification/notification-connection'), require('@microsoft/windows-admin-center-sdk/core/data/settings-manager'), require('@microsoft/windows-admin-center-sdk/core/notification/work-item-connection'), require('@microsoft/windows-admin-center-sdk/core/data/globalization'), require('@microsoft/windows-admin-center-sdk/core/data/accessibility-manager'), require('@microsoft/windows-admin-center-sdk/core/base/decorators/yield.decorator'), require('@microsoft/windows-admin-center-sdk/core/security/tag-manager'), require('@microsoft/windows-admin-center-sdk/core/data/extension-broker/extension-broker'), require('@angular/forms'), require('@microsoft/windows-admin-center-sdk/core/data/net'), require('@microsoft/windows-admin-center-sdk/core/base/date/date-time'), require('@microsoft/windows-admin-center-sdk/core/base/date/date-type'), require('@microsoft/windows-admin-center-sdk/core/base/date/time-unit'), require('@microsoft/windows-admin-center-sdk/core/base/date/date-range'), require('@microsoft/windows-admin-center-sdk/core/data/core-environment'), require('@microsoft/windows-admin-center-sdk/core/data/active-directory/active-directory'), require('@microsoft/windows-admin-center-sdk/core/data/active-directory/models/search-type'), require('@microsoft/windows-admin-center-sdk/core/notification/notification-state'), require('@microsoft/windows-admin-center-sdk/core/data/animation'), require('@microsoft/windows-admin-center-sdk/core/diagnostics/telemetry-control-type'), require('@microsoft/windows-admin-center-sdk/core/rpc/shell-navigate/rpc-shell-navigate-client'), require('chart.js'), require('@microsoft/windows-admin-center-sdk/core/base/decorators/deprecation.decorators'), require('@microsoft/windows-admin-center-sdk/core/rpc/dialog/rpc-dialog-model'), require('@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-close-client'), require('@microsoft/windows-admin-center-sdk/core/rpc/rpc-base'), require('@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-open-subject-server'), require('@microsoft/windows-admin-center-sdk/core/base/rxjs-lifetime-manager'), require('@microsoft/windows-admin-center-sdk/core/diagnostics/sme-web-telemetry-models'), require('@microsoft/windows-admin-center-sdk/core/data/column-picker'), require('@microsoft/windows-admin-center-sdk/core/data/electron'), require('@microsoft/windows-admin-center-sdk/core/data/jobs/jobs-manager'), require('@microsoft/windows-admin-center-sdk/core/data/native-q'), require('@microsoft/windows-admin-center-sdk/core/performance/performance-profile'), require('@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-model'), require('@microsoft/windows-admin-center-sdk/core/rpc/performance/rpc-observable-performance-config-server'), require('@microsoft/windows-admin-center-sdk/core/rpc/update-theme/rpc-observable-update-theme-server'), require('@microsoft/windows-admin-center-sdk/core/azure/azure-constants'), require('@microsoft/windows-admin-center-sdk/core/rpc/alive/rpc-observable-alive-client'), require('@microsoft/windows-admin-center-sdk/core/data/schedule-reboot'), require('@microsoft/windows-admin-center-sdk/core/data/http-constants'), require('@microsoft/windows-admin-center-sdk/core/rpc/extension-data/rpc-observable-extension-data-client'), require('@microsoft/windows-admin-center-sdk/core/data/sme-extension')) :
+    typeof define === 'function' && define.amd ? define('@microsoft/windows-admin-center-sdk/angular', ['exports', '@angular/core', '@angular/router', '@microsoft/windows-admin-center-sdk/core/data/resource-cache', '@microsoft/windows-admin-center-sdk/core/diagnostics/log-level', '@microsoft/windows-admin-center-sdk/core/diagnostics/logging', '@microsoft/windows-admin-center-sdk/core/base/decorators/debounce.decorators', '@microsoft/windows-admin-center-sdk/core/dom/dom', 'marked', '@microsoft/windows-admin-center-sdk/core/base/decorators/base', '@angular/common', '@microsoft/windows-admin-center-sdk/core/shared/gateway-inventory/gateway-inventory-cache', 'rxjs', 'rxjs/operators', '@microsoft/windows-admin-center-sdk/core/data/app-context', '@microsoft/windows-admin-center-sdk/core/diagnostics/sme-web-telemetry', '@microsoft/windows-admin-center-sdk/core/performance/performance-tracker', '@microsoft/windows-admin-center-sdk/core/manifest/environment-modules', '@microsoft/windows-admin-center-sdk/core/security/active-connection', '@microsoft/windows-admin-center-sdk/core/security/connection-manager', '@microsoft/windows-admin-center-sdk/core/rpc/rpc', '@microsoft/windows-admin-center-sdk/core/data/gateway-connection', '@microsoft/windows-admin-center-sdk/core/data/http', '@microsoft/windows-admin-center-sdk/core/security/authorization-manager', '@microsoft/windows-admin-center-sdk/core/data/cim-connection', '@microsoft/windows-admin-center-sdk/core/data/node-connection', '@microsoft/windows-admin-center-sdk/core/data/batch-connection', '@microsoft/windows-admin-center-sdk/core/data/powershell-connection', '@microsoft/windows-admin-center-sdk/core/data/disposable', '@microsoft/windows-admin-center-sdk/core/data/lifetime-data', '@microsoft/windows-admin-center-sdk/core/data/file-transfer', '@microsoft/windows-admin-center-sdk/core/azure/azure-manager', '@microsoft/windows-admin-center-sdk/core/data/cim-stream', '@microsoft/windows-admin-center-sdk/core/data/websocket-stream', '@microsoft/windows-admin-center-sdk/core/data/powershell-stream', '@microsoft/windows-admin-center-sdk/core/security/credssp-manager', '@microsoft/windows-admin-center-sdk/core/frame/frame-connection', '@microsoft/windows-admin-center-sdk/core/notification/notification-connection', '@microsoft/windows-admin-center-sdk/core/data/settings-manager', '@microsoft/windows-admin-center-sdk/core/notification/work-item-connection', '@microsoft/windows-admin-center-sdk/core/data/globalization', '@microsoft/windows-admin-center-sdk/core/data/accessibility-manager', '@microsoft/windows-admin-center-sdk/core/base/decorators/yield.decorator', '@microsoft/windows-admin-center-sdk/core/security/tag-manager', '@microsoft/windows-admin-center-sdk/core/data/extension-broker/extension-broker', '@angular/forms', '@microsoft/windows-admin-center-sdk/core/data/net', '@microsoft/windows-admin-center-sdk/core/base/date/date-time', '@microsoft/windows-admin-center-sdk/core/base/date/date-type', '@microsoft/windows-admin-center-sdk/core/base/date/time-unit', '@microsoft/windows-admin-center-sdk/core/base/date/date-range', '@microsoft/windows-admin-center-sdk/core/data/core-environment', '@microsoft/windows-admin-center-sdk/core/data/active-directory/active-directory', '@microsoft/windows-admin-center-sdk/core/data/active-directory/models/search-type', '@microsoft/windows-admin-center-sdk/core/notification/notification-state', '@microsoft/windows-admin-center-sdk/core/data/animation', '@microsoft/windows-admin-center-sdk/core/diagnostics/telemetry-control-type', '@microsoft/windows-admin-center-sdk/core/rpc/shell-navigate/rpc-shell-navigate-client', 'chart.js', '@microsoft/windows-admin-center-sdk/core/base/decorators/deprecation.decorators', '@microsoft/windows-admin-center-sdk/core/rpc/dialog/rpc-dialog-model', '@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-close-client', '@microsoft/windows-admin-center-sdk/core/rpc/rpc-base', '@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-open-subject-server', '@microsoft/windows-admin-center-sdk/core/base/rxjs-lifetime-manager', '@microsoft/windows-admin-center-sdk/core/diagnostics/sme-web-telemetry-models', '@microsoft/windows-admin-center-sdk/core/data/column-picker', '@microsoft/windows-admin-center-sdk/core/data/electron', '@microsoft/windows-admin-center-sdk/core/data/jobs/jobs-manager', '@microsoft/windows-admin-center-sdk/core/data/native-q', '@microsoft/windows-admin-center-sdk/core/performance/performance-profile', '@microsoft/windows-admin-center-sdk/core/rpc/overlay/rpc-overlay-model', '@microsoft/windows-admin-center-sdk/core/rpc/performance/rpc-observable-performance-config-server', '@microsoft/windows-admin-center-sdk/core/rpc/update-theme/rpc-observable-update-theme-server', '@microsoft/windows-admin-center-sdk/core/azure/azure-constants', '@microsoft/windows-admin-center-sdk/core/rpc/alive/rpc-observable-alive-client', '@microsoft/windows-admin-center-sdk/core/data/schedule-reboot', '@microsoft/windows-admin-center-sdk/core/data/http-constants', '@microsoft/windows-admin-center-sdk/core/rpc/extension-data/rpc-observable-extension-data-client', '@microsoft/windows-admin-center-sdk/core/data/sme-extension'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.microsoft = global.microsoft || {}, global.microsoft['windows-admin-center-sdk'] = global.microsoft['windows-admin-center-sdk'] || {}, global.microsoft['windows-admin-center-sdk'].angular = {}), global.ng.core, global.ng.router, global.resourceCache, global.logLevel, global.logging, global.debounce_decorators, global.dom, global.marked, global.base, global.ng.common, global.gatewayInventoryCache, global.rxjs, global.rxjs.operators, global.appContext, global.smeWebTelemetry, global.performanceTracker, global.environmentModules, global.activeConnection, global.connectionManager, global.rpc, global.gatewayConnection, global.http, global.authorizationManager, global.cimConnection, global.nodeConnection, global.batchConnection, global.powershellConnection, global.disposable, global.lifetimeData, global.fileTransfer, global.azureManager, global.cimStream, global.websocketStream, global.powershellStream, global.credsspManager, global.frameConnection, global.notificationConnection, global.settingsManager, global.workItemConnection, global.globalization, global.accessibilityManager, global.yield_decorator, global.tagManager, global.extensionBroker, global.ng.forms, global.net, global.dateTime, global.dateType, global.timeUnit, global.dateRange, global.coreEnvironment, global.activeDirectory, global.searchType, global.notificationState, global.animation, global.telemetryControlType, global.rpcShellNavigateClient, global.chart_js, global.deprecation_decorators, global.rpcDialogModel, global.rpcOverlayCloseClient, global.rpcBase, global.rpcOverlayOpenSubjectServer, global.rxjsLifetimeManager, global.smeWebTelemetryModels, global.columnPicker, global.electron, global.jobsManager, global.nativeQ, global.performanceProfile, global.rpcOverlayModel, global.rpcObservablePerformanceConfigServer, global.rpcObservableUpdateThemeServer, global.azureConstants, global.rpcObservableAliveClient, global.scheduleReboot, global.httpConstants, global.rpcObservableExtensionDataClient, global.smeExtension));
+}(this, (function (exports, i0, i1, resourceCache, logLevel, logging, debounce_decorators, dom, marked, base, i1$1, gatewayInventoryCache, rxjs, operators, appContext, smeWebTelemetry, performanceTracker, environmentModules, activeConnection, connectionManager, rpc, gatewayConnection, http, authorizationManager, cimConnection, nodeConnection, batchConnection, powershellConnection, disposable, lifetimeData, fileTransfer, azureManager, cimStream, websocketStream, powershellStream, credsspManager, frameConnection, notificationConnection, settingsManager, workItemConnection, globalization, accessibilityManager, yield_decorator, tagManager, extensionBroker, i4, net, dateTime, dateType, timeUnit, dateRange, coreEnvironment, activeDirectory, searchType, notificationState, animation, telemetryControlType, rpcShellNavigateClient, chart_js, deprecation_decorators, rpcDialogModel, rpcOverlayCloseClient, rpcBase, rpcOverlayOpenSubjectServer, rxjsLifetimeManager, smeWebTelemetryModels, columnPicker, electron, jobsManager, nativeQ, performanceProfile, rpcOverlayModel, rpcObservablePerformanceConfigServer, rpcObservableUpdateThemeServer, azureConstants, rpcObservableAliveClient, scheduleReboot, httpConstants, rpcObservableExtensionDataClient, smeExtension) { 'use strict';
 
     /**
      * Directive to provide notification or state changes for angulars @see RouterLink directive.
@@ -415,7 +393,7 @@
                     ar[i] = from[i];
                 }
             }
-        return to.concat(ar || from);
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -1000,7 +978,6 @@
             }], null, null);
     })();
 
-    var marked = marked___namespace;
     /**
      *
      * @smeDoc {@label Markdown @id sme-markdown-directive}
@@ -1017,7 +994,6 @@
         function MarkdownDirective(host, renderer) {
             this.host = host;
             this.renderer = renderer;
-            this.smeMarkdownUseInlineLexer = false;
         }
         Object.defineProperty(MarkdownDirective.prototype, "content", {
             get: function () {
@@ -1035,16 +1011,10 @@
             }
         };
         MarkdownDirective.prototype.render = function () {
-            var content = '';
-            if (marked && !MsftSme.isNullOrWhiteSpace(this.smeMarkdown)) {
-                if (this.smeMarkdownUseInlineLexer) {
-                    content = marked.inlineLexer(this.smeMarkdown, []);
-                }
-                else {
-                    content = marked(this.smeMarkdown);
-                }
+            this.renderedContent = '';
+            if (marked.marked && !MsftSme.isNullOrWhiteSpace(this.smeMarkdown)) {
+                this.renderedContent = marked.marked.parse(this.smeMarkdown);
             }
-            this.renderedContent = content;
         };
         return MarkdownDirective;
     }());
@@ -1053,7 +1023,7 @@
             if (rf & 2) {
                 i0.ɵɵhostProperty("innerHtml", ctx.content, i0.ɵɵsanitizeHtml);
             }
-        }, inputs: { smeMarkdown: "smeMarkdown", smeMarkdownUseInlineLexer: "smeMarkdownUseInlineLexer" }, features: [i0.ɵɵNgOnChangesFeature] });
+        }, inputs: { smeMarkdown: "smeMarkdown" }, features: [i0.ɵɵNgOnChangesFeature] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MarkdownDirective, [{
                 type: i0.Directive,
@@ -1063,8 +1033,6 @@
                     }]
             }], function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, { smeMarkdown: [{
                     type: i0.Input
-                }], smeMarkdownUseInlineLexer: [{
-                    type: i0.Input
                 }], content: [{
                     type: i0.HostBinding,
                     args: ['innerHtml']
@@ -1517,6 +1485,16 @@
             enumerable: false,
             configurable: true
         });
+        /**
+         * Host listener for page resize event.
+         */
+        ClampDirective.prototype.onResize = function () {
+            // reset initial content state
+            this.resetClampContent();
+            if (this.needsClamping) {
+                this.clamp(this.hostElement.nativeElement);
+            }
+        };
         /**
          * Implementation of angular OnChanges interface
          * On every input change, we recalculate the clamp.
@@ -1525,10 +1503,7 @@
             _super.prototype.ngOnChanges.call(this, changes);
             if (changes.smeClamp) {
                 // reset initial content state
-                this.removeBreakWords();
-                this.hostElement.nativeElement.innerHTML = this.smeClamp || '';
-                // whenever this changes, we need to measure and output whether the content will be clamped.
-                this.clamped.emit({ clamped: this.needsClamping });
+                this.resetClampContent();
             }
             // if the input changes require clamping again, then re-clamp
             if (this.needsClamping) {
@@ -1547,6 +1522,13 @@
                 element.classList.remove(breakAllClass);
             }
         };
+        ClampDirective.prototype.resetClampContent = function () {
+            // reset initial content state
+            this.removeBreakWords();
+            this.hostElement.nativeElement.innerHTML = this.smeClamp || '';
+            // whenever this changes, we need to measure and output whether the content will be clamped.
+            this.clamped.emit({ clamped: this.needsClamping });
+        };
         /**
          * Gets the initial host classes to be applied to this element
          */
@@ -1638,7 +1620,11 @@
         return ClampDirective;
     }(CoreBaseComponent));
     /** @nocollapse */ ClampDirective.ɵfac = function ClampDirective_Factory(t) { return new (t || ClampDirective)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ ClampDirective.ɵdir = i0.ɵɵdefineDirective({ type: ClampDirective, selectors: [["", "smeClamp", ""]], inputs: { smeClamp: "smeClamp", smeClampLines: "smeClampLines" }, outputs: { clamped: "clamped" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature] });
+    /** @nocollapse */ ClampDirective.ɵdir = i0.ɵɵdefineDirective({ type: ClampDirective, selectors: [["", "smeClamp", ""]], hostBindings: function ClampDirective_HostBindings(rf, ctx) {
+            if (rf & 1) {
+                i0.ɵɵlistener("resize", function ClampDirective_resize_HostBindingHandler() { return ctx.onResize(); }, false, i0.ɵɵresolveWindow);
+            }
+        }, inputs: { smeClamp: "smeClamp", smeClampLines: "smeClampLines" }, outputs: { clamped: "clamped" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ClampDirective, [{
                 type: i0.Directive,
@@ -1651,6 +1637,9 @@
                     type: i0.Input
                 }], clamped: [{
                     type: i0.Output
+                }], onResize: [{
+                    type: i0.HostListener,
+                    args: ['window:resize']
                 }] });
     })();
 
@@ -2162,7 +2151,7 @@
             this.strings = MsftSme.getStrings();
             this.smeDiscardId = "sme-discard-id-" + MsftSme.newGuid();
             this.isAlerting = false;
-            this.alertElement = this.createAlertElement(this.strings.MsftSmeShell.Angular.Common.discard);
+            this.alertElement = this.createAlertElement(this.strings.MsftSmeShell.Angular.Common.discarded);
         }
         DiscardDirective.prototype.ngOnInit = function () {
             var _this = this;
@@ -2282,6 +2271,19 @@
             }], function () { return [{ type: i1.Router }]; }, null);
     })();
 
+    /**
+     *
+     * @smeDoc {@label Experiments and IsProduction @id sme-dev-guide-utilities-msft-sme-experiments}
+     *
+     * @overview
+     * @file {@filepath ./experiment-key/examples/overview.md}
+     *
+     * @example {@label Experiment key @id experiment-key}
+     * @file {@filename experiment-key.ts @filepath ./experiment-key/examples/experiment-key.ts}
+     *
+     * @example {@label IsProduction @id isProduction}
+     * @file {@filename isproduction.ts @filepath ./experiment-key/examples/isproduction.ts}
+     */
     var ExperimentGuardService = /** @class */ (function () {
         /**
          * Initializes a new instance of the ExperimentGuardService class.
@@ -2696,6 +2698,34 @@
             }], null, null);
     })();
 
+    var AuthorizationService = /** @class */ (function (_super) {
+        __extends(AuthorizationService, _super);
+        function AuthorizationService(rpc) {
+            return _super.call(this, function (serverNames, errorData) { return AuthorizationService.authorize(serverNames, errorData); }, rpc) || this;
+        }
+        AuthorizationService.prototype.canHandleAjaxFailure = function (code, error) {
+            // if we are not the shell, assume our parent can handle auth
+            var canHandle = AuthorizationService.authorize || !this.isShell;
+            return canHandle && _super.prototype.canHandleAjaxFailure.call(this, code, error);
+        };
+        Object.defineProperty(AuthorizationService.prototype, "isShell", {
+            get: function () {
+                return this.rpc.isShell;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return AuthorizationService;
+    }(authorizationManager.AuthorizationManager));
+    AuthorizationService.authorize = null;
+    /** @nocollapse */ AuthorizationService.ɵfac = function AuthorizationService_Factory(t) { return new (t || AuthorizationService)(i0.ɵɵinject(RpcService)); };
+    /** @nocollapse */ AuthorizationService.ɵprov = i0.ɵɵdefineInjectable({ token: AuthorizationService, factory: AuthorizationService.ɵfac });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthorizationService, [{
+                type: i0.Injectable
+            }], function () { return [{ type: RpcService }]; }, null);
+    })();
+
     /**
      * The gateway service class.
      */
@@ -2706,18 +2736,19 @@
          *
          * @param http the Http object.
          * @param rpcService the RPC service.
+         * @param authorizationService the authorizaton service.
          */
-        function GatewayService(httpService, rpcService) {
-            return _super.call(this, httpService, rpcService) || this;
+        function GatewayService(httpService, rpcService, authorizationService) {
+            return _super.call(this, httpService, rpcService, authorizationService) || this;
         }
         return GatewayService;
     }(gatewayConnection.GatewayConnection));
-    /** @nocollapse */ GatewayService.ɵfac = function GatewayService_Factory(t) { return new (t || GatewayService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(RpcService)); };
+    /** @nocollapse */ GatewayService.ɵfac = function GatewayService_Factory(t) { return new (t || GatewayService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(RpcService), i0.ɵɵinject(AuthorizationService)); };
     /** @nocollapse */ GatewayService.ɵprov = i0.ɵɵdefineInjectable({ token: GatewayService, factory: GatewayService.ɵfac });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GatewayService, [{
                 type: i0.Injectable
-            }], function () { return [{ type: HttpService }, { type: RpcService }]; }, null);
+            }], function () { return [{ type: HttpService }, { type: RpcService }, { type: AuthorizationService }]; }, null);
     })();
 
     var ConnectionService = /** @class */ (function (_super) {
@@ -2735,34 +2766,6 @@
             }], function () { return [{ type: RpcService }, { type: GatewayService }]; }, null);
     })();
 
-    var AuthorizationService = /** @class */ (function (_super) {
-        __extends(AuthorizationService, _super);
-        function AuthorizationService(rpc) {
-            return _super.call(this, function (serverNames, errorData) { return AuthorizationService.authorize(serverNames, errorData); }, rpc) || this;
-        }
-        AuthorizationService.prototype.canHandleAjaxFailure = function (code, error) {
-            // if we are not the shell, assume our parent can handle auth
-            var canHandle = AuthorizationService.authorize || !this.isShell;
-            return canHandle && _super.prototype.canHandleAjaxFailure.call(this, code, error);
-        };
-        Object.defineProperty(AuthorizationService.prototype, "isShell", {
-            get: function () {
-                return this.rpc.isShell;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return AuthorizationService;
-    }(authorizationManager.AuthorizationManager));
-    AuthorizationService.authorize = null;
-    /** @nocollapse */ AuthorizationService.ɵfac = function AuthorizationService_Factory(t) { return new (t || AuthorizationService)(i0.ɵɵinject(RpcService)); };
-    /** @nocollapse */ AuthorizationService.ɵprov = i0.ɵɵdefineInjectable({ token: AuthorizationService, factory: AuthorizationService.ɵfac });
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthorizationService, [{
-                type: i0.Injectable
-            }], function () { return [{ type: RpcService }]; }, null);
-    })();
-
     /**
      * The node service class.
      */
@@ -3067,6 +3070,28 @@
             }], function () { return [{ type: RpcService }]; }, null);
     })();
 
+    /**
+     *
+     * @smeDoc {@label Notifications @id sme-dev-guide-shell-services-notifications}
+     *
+     * @overview
+     * @file {@filepath ./notifications/examples/overview.md}
+     *
+     * @example {@label In progress notification @id in-progress-notification}
+     * @file {@filename notifications-in-progress.ts @filepath ./notifications/examples/notifications-in-progress.ts}
+     *
+     * @example {@label Alert notification @id alert-notifications}
+     * @file {@filename notifications-alert.ts @filepath ./notifications/examples/notifications-alert.ts}
+     *
+     * @example {@label Information notification @id information-notification}
+     * @file {@filename notifications-information.ts @filepath ./notifications/examples/notifications-information.ts}
+     *
+     * @example {@label Long running notification @id long-running-notification}
+     * @file {@filename notifications-long-running.ts @filepath ./notifications/examples/notifications-long-running.ts}
+     *
+     * @example {@label Long running with disabled notification @id long-running-disable-notification}
+     * @file {@filename notifications-long-running-disable.ts @filepath ./notifications/examples/notifications-long-running-disable.ts}
+     */
     /**
      * Notification service class.
      */
@@ -3322,6 +3347,16 @@
      * export all public APIs.
      */
 
+    /**
+     * @smeDoc {@label BooleanConverterPipe @id smeBooleanConverter}
+     *
+     * @overview
+     * @file {@filepath ./examples/boolean-converter-overview.md}
+     *
+     * @example {@label Example Boolean Converter @id boolean-converter-example }
+     * @file {@filename component.html @filepath ./examples/boolean-converter-example.component.html}
+     * @file {@filename component.ts @filepath ./examples/boolean-converter-example.component.ts}
+     */
     var BooleanConverterPipe = /** @class */ (function () {
         function BooleanConverterPipe() {
         }
@@ -3505,6 +3540,16 @@
             return iterator;
         }
     })(exports.MediaConversion2 || (exports.MediaConversion2 = {}));
+    /**
+     * @smeDoc {@label byteConverterPipe @id smeByteUnitConverter}
+     *
+     * @overview
+     * @file {@filepath ./examples/byte-converter-overview.md}
+     *
+     * @example {@label Example byte Converter @id byte-converter-example }
+     * @file {@filename component.html @filepath ./examples/byte-converter-example.component.html}
+     * @file {@filename component.ts @filepath ./examples/byte-converter-example.component.ts}
+     */
     var ByteUnitConverterPipe = /** @class */ (function () {
         function ByteUnitConverterPipe() {
         }
@@ -3647,6 +3692,21 @@
             }], null, null);
     })();
 
+    /**
+     * @smeDoc {@label enumConverterPipe @id smeEnumConverter}
+     *
+     * @overview
+     * @file {@filepath ./examples/enum-converter-overview.md}
+     *
+     * @example {@label Example Enum Converter @id enum-converter-example }
+     * @file {@filename component.html @filepath ./examples/enum-converter-example.component.html}
+     * @file {@filename component.ts @filepath ./examples/enum-converter-example.component.ts}
+     *
+     * @example {@label Example Color Enum Converter @id color-enum-color-converter }
+     * @file {@filename color.ts @filepath ./examples/enum-converter-example-color.ts}
+     * @file {@filename color.component.html @filepath ./examples/enum-converter-example-color.component.html}
+     * @file {@filename color.component.ts @filepath ./examples/enum-converter-example-color.component.ts}
+     */
     var EnumConverterPipe = /** @class */ (function () {
         function EnumConverterPipe() {
         }
@@ -3825,6 +3885,16 @@
             }], null, null);
     })();
 
+    /**
+     * @smeDoc {@label FormatPipe @id smeFormat}
+     *
+     * @overview
+     * @file {@filepath ./examples/format-overview.md}
+     *
+     * @example {@label Example enum Converter @id format-example }
+     * @file {@filename component.html @filepath ./examples/format-example.component.html}
+     * @file {@filename component.ts @filepath ./examples/format-example.component.ts}
+     */
     var FormatPipe = /** @class */ (function () {
         function FormatPipe() {
         }
@@ -3879,6 +3949,16 @@
             }], null, null);
     })();
 
+    /**
+     * @smeDoc {@label highlightPipe @id smeHighlight}
+     *
+     * @overview
+     * @file {@filepath ./examples/highlight-overview.md}
+     *
+     * @example {@label Example enum Converter @id highlight-example }
+     * @file {@filename component.html @filepath ./examples/highlight-example.component.html}
+     * @file {@filename component.ts @filepath ./examples/highlight-example.component.ts}
+     */
     var HighlightPipe = /** @class */ (function () {
         function HighlightPipe() {
         }
@@ -3928,6 +4008,16 @@
             }], null, null);
     })();
 
+    /**
+     * @smeDoc {@label yesno-converterPipe @id smeBooleanToYesNoConverter}
+     *
+     * @overview
+     * @file {@filepath ./examples/yesno-converter-overview.md}
+     *
+     * @example {@label Example enum Converter @id yesno-converter-example }
+     * @file {@filename component.html @filepath ./examples/yesno-converter-example.component.html}
+     * @file {@filename component.ts @filepath ./examples/yesno-converter-example.component.ts}
+     */
     var YesNoConverterPipe = /** @class */ (function () {
         function YesNoConverterPipe() {
             this.strings = MsftSme.getStrings();
@@ -4516,11 +4606,17 @@
         /**
          * Escape key listener
          */
-        TooltipHostComponent.prototype.onClick = function () {
+        TooltipHostComponent.prototype.onClick = function (event) {
             if (this.options && this.options.showOn === TooltipShowMode.Click) {
                 this.options.onWindowClick();
                 this.hide(this.options.targetid);
             }
+            if (MsftSme.isNullOrUndefined(this.mousePosition)) {
+                this.mousePosition = {
+                    x: event.x,
+                    y: event.y
+                };
+            }
         };
         /**
          * Show a tooltip with the given options
@@ -4624,7 +4720,12 @@
                     // then adjust the pointer and tooltip to align with the pointer
                     if (tooltipRect.width < targetRect.width) {
                         pointerLeft = (((tooltipRect.width / 2) - (pointerRect.width / 2)) - tooltipLeftMargin);
-                        left = (this.mousePosition.x - ((tooltipRect.width / 2) - tooltipLeftMargin));
+                        if (this.mousePosition.x <= 0) {
+                            left = (tooltipRect.width / 2) - tooltipLeftMargin;
+                        }
+                        else {
+                            left = (this.mousePosition.x - ((tooltipRect.width / 2) - tooltipLeftMargin));
+                        }
                     }
                     // check if right edge of tooltip is off the screen
                     var right = (left + tooltipRect.width);
@@ -4710,7 +4811,7 @@
             }
         }, hostBindings: function TooltipHostComponent_HostBindings(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵlistener("resize", function TooltipHostComponent_resize_HostBindingHandler($event) { return ctx.onWindowResized($event); }, false, i0.ɵɵresolveWindow)("blur", function TooltipHostComponent_blur_HostBindingHandler($event) { return ctx.onWindowResized($event); }, false, i0.ɵɵresolveWindow)("keyup.escape", function TooltipHostComponent_keyup_escape_HostBindingHandler($event) { return ctx.onEscape($event); }, false, i0.ɵɵresolveDocument)("click", function TooltipHostComponent_click_HostBindingHandler() { return ctx.onClick(); }, false, i0.ɵɵresolveWindow);
+                i0.ɵɵlistener("resize", function TooltipHostComponent_resize_HostBindingHandler($event) { return ctx.onWindowResized($event); }, false, i0.ɵɵresolveWindow)("blur", function TooltipHostComponent_blur_HostBindingHandler($event) { return ctx.onWindowResized($event); }, false, i0.ɵɵresolveWindow)("keyup.escape", function TooltipHostComponent_keyup_escape_HostBindingHandler($event) { return ctx.onEscape($event); }, false, i0.ɵɵresolveDocument)("click", function TooltipHostComponent_click_HostBindingHandler($event) { return ctx.onClick($event); }, false, i0.ɵɵresolveWindow);
             }
         }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 4, consts: [[1, "sme-tooltip", "sme-tooltip-position-bottom", "sme-layer-tooltip", "sme-shadow-tooltip", 3, "focusin", "focusout", "mouseenter", "mouseleave"], ["tooltipContainer", ""], [1, "sme-tooltip-pointer"], ["tooltipPointer", ""], [1, "sme-tooltip-pointer-cover"], ["class", "sme-tooltip-content sme-focus-trap", 3, "id", 4, "ngIf"], ["aria-live", "assertive"], ["class", "sme-tooltip-content", 3, "id", 4, "ngIf"], [1, "sme-tooltip-content", "sme-focus-trap", 3, "id"], [4, "ngIf"], ["smeTemplateOutlet", "", 3, "template", "data", "hostData"], [1, "sme-font-label", 3, "id"], [1, "sme-tooltip-content", 3, "id"]], template: function TooltipHostComponent_Template(rf, ctx) {
             if (rf & 1) {
@@ -4756,7 +4857,7 @@
                     args: ['document:keyup.escape', ['$event']]
                 }], onClick: [{
                     type: i0.HostListener,
-                    args: ['window:click']
+                    args: ['window:click', ['$event']]
                 }] });
     })();
 
@@ -7060,7 +7161,7 @@
             if (rf & 2) {
                 i0.ɵɵclassProp("sme-disabled", ctx.disabled);
             }
-        }, inputs: { autoToggle: "autoToggle", autoWidth: "autoWidth", calculateHeight: "calculateHeight", displayToSide: "displayToSide", isContextMenu: "isContextMenu", dropdownApplyFormFieldOffsetWidth: "dropdownApplyFormFieldOffsetWidth", disabled: "disabled" }, outputs: { onToggled: "onToggled", toggled: "toggled" }, ngContentSelectors: _c4, decls: 6, vars: 6, consts: [[1, "sme-dropdown-toggle-container"], ["smeDropdownToggle", ""], [1, "sme-layout-dropdown", "sme-layout-fixed", "sme-position-below", "sme-scheme-dropdown", "sme-layer-nav", "sme-shadow-dropdown", 3, "ngClass"], ["smeDropdownContent", ""]], template: function DropdownComponent_Template(rf, ctx) {
+        }, inputs: { autoToggle: "autoToggle", autoWidth: "autoWidth", calculateHeight: "calculateHeight", displayToSide: "displayToSide", isContextMenu: "isContextMenu", dropdownApplyFormFieldOffsetWidth: "dropdownApplyFormFieldOffsetWidth", disabled: "disabled" }, outputs: { onToggled: "onToggled", toggled: "toggled" }, ngContentSelectors: _c4, decls: 6, vars: 6, consts: [["data-uta-id", "dropdown-toggle", 1, "sme-dropdown-toggle-container"], ["smeDropdownToggle", ""], ["data-uta-id", "dropdown-content", 1, "sme-layout-dropdown", "sme-layout-fixed", "sme-position-below", "sme-scheme-dropdown", "sme-layer-nav", "sme-shadow-dropdown", 3, "ngClass"], ["smeDropdownContent", ""]], template: function DropdownComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef(_c2$1);
                 i0.ɵɵelementStart(0, "div", 0, 1);
@@ -7756,7 +7857,7 @@
             if (rf & 1) {
                 i0.ɵɵlistener("focusin", function ActionBarComponent_focusin_HostBindingHandler($event) { return ctx.onFocusEvent($event); })("focusout", function ActionBarComponent_focusout_HostBindingHandler($event) { return ctx.onFocusEvent($event); })("keydown", function ActionBarComponent_keydown_HostBindingHandler($event) { return ctx.onToggleKeydown($event); })("mouseenter", function ActionBarComponent_mouseenter_HostBindingHandler($event) { return ctx.onMouseEvent($event); })("mouseleave", function ActionBarComponent_mouseleave_HostBindingHandler($event) { return ctx.onMouseEvent($event); })("resize", function ActionBarComponent_resize_HostBindingHandler() { return ctx.onResize(); }, false, i0.ɵɵresolveWindow);
             }
-        }, outputs: { actionsUpdated: "actionsUpdated" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c3$2, decls: 12, vars: 14, consts: [["role", "menubar", 1, "sme-position-flex-none", "sme-arrange-stack-h"], ["actionBarElement", ""], ["class", "sme-arrange-stack-h sme-arrange-stack-centered sme-arrange-stack-inline", 3, "item", "sme-action-bar-item-no-padding-v", "itemChanged", 4, "ngFor", "ngForOf"], ["role", "presentation", 1, "sme-position-flex-none"], ["dropDown", ""], ["type", "button", "role", "menuitem", "aria-haspopup", "true", 1, "sme-button-trigger", "sme-layout-action-bar-item-height", "sme-button-auto-width", "sme-dropdown-toggle"], ["dropDownButton", ""], [1, "sme-icon", "sme-icon-more", 3, "title"], [1, "sme-screen-reader"], ["role", "menu", 1, "sme-dropdown-content", 3, "actions", "target", "targetChange", "error", "executed"], [1, "sme-arrange-stack-h", "sme-arrange-stack-centered", "sme-arrange-stack-inline", 3, "item", "itemChanged"]], template: function ActionBarComponent_Template(rf, ctx) {
+        }, outputs: { actionsUpdated: "actionsUpdated" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c3$2, decls: 12, vars: 14, consts: [["role", "menubar", 1, "sme-position-flex-none", "sme-arrange-stack-h"], ["actionBarElement", ""], ["class", "sme-arrange-stack-h sme-arrange-stack-centered sme-arrange-stack-inline", 3, "item", "sme-action-bar-item-no-padding-v", "itemChanged", 4, "ngFor", "ngForOf"], ["role", "presentation", 1, "sme-position-flex-none"], ["dropDown", ""], ["type", "button", "role", "menuitem", "aria-haspopup", "true", "data-uta-id", "action-bar-more", 1, "sme-button-trigger", "sme-layout-action-bar-item-height", "sme-button-auto-width", "sme-dropdown-toggle"], ["dropDownButton", ""], [1, "sme-icon", "sme-icon-more", 3, "title"], [1, "sme-screen-reader"], ["role", "menu", 1, "sme-dropdown-content", 3, "actions", "target", "targetChange", "error", "executed"], [1, "sme-arrange-stack-h", "sme-arrange-stack-centered", "sme-arrange-stack-inline", 3, "item", "itemChanged"]], template: function ActionBarComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef();
                 i0.ɵɵelementStart(0, "div", 0, 1);
@@ -8163,11 +8264,13 @@
         return ActionItemComponent;
     }());
     /** @nocollapse */ ActionItemComponent.ɵfac = function ActionItemComponent_Factory(t) { return new (t || ActionItemComponent)(); };
-    /** @nocollapse */ ActionItemComponent.ɵdir = i0.ɵɵdefineDirective({ type: ActionItemComponent, inputs: { hidden: "hidden", enabled: "enabled", toggled: "toggled", text: "text", iconClass: "iconClass" }, features: [i0.ɵɵNgOnChangesFeature] });
+    /** @nocollapse */ ActionItemComponent.ɵdir = i0.ɵɵdefineDirective({ type: ActionItemComponent, inputs: { actionId: "actionId", hidden: "hidden", enabled: "enabled", toggled: "toggled", text: "text", name: "name", iconClass: "iconClass" }, features: [i0.ɵɵNgOnChangesFeature] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActionItemComponent, [{
                 type: i0.Directive
-            }], function () { return []; }, { hidden: [{
+            }], function () { return []; }, { actionId: [{
+                    type: i0.Input
+                }], hidden: [{
                     type: i0.Input
                 }], enabled: [{
                     type: i0.Input
@@ -8175,6 +8278,8 @@
                     type: i0.Input
                 }], text: [{
                     type: i0.Input
+                }], name: [{
+                    type: i0.Input
                 }], iconClass: [{
                     type: i0.Input
                 }] });
@@ -8195,7 +8300,7 @@
             var ctx_r0 = i0.ɵɵnextContext();
             i0.ɵɵclassProp("sme-toggled", ctx_r0.ariaChecked);
             i0.ɵɵproperty("smeDisabled", !ctx_r0.item.enabled || ctx_r0.item.busy || !ctx_r0.item.ready);
-            i0.ɵɵattribute("role", ctx_r0.ariaRole)("aria-checked", ctx_r0.ariaChecked);
+            i0.ɵɵattribute("role", ctx_r0.ariaRole)("aria-checked", ctx_r0.ariaChecked)("data-uta-id", ctx_r0.item.actionId);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngClass", ctx_r0.item.iconClass || "");
             i0.ɵɵadvance(2);
@@ -8214,7 +8319,7 @@
             var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵclassProp("sme-toggled", ctx_r1.ariaChecked);
             i0.ɵɵproperty("smeDisabled", !ctx_r1.item.enabled || ctx_r1.item.busy || !ctx_r1.item.ready)("title", ctx_r1.item.text);
-            i0.ɵɵattribute("role", ctx_r1.ariaRole)("aria-checked", ctx_r1.ariaChecked)("aria-label", ctx_r1.item.text);
+            i0.ɵɵattribute("role", ctx_r1.ariaRole)("aria-checked", ctx_r1.ariaChecked)("data-uta-id", ctx_r1.item.actionId)("aria-label", ctx_r1.item.text);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngClass", ctx_r1.item.iconClass || "");
         }
@@ -8287,8 +8392,8 @@
     /** @nocollapse */ ActionButtonRendererComponent.ɵfac = function ActionButtonRendererComponent_Factory(t) { return new (t || ActionButtonRendererComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i0.ElementRef)); };
     /** @nocollapse */ ActionButtonRendererComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ActionButtonRendererComponent, selectors: [["sme-action-button-renderer"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "sme-button-trigger sme-button-auto-width sme-button-align-left sme-position-stretch", "type", "button", 3, "sme-toggled", "smeDisabled", "click", 4, "ngIf"], ["class", "sme-button-trigger sme-button-auto-width sme-button-align-left sme-position-stretch", "type", "button", 3, "sme-toggled", "smeDisabled", "title", "click", 4, "ngIf"], ["type", "button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-button-align-left", "sme-position-stretch", 3, "smeDisabled", "click"], ["aria-hidden", "true", 3, "ngClass"], ["type", "button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-button-align-left", "sme-position-stretch", 3, "smeDisabled", "title", "click"]], template: function ActionButtonRendererComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, ActionButtonRendererComponent_button_0_Template, 4, 7, "button", 0);
-                i0.ɵɵtemplate(1, ActionButtonRendererComponent_button_1_Template, 2, 8, "button", 1);
+                i0.ɵɵtemplate(0, ActionButtonRendererComponent_button_0_Template, 4, 8, "button", 0);
+                i0.ɵɵtemplate(1, ActionButtonRendererComponent_button_1_Template, 2, 9, "button", 1);
             }
             if (rf & 2) {
                 i0.ɵɵproperty("ngIf", !(ctx.item.container == null ? null : ctx.item.container.compact));
@@ -8596,14 +8701,26 @@
 
     var _c0$9 = ["dropDown"];
     var _c1$4 = ["dropDownButton"];
-    function ActionDropdownRendererComponent_span_7_Template(rf, ctx) {
+    function ActionDropdownRendererComponent_p_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "span", 8);
+            i0.ɵɵelementStart(0, "p", 9);
+            i0.ɵɵtext(1);
+            i0.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r2 = i0.ɵɵnextContext();
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(ctx_r2.actionTitle);
         }
     }
     function ActionDropdownRendererComponent_span_8_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "span", 9);
+            i0.ɵɵelement(0, "span", 10);
+        }
+    }
+    function ActionDropdownRendererComponent_span_9_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelement(0, "span", 11);
         }
     }
     var _c2$3 = ["action"];
@@ -8630,6 +8747,20 @@
             renderer.addClass(hostElement.nativeElement, 'sme-position-stretch');
             return _this;
         }
+        Object.defineProperty(ActionDropdownRendererComponent.prototype, "actionTitle", {
+            get: function () {
+                return this.item.name && this.item.name !== this.item.text ? this.item.name : null;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ActionDropdownRendererComponent.prototype, "actionDropdownId", {
+            get: function () {
+                return this.item.actionId;
+            },
+            enumerable: false,
+            configurable: true
+        });
         /**
          * Method called to register a change with the ActionButton.
          * @param item The ActionButton to register change for.
@@ -8710,19 +8841,20 @@
             if (rf & 1) {
                 i0.ɵɵlistener("keydown", function ActionDropdownRendererComponent_keydown_HostBindingHandler($event) { return ctx.onToggleKeydown($event); })("mouseenter", function ActionDropdownRendererComponent_mouseenter_HostBindingHandler($event) { return ctx.onMouseEvent($event); })("mouseleave", function ActionDropdownRendererComponent_mouseleave_HostBindingHandler($event) { return ctx.onMouseEvent($event); });
             }
-        }, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 13, consts: [["role", "presentation", 1, "sme-position-flex-none", 3, "displayToSide"], ["dropDown", ""], ["role", "menuitem", "type", "button", "aria-haspopup", "true", 1, "sme-button-trigger", "sme-layout-action-bar-item-height", "sme-button-auto-width", "sme-button-align-left", "sme-position-stretch-h", "sme-dropdown-toggle", 3, "smeDisabled"], ["dropDownButton", ""], [3, "ngClass"], ["class", "sme-icon sme-icon-size-xxs sme-icon-chevronDown sme-margin-left-xs", 4, "ngIf"], ["class", "sme-icon sme-icon-size-xxs sme-icon-chevronRight sme-position-right-inline", 4, "ngIf"], ["role", "menu", 1, "sme-dropdown-content", 3, "actions", "target", "targetChange", "error", "executed"], [1, "sme-icon", "sme-icon-size-xxs", "sme-icon-chevronDown", "sme-margin-left-xs"], [1, "sme-icon", "sme-icon-size-xxs", "sme-icon-chevronRight", "sme-position-right-inline"]], template: function ActionDropdownRendererComponent_Template(rf, ctx) {
+        }, features: [i0.ɵɵInheritDefinitionFeature], decls: 11, vars: 16, consts: [["role", "presentation", 1, "sme-position-flex-none", 3, "displayToSide"], ["dropDown", ""], ["role", "menuitem", "type", "button", "aria-haspopup", "true", 1, "sme-button-trigger", "sme-layout-action-bar-item-height", "sme-button-auto-width", "sme-button-align-left", "sme-position-stretch-h", "sme-dropdown-toggle", 3, "smeDisabled", "title"], ["dropDownButton", ""], ["class", "sme-screen-reader", 4, "ngIf"], [3, "ngClass"], ["class", "sme-icon sme-icon-size-xxs sme-icon-chevronDown sme-margin-left-xs", 4, "ngIf"], ["class", "sme-icon sme-icon-size-xxs sme-icon-chevronRight sme-position-right-inline", 4, "ngIf"], ["role", "menu", 1, "sme-dropdown-content", 3, "actions", "target", "targetChange", "error", "executed"], [1, "sme-screen-reader"], [1, "sme-icon", "sme-icon-size-xxs", "sme-icon-chevronDown", "sme-margin-left-xs"], [1, "sme-icon", "sme-icon-size-xxs", "sme-icon-chevronRight", "sme-position-right-inline"]], template: function ActionDropdownRendererComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "sme-dropdown", 0, 1);
                 i0.ɵɵelementStart(2, "button", 2, 3);
-                i0.ɵɵelement(4, "span", 4);
-                i0.ɵɵelementStart(5, "span");
-                i0.ɵɵtext(6);
+                i0.ɵɵtemplate(4, ActionDropdownRendererComponent_p_4_Template, 2, 1, "p", 4);
+                i0.ɵɵelement(5, "span", 5);
+                i0.ɵɵelementStart(6, "span");
+                i0.ɵɵtext(7);
                 i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(7, ActionDropdownRendererComponent_span_7_Template, 1, 0, "span", 5);
                 i0.ɵɵtemplate(8, ActionDropdownRendererComponent_span_8_Template, 1, 0, "span", 6);
+                i0.ɵɵtemplate(9, ActionDropdownRendererComponent_span_9_Template, 1, 0, "span", 7);
                 i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(9, "sme-action-menu", 7);
-                i0.ɵɵlistener("targetChange", function ActionDropdownRendererComponent_Template_sme_action_menu_targetChange_9_listener($event) { return ctx.item.container.target = $event; })("error", function ActionDropdownRendererComponent_Template_sme_action_menu_error_9_listener($event) { return ctx.item.container.error.emit($event); })("executed", function ActionDropdownRendererComponent_Template_sme_action_menu_executed_9_listener($event) { return ctx.item.container.executed.emit($event); });
+                i0.ɵɵelementStart(10, "sme-action-menu", 8);
+                i0.ɵɵlistener("targetChange", function ActionDropdownRendererComponent_Template_sme_action_menu_targetChange_10_listener($event) { return ctx.item.container.target = $event; })("error", function ActionDropdownRendererComponent_Template_sme_action_menu_error_10_listener($event) { return ctx.item.container.error.emit($event); })("executed", function ActionDropdownRendererComponent_Template_sme_action_menu_executed_10_listener($event) { return ctx.item.container.executed.emit($event); });
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
             }
@@ -8731,9 +8863,11 @@
                 i0.ɵɵproperty("displayToSide", (ctx.item.container == null ? null : ctx.item.container.orientation) === "horizontal");
                 i0.ɵɵadvance(2);
                 i0.ɵɵclassProp("sme-toggled", _r0.isOpen);
-                i0.ɵɵproperty("smeDisabled", !ctx.item.enabled || ctx.item.busy || !ctx.item.ready);
-                i0.ɵɵattribute("aria-expanded", _r0.isOpen);
+                i0.ɵɵproperty("smeDisabled", !ctx.item.enabled || ctx.item.busy || !ctx.item.ready)("title", ctx.actionTitle);
+                i0.ɵɵattribute("aria-expanded", _r0.isOpen)("data-uta-id", ctx.actionDropdownId);
                 i0.ɵɵadvance(2);
+                i0.ɵɵproperty("ngIf", ctx.actionTitle);
+                i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngClass", ctx.item.iconClass || "");
                 i0.ɵɵadvance(1);
                 i0.ɵɵclassProp("sme-screen-reader", ctx.item.container.compact);
@@ -9281,7 +9415,7 @@
     })();
     i0.ɵɵsetComponentScope(ActionBarComponent, [i1$1.NgForOf, DynamicActionItemComponent, DropdownComponent, TooltipDirective, ActionMenuComponent], []);
     i0.ɵɵsetComponentScope(ActionMenuComponent, [i1$1.NgForOf, DynamicActionItemComponent], [FilterPipe]);
-    i0.ɵɵsetComponentScope(ActionDropdownRendererComponent, [DropdownComponent, DisabledDirective, i1$1.NgClass, i1$1.NgIf, ActionMenuComponent], []);
+    i0.ɵɵsetComponentScope(ActionDropdownRendererComponent, [DropdownComponent, DisabledDirective, TooltipDirective, i1$1.NgIf, i1$1.NgClass, ActionMenuComponent], []);
 
     var _c0$c = ["*"];
     var DropZoneComponent = /** @class */ (function (_super) {
@@ -10190,6 +10324,22 @@
         }
         LoadingWheelSize.toProgressClass = toProgressClass;
     })(exports.LoadingWheelSize || (exports.LoadingWheelSize = {}));
+    /**
+     * @smeDoc {@label Loading Wheel @id sme-loading-wheel}
+     *
+     * @overview
+     * @file {@filepath ./examples/loading-wheel-overview.md}
+     *
+     * @example {@label Small loading wheel example @id small-loading-wheel}
+     * @file {@filename small-loading-wheel-example.html @filepath ./examples/small-loading-wheel-example.html }
+     * @file {@filename small-loading-wheel-example.ts @filepath ./examples/small-loading-wheel-example.ts }
+     * @file {@filename loading-wheel-example.module.ts @filepath ./examples/loading-wheel-example.module.ts }
+     *
+     * @example {@label Large loading wheel example @id large-loading-wheel}
+     * @file {@filename large-loading-wheel-example.html @filepath ./examples/large-loading-wheel-example.html }
+     * @file {@filename large-loading-wheel-example.ts @filepath ./examples/large-loading-wheel-example.ts }
+     * @file {@filename loading-wheel-example.module.ts @filepath ./examples/loading-wheel-example.module.ts }
+     */
     var LoadingWheelComponent = /** @class */ (function (_super) {
         __extends(LoadingWheelComponent, _super);
         function LoadingWheelComponent(layout, injector) {
@@ -11703,6 +11853,17 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(FormFieldComponent.prototype, "dataUtaId", {
+            /**
+             * The form field's UTA id getter.
+             * The ID is based on the form field name that's set on the ngModel.
+             */
+            get: function () {
+                return this.utaId ? this.utaId : this.ngModel && this.ngModel.name && this.ngModel.name.toString();
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(FormFieldComponent.prototype, "internalDisabled", {
             /**
              * Placeholder for the combined disabled state
@@ -12427,12 +12588,12 @@
                 var _t = void 0;
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.subFormTemplate = _t.first);
             }
-        }, hostVars: 14, hostBindings: function FormFieldComponent_HostBindings(rf, ctx) {
+        }, hostVars: 15, hostBindings: function FormFieldComponent_HostBindings(rf, ctx) {
             if (rf & 2) {
-                i0.ɵɵattribute("disabled", ctx.loadingOrDisabled)("aria-disabled", ctx.loadingOrDisabled);
+                i0.ɵɵattribute("disabled", ctx.loadingOrDisabled)("aria-disabled", ctx.loadingOrDisabled)("data-uta-id", ctx.dataUtaId);
                 i0.ɵɵclassProp("sme-form-field-auto-height", ctx.compact)("sme-form-field-minimal", ctx.minimal)("sme-disabled", ctx.loadingOrDisabled)("sme-form-field-error-alert-border", ctx.errorAlertBorder)("sme-form-field-orientation-horizontal", ctx.isHorizontalLayout)("sme-form-field-orientation-vertical", ctx.isVerticalLayout);
             }
-        }, inputs: { type: "type", hideHeader: "hideHeader", hideHeaderSpace: "hideHeaderSpace", required: "required", autofocus: "autofocus", placeholder: "placeholder", label: "label", description: "description", compact: "compact", minimal: "minimal", readonly: "readonly", instructions: "instructions", tooltipTemplate: "tooltipTemplate", tooltip: "tooltip", tooltipContext: "tooltipContext", disabledInput: ["disabled", "disabledInput"], loading: "loading", loadingMessage: "loadingMessage", pendingMessage: "pendingMessage", immediateValidation: "immediateValidation", orientation: "orientation", formFieldContainer: "formFieldContainer" }, outputs: { change: "change" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature] });
+        }, inputs: { type: "type", hideHeader: "hideHeader", hideHeaderSpace: "hideHeaderSpace", required: "required", autofocus: "autofocus", placeholder: "placeholder", label: "label", description: "description", compact: "compact", minimal: "minimal", readonly: "readonly", instructions: "instructions", tooltipTemplate: "tooltipTemplate", tooltip: "tooltip", tooltipContext: "tooltipContext", disabledInput: ["disabled", "disabledInput"], loading: "loading", loadingMessage: "loadingMessage", pendingMessage: "pendingMessage", utaId: "utaId", immediateValidation: "immediateValidation", orientation: "orientation", formFieldContainer: "formFieldContainer" }, outputs: { change: "change" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature] });
     __decorate([
         SmeInject(i4.NgControl, true),
         __metadata("design:type", i4.NgControl)
@@ -12533,6 +12694,11 @@
                     type: i0.Input
                 }], pendingMessage: [{
                     type: i0.Input
+                }], utaId: [{
+                    type: i0.Input
+                }], dataUtaId: [{
+                    type: i0.HostBinding,
+                    args: ['attr.data-uta-id']
                 }], immediateValidation: [{
                     type: i0.Input
                 }], change: [{
@@ -12678,7 +12844,7 @@
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.defaultSubFormTemplate = _t.first);
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.allTemplates = _t);
             }
-        }, inputs: { value: "value", label: "label", description: "description", disabled: "disabled", hidden: "hidden", tooltip: "tooltip", tooltipTemplate: "tooltipTemplate", tooltipContext: "tooltipContext" }, decls: 0, vars: 0, template: function FormFieldOptionComponent_Template(rf, ctx) { }, encapsulation: 2 });
+        }, inputs: { utaId: "utaId", value: "value", label: "label", description: "description", disabled: "disabled", hidden: "hidden", tooltip: "tooltip", tooltipTemplate: "tooltipTemplate", tooltipContext: "tooltipContext" }, decls: 0, vars: 0, template: function FormFieldOptionComponent_Template(rf, ctx) { }, encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormFieldOptionComponent, [{
                 type: i0.Component,
@@ -12686,7 +12852,9 @@
                         selector: 'sme-option',
                         template: ''
                     }]
-            }], null, { value: [{
+            }], null, { utaId: [{
+                    type: i0.Input
+                }], value: [{
                     type: i0.Input
                 }], label: [{
                     type: i0.Input
@@ -13604,7 +13772,7 @@
         }
         if (rf & 2) {
             var ctx_r3 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("smeMarkdown", ctx_r3.message)("smeMarkdownUseInlineLexer", ctx_r3.useInlineLexer);
+            i0.ɵɵproperty("smeMarkdown", ctx_r3.message);
             i0.ɵɵattribute("id", ctx_r3.idBag.alertMessage);
         }
     }
@@ -13615,7 +13783,7 @@
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(3, ValidationAlertComponent_div_1_span_3_Template, 2, 2, "span", 4);
-            i0.ɵɵtemplate(4, ValidationAlertComponent_div_1_p_4_Template, 1, 3, "p", 5);
+            i0.ɵɵtemplate(4, ValidationAlertComponent_div_1_p_4_Template, 1, 2, "p", 5);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -13799,16 +13967,6 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(ValidationAlertComponent.prototype, "useInlineLexer", {
-            /**
-             * Optionally center text for the alert.
-             */
-            get: function () {
-                return this.hasAlert ? !!this.alert.useInlineLexer : false;
-            },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(ValidationAlertComponent.prototype, "alertType", {
             /**
              * Indicates that the current alert is an success alert
@@ -13900,7 +14058,7 @@
             if (rf & 2) {
                 i0.ɵɵclassProp("sme-alert-background", ctx.showBackground)("sme-layout-none", ctx.isHidden)("sme-alert-pending", ctx.isPending)("sme-alert-error", ctx.isError)("sme-alert-warning", ctx.isWarning)("sme-alert-informational", ctx.isInformational)("sme-alert-success", ctx.isSuccess);
             }
-        }, inputs: { showBackground: "showBackground", alert: "alert", role: "role" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [["size", "small", "class", "sme-layout-relative sme-layout-inline-block sme-width-lg sme-margin-right-xs", 3, "isBackgroundTransparent", 4, "ngIf"], [4, "ngIf"], ["size", "small", 1, "sme-layout-relative", "sme-layout-inline-block", "sme-width-lg", "sme-margin-right-xs", 3, "isBackgroundTransparent"], [1, "sme-screen-reader"], ["aria-hidden", "true", 4, "ngIf"], ["aria-hidden", "true", 3, "smeMarkdown", "smeMarkdownUseInlineLexer", 4, "ngIf"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "smeMarkdown", "smeMarkdownUseInlineLexer"]], template: function ValidationAlertComponent_Template(rf, ctx) {
+        }, inputs: { showBackground: "showBackground", alert: "alert", role: "role" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 2, vars: 2, consts: [["size", "small", "class", "sme-layout-relative sme-layout-inline-block sme-width-lg sme-margin-right-xs", 3, "isBackgroundTransparent", 4, "ngIf"], [4, "ngIf"], ["size", "small", 1, "sme-layout-relative", "sme-layout-inline-block", "sme-width-lg", "sme-margin-right-xs", 3, "isBackgroundTransparent"], [1, "sme-screen-reader"], ["aria-hidden", "true", 4, "ngIf"], ["aria-hidden", "true", 3, "smeMarkdown", 4, "ngIf"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "smeMarkdown"]], template: function ValidationAlertComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵtemplate(0, ValidationAlertComponent_sme_loading_wheel_0_Template, 1, 1, "sme-loading-wheel", 0);
                 i0.ɵɵtemplate(1, ValidationAlertComponent_div_1_Template, 5, 6, "div", 1);
@@ -14141,7 +14299,7 @@
             var ctx_r1 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("id", ctx_r1.idBag.selectAllCheckbox)("checked", ctx_r1.isAllOptionsSelected)("disabled", ctx_r1.loadingOrDisabled);
-            i0.ɵɵattribute("aria-label", ctx_r1.selectAllLabel)("aria-describedby", ctx_r1.idBag.selectAllCheckboxDescription)("aria-checked", ctx_r1.isAllOptionsSelected);
+            i0.ɵɵattribute("aria-label", ctx_r1.selectAllLabel)("aria-describedby", ctx_r1.idBag.selectAllCheckboxDescription)("aria-checked", ctx_r1.isAllOptionsSelected)("aria-required", ctx_r1.required);
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(ctx_r1.selectAllLabel);
             i0.ɵɵadvance(1);
@@ -14206,7 +14364,7 @@
     function ChecklistFormFieldComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 3);
-            i0.ɵɵtemplate(1, ChecklistFormFieldComponent_div_1_div_1_Template, 7, 9, "div", 4);
+            i0.ɵɵtemplate(1, ChecklistFormFieldComponent_div_1_div_1_Template, 7, 10, "div", 4);
             i0.ɵɵtemplate(2, ChecklistFormFieldComponent_div_1_ng_container_2_Template, 9, 11, "ng-container", 5);
             i0.ɵɵelementEnd();
         }
@@ -15890,13 +16048,14 @@
          * @deprecated since 02/20/18. Please use 'AppContextService.frame.showDialogConfirmation' instead
          */
         DialogService.prototype.showConfirmation = function (options) {
+            var confirmationObservable;
             // if running from shell, manually launch dialog
             if (this.appContext.rpc.isShell) {
-                return this.show(this.commonIds.confirmation, options);
+                confirmationObservable = this.show(this.commonIds.confirmation, options);
             }
             else {
                 // otherwise ask the shell to do it for us.
-                return this.appContext.frame.showDialogConfirmation({
+                confirmationObservable = this.appContext.frame.showDialogConfirmation({
                     cancelButtonText: options.cancelButtonText,
                     checkboxText: options.checkboxText,
                     confirmButtonText: options.confirmButtonText,
@@ -15905,6 +16064,9 @@
                     title: options.title
                 });
             }
+            return confirmationObservable.pipe(operators.map(function (response) {
+                return response || { confirmed: false, checkboxResult: false };
+            }));
         };
         /**
          * Hide a confirmation dialog.
@@ -16909,64 +17071,76 @@
     }
     var _c1$b = ["addButton"];
     var _c2$7 = ["type", "array"];
+    var _c3$3 = function (a0, a1) { return { index: a0, ariaLabelId: a1 }; };
+    function ArrayFormFieldComponent_sme_accordion_panel_3_ng_container_2_Template(rf, ctx) {
+        if (rf & 1) {
+            i0.ɵɵelementContainer(0, 15);
+        }
+        if (rf & 2) {
+            var ctx_r8 = i0.ɵɵnextContext();
+            var item_r2 = ctx_r8.$implicit;
+            var i_r3 = ctx_r8.index;
+            var ctx_r4 = i0.ɵɵnextContext();
+            i0.ɵɵproperty("template", ctx_r4.headerTemplate)("data", item_r2)("hostData", i0.ɵɵpureFunction2(3, _c3$3, i_r3, ctx_r4.getItemAriaId(i_r3, "itemHeader")));
+        }
+    }
     function ArrayFormFieldComponent_sme_accordion_panel_3_button_3_Template(rf, ctx) {
         if (rf & 1) {
-            var _r9_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 13);
-            i0.ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9_1); var item_r2 = i0.ɵɵnextContext().$implicit; var ctx_r7 = i0.ɵɵnextContext(); return ctx_r7.moveUp(item_r2); });
-            i0.ɵɵelement(1, "span", 14);
+            var _r11_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 16);
+            i0.ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11_1); var item_r2 = i0.ɵɵnextContext().$implicit; var ctx_r9 = i0.ɵɵnextContext(); return ctx_r9.moveUp(item_r2); });
+            i0.ɵɵelement(1, "span", 17);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r4 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("title", ctx_r4.strings.MsftSmeShell.Angular.Form.Array.promoteButtonTooltip)("smeDisabled", ctx_r4.loadingOrDisabled);
-            i0.ɵɵattribute("aria-label", ctx_r4.strings.MsftSmeShell.Angular.Form.Array.promoteButtonAriaLabel);
+            var ctx_r5 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("title", ctx_r5.strings.MsftSmeShell.Angular.Form.Array.promoteButtonTooltip)("smeDisabled", ctx_r5.loadingOrDisabled);
+            i0.ɵɵattribute("aria-label", ctx_r5.strings.MsftSmeShell.Angular.Form.Array.promoteButtonAriaLabel);
         }
     }
     function ArrayFormFieldComponent_sme_accordion_panel_3_button_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r12_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 13);
-            i0.ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12_1); var item_r2 = i0.ɵɵnextContext().$implicit; var ctx_r10 = i0.ɵɵnextContext(); return ctx_r10.moveDown(item_r2); });
-            i0.ɵɵelement(1, "span", 15);
+            var _r14_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 18);
+            i0.ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14_1); var item_r2 = i0.ɵɵnextContext().$implicit; var ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.moveDown(item_r2); });
+            i0.ɵɵelement(1, "span", 19);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("title", ctx_r5.strings.MsftSmeShell.Angular.Form.Array.demoteButtonTooltip)("smeDisabled", ctx_r5.loadingOrDisabled);
-            i0.ɵɵattribute("aria-label", ctx_r5.strings.MsftSmeShell.Angular.Form.Array.demoteButtonAriaLabel);
+            var ctx_r6 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("title", ctx_r6.strings.MsftSmeShell.Angular.Form.Array.demoteButtonTooltip)("smeDisabled", ctx_r6.loadingOrDisabled);
+            i0.ɵɵattribute("aria-label", ctx_r6.strings.MsftSmeShell.Angular.Form.Array.demoteButtonAriaLabel);
         }
     }
     function ArrayFormFieldComponent_sme_accordion_panel_3_button_5_Template(rf, ctx) {
         if (rf & 1) {
-            var _r15_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 13);
-            i0.ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15_1); var item_r2 = i0.ɵɵnextContext().$implicit; var ctx_r13 = i0.ɵɵnextContext(); return ctx_r13.delete(item_r2); });
-            i0.ɵɵelement(1, "span", 16);
+            var _r17_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 20);
+            i0.ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17_1); var item_r2 = i0.ɵɵnextContext().$implicit; var ctx_r15 = i0.ɵɵnextContext(); return ctx_r15.delete(item_r2); });
+            i0.ɵɵelement(1, "span", 21);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("title", ctx_r6.strings.MsftSmeShell.Angular.Form.Array.removeButtonTooltip)("smeDisabled", ctx_r6.loadingOrDisabled);
-            i0.ɵɵattribute("aria-label", ctx_r6.strings.MsftSmeShell.Angular.Form.Array.removeButtonAriaLabel);
+            var ctx_r7 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("title", ctx_r7.strings.MsftSmeShell.Angular.Form.Array.removeButtonTooltip)("smeDisabled", ctx_r7.loadingOrDisabled);
+            i0.ɵɵattribute("aria-label", ctx_r7.strings.MsftSmeShell.Angular.Form.Array.removeButtonAriaLabel);
         }
     }
-    var _c3$3 = function (a0, a1) { return { index: a0, ariaLabelId: a1 }; };
     function ArrayFormFieldComponent_sme_accordion_panel_3_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "sme-accordion-panel", 7);
             i0.ɵɵelementStart(1, "sme-panel-control");
-            i0.ɵɵelementContainer(2, 8);
+            i0.ɵɵtemplate(2, ArrayFormFieldComponent_sme_accordion_panel_3_ng_container_2_Template, 1, 6, "ng-container", 8);
             i0.ɵɵtemplate(3, ArrayFormFieldComponent_sme_accordion_panel_3_button_3_Template, 2, 3, "button", 9);
-            i0.ɵɵtemplate(4, ArrayFormFieldComponent_sme_accordion_panel_3_button_4_Template, 2, 3, "button", 9);
-            i0.ɵɵtemplate(5, ArrayFormFieldComponent_sme_accordion_panel_3_button_5_Template, 2, 3, "button", 9);
+            i0.ɵɵtemplate(4, ArrayFormFieldComponent_sme_accordion_panel_3_button_4_Template, 2, 3, "button", 10);
+            i0.ɵɵtemplate(5, ArrayFormFieldComponent_sme_accordion_panel_3_button_5_Template, 2, 3, "button", 11);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "span", 10);
+            i0.ɵɵelementStart(6, "span", 12);
             i0.ɵɵtext(7);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "fieldset", 11);
-            i0.ɵɵelementStart(9, "div", 12);
-            i0.ɵɵelementContainer(10, 8);
+            i0.ɵɵelementStart(8, "fieldset", 13);
+            i0.ɵɵelementStart(9, "div", 14);
+            i0.ɵɵelementContainer(10, 15);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -16976,8 +17150,9 @@
             var i_r3 = ctx.index;
             var ctx_r0 = i0.ɵɵnextContext();
             i0.ɵɵproperty("header", ctx_r0.getItemTitle(item_r2, i_r3))("isExpandable", false);
+            i0.ɵɵattribute("data-uta-id", "array-form-field-item-" + i_r3);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("template", ctx_r0.headerTemplate)("data", item_r2)("hostData", i0.ɵɵpureFunction2(17, _c3$3, i_r3, ctx_r0.getItemAriaId(i_r3, "itemHeader")));
+            i0.ɵɵproperty("ngIf", ctx_r0.headerTemplate);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx_r0.showMove);
             i0.ɵɵadvance(1);
@@ -16994,14 +17169,14 @@
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("id", ctx_r0.getItemAriaId(i_r3, "itemContainer"));
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("template", ctx_r0.itemTemplate)("data", item_r2)("hostData", i0.ɵɵpureFunction2(20, _c3$3, i_r3, ctx_r0.getItemAriaId(i_r3, "item")));
+            i0.ɵɵproperty("template", ctx_r0.itemTemplate)("data", item_r2)("hostData", i0.ɵɵpureFunction2(16, _c3$3, i_r3, ctx_r0.getItemAriaId(i_r3, "item")));
         }
     }
     function ArrayFormFieldComponent_button_4_Template(rf, ctx) {
         if (rf & 1) {
-            var _r18_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 17, 18);
-            i0.ɵɵlistener("click", function ArrayFormFieldComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18_1); var ctx_r17 = i0.ɵɵnextContext(); return ctx_r17.add(); });
+            var _r20_1 = i0.ɵɵgetCurrentView();
+            i0.ɵɵelementStart(0, "button", 22, 23);
+            i0.ɵɵlistener("click", function ArrayFormFieldComponent_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20_1); var ctx_r19 = i0.ɵɵnextContext(); return ctx_r19.add(); });
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
         }
@@ -17341,12 +17516,12 @@
             if (rf & 2) {
                 i0.ɵɵattribute("aria-label", ctx.ariaLabel);
             }
-        }, inputs: { adjustControlButtonLocation: "adjustControlButtonLocation", newItem: "newItem", showAdd: "showAdd", showRemove: "showRemove", showMove: "showMove", canCloseAll: "canCloseAll", canCloseAny: "canCloseAny", canOpenMultiple: "canOpenMultiple", maxItems: "maxItems", addButtonText: "addButtonText", headerTemplate: "headerTemplate", itemTitle: "itemTitle" }, outputs: { askForNewItem: "askForNewItem", askForItemHeader: "askForItemHeader", askForRemoveEvaluator: "askForRemoveEvaluator" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c2$7, decls: 8, vars: 8, consts: [[3, "formField"], [1, "sme-array"], [3, "canCloseAny", "canCloseAll", "canOpenMultiple"], [3, "header", "isExpandable", 4, "ngFor", "ngForOf"], ["type", "button", "class", "sme-button-trigger sme-button-auto-width sme-icon sme-icon-add sme-margin-bottom-xs", 3, "smeDisabled", "title", "click", 4, "ngIf"], [3, "alert"], ["aria-live", "assertive", "aria-relevant", "all", 1, "sme-screen-reader"], [3, "header", "isExpandable"], ["smeTemplateOutlet", "", "hostDataName", "context", 3, "template", "data", "hostData"], ["type", "button", "class", "sme-button-trigger sme-button-auto-width sme-form-field-height sme-padding-horizontal-xs", 3, "title", "smeDisabled", "click", 4, "ngIf"], [1, "sme-screen-reader", 3, "id"], [1, "sme-arrange-stack-h", "sme-margin-bottom-lg", "sme-array-item"], [1, "sme-position-flex-auto", "sme-padding-inset-md", 3, "id"], ["type", "button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-form-field-height", "sme-padding-horizontal-xs", 3, "title", "smeDisabled", "click"], [1, "sme-icon", "sme-icon-up"], [1, "sme-icon", "sme-icon-down"], [1, "sme-icon", "sme-icon-delete", "sme-color-red"], ["type", "button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-icon", "sme-icon-add", "sme-margin-bottom-xs", 3, "smeDisabled", "title", "click"], ["addButton", ""]], template: function ArrayFormFieldComponent_Template(rf, ctx) {
+        }, inputs: { adjustControlButtonLocation: "adjustControlButtonLocation", newItem: "newItem", showAdd: "showAdd", showRemove: "showRemove", showMove: "showMove", canCloseAll: "canCloseAll", canCloseAny: "canCloseAny", canOpenMultiple: "canOpenMultiple", maxItems: "maxItems", addButtonText: "addButtonText", headerTemplate: "headerTemplate", itemTitle: "itemTitle" }, outputs: { askForNewItem: "askForNewItem", askForItemHeader: "askForItemHeader", askForRemoveEvaluator: "askForRemoveEvaluator" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c2$7, decls: 8, vars: 8, consts: [[3, "formField"], [1, "sme-array"], [3, "canCloseAny", "canCloseAll", "canOpenMultiple"], [3, "header", "isExpandable", 4, "ngFor", "ngForOf"], ["type", "button", "data-uta-id", "add-button", "class", "sme-button-trigger sme-button-auto-width sme-icon sme-icon-add sme-margin-bottom-xs", 3, "smeDisabled", "title", "click", 4, "ngIf"], [3, "alert"], ["aria-live", "assertive", "aria-relevant", "all", 1, "sme-screen-reader"], [3, "header", "isExpandable"], ["smeTemplateOutlet", "", "hostDataName", "context", 3, "template", "data", "hostData", 4, "ngIf"], ["type", "button", "class", "sme-button-trigger sme-button-auto-width sme-form-field-height sme-padding-horizontal-xs", "data-uta-id", "promote-button", 3, "title", "smeDisabled", "click", 4, "ngIf"], ["type", "button", "class", "sme-button-trigger sme-button-auto-width sme-form-field-height sme-padding-horizontal-xs", "data-uta-id", "demote-button", 3, "title", "smeDisabled", "click", 4, "ngIf"], ["type", "button", "class", "sme-button-trigger sme-button-auto-width sme-form-field-height sme-padding-horizontal-xs", "data-uta-id", "remove-button", 3, "title", "smeDisabled", "click", 4, "ngIf"], [1, "sme-screen-reader", 3, "id"], [1, "sme-arrange-stack-h", "sme-margin-bottom-lg", "sme-array-item"], [1, "sme-position-flex-auto", "sme-padding-inset-md", 3, "id"], ["smeTemplateOutlet", "", "hostDataName", "context", 3, "template", "data", "hostData"], ["type", "button", "data-uta-id", "promote-button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-form-field-height", "sme-padding-horizontal-xs", 3, "title", "smeDisabled", "click"], [1, "sme-icon", "sme-icon-up"], ["type", "button", "data-uta-id", "demote-button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-form-field-height", "sme-padding-horizontal-xs", 3, "title", "smeDisabled", "click"], [1, "sme-icon", "sme-icon-down"], ["type", "button", "data-uta-id", "remove-button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-form-field-height", "sme-padding-horizontal-xs", 3, "title", "smeDisabled", "click"], [1, "sme-icon", "sme-icon-delete", "sme-color-red"], ["type", "button", "data-uta-id", "add-button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-icon", "sme-icon-add", "sme-margin-bottom-xs", 3, "smeDisabled", "title", "click"], ["addButton", ""]], template: function ArrayFormFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "sme-form-field-layout", 0);
                 i0.ɵɵelementStart(1, "div", 1);
                 i0.ɵɵelementStart(2, "sme-accordion", 2);
-                i0.ɵɵtemplate(3, ArrayFormFieldComponent_sme_accordion_panel_3_Template, 11, 23, "sme-accordion-panel", 3);
+                i0.ɵɵtemplate(3, ArrayFormFieldComponent_sme_accordion_panel_3_Template, 11, 19, "sme-accordion-panel", 3);
                 i0.ɵɵelementEnd();
                 i0.ɵɵtemplate(4, ArrayFormFieldComponent_button_4_Template, 3, 4, "button", 4);
                 i0.ɵɵelementEnd();
@@ -17369,7 +17544,7 @@
                 i0.ɵɵadvance(2);
                 i0.ɵɵtextInterpolate(ctx.screenReaderEvent);
             }
-        }, directives: [FormFieldLayoutComponent, AccordionComponent, i1$1.NgForOf, i1$1.NgIf, ValidationAlertComponent, AccordionPanelComponent, PanelControlComponent, TemplateOutletDirective, FieldsetDirective, TooltipDirective, DisabledDirective], encapsulation: 2 });
+        }, directives: [FormFieldLayoutComponent, AccordionComponent, i1$1.NgForOf, i1$1.NgIf, ValidationAlertComponent, AccordionPanelComponent, PanelControlComponent, FieldsetDirective, TemplateOutletDirective, TooltipDirective, DisabledDirective], encapsulation: 2 });
     exports.ArrayFormFieldComponent = __decorate([
         SmeSchemaProperty({
             type: exports.SchemaPrimitiveType.Array,
@@ -19630,7 +19805,7 @@
         return SearchFormFieldComponent;
     }(SmeInternalFormFieldComponent));
     /** @nocollapse */ SearchFormFieldComponent.ɵfac = function SearchFormFieldComponent_Factory(t) { return new (t || SearchFormFieldComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ SearchFormFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SearchFormFieldComponent, selectors: [["sme-form-field", "type", "search"]], inputs: { count: "count", searching: "searching", trimSearch: "trimSearch", emphasizeSearchButton: "emphasizeSearchButton", searchButtonText: "searchButtonText", disableSearchButton: "disableSearchButton" }, outputs: { search: "search", deliberateSearch: "deliberateSearch" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$u, decls: 11, vars: 17, consts: [[3, "formField"], [1, "sme-searchbox", "sme-searchbox-button-icon"], ["type", "search", 3, "required", "autofocus", "disabled", "ngModel", "placeholder", "ngModelChange", "keydown.Enter"], [4, "ngIf"], [1, "sme-screen-reader", 3, "id"], ["aria-live", "polite", "aria-relevant", "all", 4, "ngIf"], [3, "alert"], ["type", "button", "class", "sme-button-trigger sme-button-auto-width sme-form-field-height", 3, "smeDisabled", "title", "click", 4, "ngIf"], ["type", "button", "class", "sme-button-primary sme-button-auto-width sme-form-field-height", 3, "smeDisabled", "click", 4, "ngIf"], ["type", "button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-form-field-height", 3, "smeDisabled", "title", "click"], [1, "sme-icon", "sme-icon-search"], ["type", "button", 1, "sme-button-primary", "sme-button-auto-width", "sme-form-field-height", 3, "smeDisabled", "click"], [1, "sme-icon", "sme-icon-search", "sme-margin-right-xs"], [1, "sme-icon", "sme-icon-search", "sme-margin-right-xs", "sme-margin-top-xs", 3, "click"], ["aria-live", "polite", "aria-relevant", "all"]], template: function SearchFormFieldComponent_Template(rf, ctx) {
+    /** @nocollapse */ SearchFormFieldComponent.ɵcmp = i0.ɵɵdefineComponent({ type: SearchFormFieldComponent, selectors: [["sme-form-field", "type", "search"]], inputs: { count: "count", searching: "searching", trimSearch: "trimSearch", emphasizeSearchButton: "emphasizeSearchButton", searchButtonText: "searchButtonText", disableSearchButton: "disableSearchButton" }, outputs: { search: "search", deliberateSearch: "deliberateSearch" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$u, decls: 11, vars: 17, consts: [[3, "formField"], [1, "sme-searchbox", "sme-searchbox-button-icon"], ["type", "search", 3, "required", "autofocus", "disabled", "ngModel", "placeholder", "ngModelChange", "keydown.Enter"], [4, "ngIf"], [1, "sme-screen-reader", 3, "id"], ["aria-live", "polite", "aria-relevant", "all", 4, "ngIf"], [3, "alert"], ["type", "button", "class", "sme-button-trigger sme-button-auto-width sme-form-field-height", "data-uta-id", "search-button", 3, "smeDisabled", "title", "click", 4, "ngIf"], ["type", "button", "class", "sme-button-primary sme-button-auto-width sme-form-field-height", "data-uta-id", "search-button", 3, "smeDisabled", "click", 4, "ngIf"], ["type", "button", "data-uta-id", "search-button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-form-field-height", 3, "smeDisabled", "title", "click"], [1, "sme-icon", "sme-icon-search"], ["type", "button", "data-uta-id", "search-button", 1, "sme-button-primary", "sme-button-auto-width", "sme-form-field-height", 3, "smeDisabled", "click"], [1, "sme-icon", "sme-icon-search", "sme-margin-right-xs"], [1, "sme-icon", "sme-icon-search", "sme-margin-right-xs", "sme-margin-top-xs", 3, "click"], ["aria-live", "polite", "aria-relevant", "all"]], template: function SearchFormFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "sme-form-field-layout", 0);
                 i0.ɵɵelementStart(1, "div", 1);
@@ -19858,14 +20033,14 @@
             var ctx_r9 = i0.ɵɵnextContext();
             i0.ɵɵclassProp("sme-selected", option_r22.isSelected);
             i0.ɵɵproperty("disabled", option_r22.disabled);
-            i0.ɵɵattribute("aria-selected", option_r22.isSelected)("aria-label", option_r22.toString());
+            i0.ɵɵattribute("aria-selected", option_r22.isSelected)("aria-label", option_r22.toString())("data-uta-id", option_r22.utaId ? option_r22.utaId : option_r22.value);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("smeTooltip", option_r22.disabled ? null : option_r22.resolvedTooltipTemplate)("smeTooltipContext", option_r22.disabled ? null : option_r22.tooltipContext || option_r22);
             i0.ɵɵadvance(1);
             i0.ɵɵclassProp("sme-arrange-ellipsis", !ctx_r9.overflowWrap)("sme-combobox-option-wrap", ctx_r9.overflowWrap);
             i0.ɵɵproperty("title", option_r22.resolvedTitle);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(option_r22.toString());
+            i0.ɵɵtextInterpolate1("", option_r22.toString(), " ");
         }
     }
     function ComboboxFormFieldComponent_ng_template_18_Template(rf, ctx) {
@@ -19876,9 +20051,10 @@
             i0.ɵɵelementStart(2, "input", 28);
             i0.ɵɵlistener("change", function ComboboxFormFieldComponent_ng_template_18_Template_input_change_2_listener() { i0.ɵɵrestoreView(_r27_1); var option_r25 = ctx.$implicit; var ctx_r26 = i0.ɵɵnextContext(); return ctx_r26.toggleOption(option_r25, !option_r25.isSelected); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "span", 29);
-            i0.ɵɵelementStart(4, "span", 30);
-            i0.ɵɵtext(5);
+            i0.ɵɵtext(3, " [disabled]=\"option.disabled\" class=\"sme-layout-absolute sme-position-inset-none\" /> ");
+            i0.ɵɵelementStart(4, "span", 29);
+            i0.ɵɵelementStart(5, "span", 30);
+            i0.ɵɵtext(6);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -19888,15 +20064,15 @@
             var option_r25 = ctx.$implicit;
             var ctx_r11 = i0.ɵɵnextContext();
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("checked", option_r25.isSelected)("disabled", option_r25.disabled);
-            i0.ɵɵattribute("aria-checked", option_r25.isSelected)("aria-label", option_r25.toString());
-            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("checked", option_r25.isSelected);
+            i0.ɵɵattribute("aria-checked", option_r25.isSelected)("aria-label", option_r25.toString())("data-uta-id", option_r25.utaId ? option_r25.utaId : option_r25.value);
+            i0.ɵɵadvance(2);
             i0.ɵɵclassProp("sme-combobox-option-wrap", ctx_r11.overflowWrap);
             i0.ɵɵproperty("smeTooltip", option_r25.disabled ? null : option_r25.resolvedTooltipTemplate)("title", option_r25.resolvedTitle)("smeTooltipContext", option_r25.disabled ? null : option_r25.tooltipContext || option_r25);
             i0.ɵɵadvance(1);
             i0.ɵɵclassProp("sme-arrange-ellipsis", !ctx_r11.overflowWrap);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(option_r25.toString());
+            i0.ɵɵtextInterpolate1("", option_r25.toString(), " ");
         }
     }
     var _c5 = function (a0) { return { "max-width.px": a0 }; };
@@ -20220,7 +20396,7 @@
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.listboxElement = _t.first);
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dropDown = _t.first);
             }
-        }, inputs: { multiple: "multiple", overflowWrap: "overflowWrap", maintainSearch: "maintainSearch", dropdownApplyFormFieldOffsetWidth: "dropdownApplyFormFieldOffsetWidth" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c4$1, decls: 20, vars: 30, consts: [[3, "formField"], [1, "sme-combobox", "sme-focus-zone", "sme-form-field-editor", 3, "autoToggle", "disabled", "calculateHeight", "dropdownApplyFormFieldOffsetWidth", "toggled"], ["dropDown", ""], [1, "sme-combobox-header", "sme-dropdown-toggle", 3, "keydown", "keypress"], ["dropdownHeader", ""], ["type", "text", "role", "combobox", "readonly", "", "spellcheck", "false", "autocapitalize", "off", "autocomplete", "off", 3, "value", "placeholder", "click"], ["textInput", ""], ["type", "button", "tabindex", "-1", "role", "presentation", "aria-hidden", "true", 1, "sme-button-trigger", "sme-button-auto-width", 3, "click"], [1, "sme-icon", "sme-icon-chevronDown"], ["role", "listbox", 1, "sme-dropdown-content", "sme-dropdown-content-inherit-container-height", 3, "ngStyle", "id", "keydown"], ["listbox", ""], [3, "sme-padding-squish-v-xs", "keydown", 4, "ngIf"], ["class", "sme-checkbox sme-dropdown-interaction-enabled", "role", "option", 3, "sme-layout-none", 4, "ngIf"], [4, "ngIf"], [3, "alert"], ["singleSelectTemplate", ""], ["multiSelectTemplate", ""], [3, "keydown"], ["name", "searchStringValue", "type", "search", 3, "disableSearchButton", "placeholder", "label", "id", "count", "ngModel", "ngModelChange"], ["role", "option", 1, "sme-checkbox", "sme-dropdown-interaction-enabled"], [1, "sme-position-stretch-h", "sme-arrange-word-break-all"], ["type", "checkbox", "role", "checkbox", 1, "sme-layout-absolute", "sme-position-inset-none", 3, "checked", "change"], ["aria-hidden", "true"], [4, "ngFor", "ngForOf", "ngForTrackBy"], ["smeTemplateOutlet", "", 3, "template", "data"], ["type", "button", "role", "option", 3, "disabled", "click"], [3, "smeTooltip", "smeTooltipContext"], [1, "sme-layout-float-left", 3, "title"], ["type", "checkbox", "role", "checkbox", 1, "sme-layout-absolute", "sme-position-inset-none", 3, "checked", "disabled", "change"], ["aria-hidden", "true", 1, "sme-position-stretch-h", "sme-layout-float-left", 3, "smeTooltip", "title", "smeTooltipContext"], [1, "sme-position-stretch-h", "sme-layout-float-left"]], template: function ComboboxFormFieldComponent_Template(rf, ctx) {
+        }, inputs: { multiple: "multiple", overflowWrap: "overflowWrap", maintainSearch: "maintainSearch", dropdownApplyFormFieldOffsetWidth: "dropdownApplyFormFieldOffsetWidth" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c4$1, decls: 20, vars: 30, consts: [[3, "formField"], [1, "sme-combobox", "sme-focus-zone", "sme-form-field-editor", 3, "autoToggle", "disabled", "calculateHeight", "dropdownApplyFormFieldOffsetWidth", "toggled"], ["dropDown", ""], [1, "sme-combobox-header", "sme-dropdown-toggle", 3, "keydown", "keypress"], ["dropdownHeader", ""], ["type", "text", "role", "combobox", "readonly", "", "spellcheck", "false", "autocapitalize", "off", "autocomplete", "off", 3, "value", "placeholder", "click"], ["textInput", ""], ["type", "button", "tabindex", "-1", "role", "presentation", "aria-hidden", "true", 1, "sme-button-trigger", "sme-button-auto-width", 3, "click"], [1, "sme-icon", "sme-icon-chevronDown"], ["role", "listbox", 1, "sme-dropdown-content", "sme-dropdown-content-inherit-container-height", 3, "ngStyle", "id", "keydown"], ["listbox", ""], [3, "sme-padding-squish-v-xs", "keydown", 4, "ngIf"], ["class", "sme-checkbox sme-dropdown-interaction-enabled", "role", "option", 3, "sme-layout-none", 4, "ngIf"], [4, "ngIf"], [3, "alert"], ["singleSelectTemplate", ""], ["multiSelectTemplate", ""], [3, "keydown"], ["name", "searchStringValue", "type", "search", 3, "disableSearchButton", "placeholder", "label", "id", "count", "ngModel", "ngModelChange"], ["role", "option", 1, "sme-checkbox", "sme-dropdown-interaction-enabled"], [1, "sme-position-stretch-h", "sme-arrange-word-break-all"], ["type", "checkbox", "role", "checkbox", 1, "sme-layout-absolute", "sme-position-inset-none", 3, "checked", "change"], ["aria-hidden", "true"], [4, "ngFor", "ngForOf", "ngForTrackBy"], ["smeTemplateOutlet", "", 3, "template", "data"], ["type", "button", "role", "option", 3, "disabled", "click"], [3, "smeTooltip", "smeTooltipContext"], [1, "sme-layout-float-left", 3, "title"], ["type", "checkbox", "role", "checkbox", 3, "checked", "change"], ["aria-hidden", "true", 1, "sme-position-stretch-h", "sme-layout-float-left", 3, "smeTooltip", "title", "smeTooltipContext"], [1, "sme-position-stretch-h", "sme-layout-float-left"]], template: function ComboboxFormFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 var _r28_1 = i0.ɵɵgetCurrentView();
                 i0.ɵɵelementStart(0, "sme-form-field-layout", 0);
@@ -20245,8 +20421,8 @@
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
                 i0.ɵɵelement(15, "sme-validation-alert", 14);
-                i0.ɵɵtemplate(16, ComboboxFormFieldComponent_ng_template_16_Template, 4, 13, "ng-template", null, 15, i0.ɵɵtemplateRefExtractor);
-                i0.ɵɵtemplate(18, ComboboxFormFieldComponent_ng_template_18_Template, 6, 12, "ng-template", null, 16, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵtemplate(16, ComboboxFormFieldComponent_ng_template_16_Template, 4, 14, "ng-template", null, 15, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵtemplate(18, ComboboxFormFieldComponent_ng_template_18_Template, 7, 12, "ng-template", null, 16, i0.ɵɵtemplateRefExtractor);
                 i0.ɵɵelementEnd();
             }
             if (rf & 2) {
@@ -20821,7 +20997,7 @@
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.calendar = _t.first);
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.clock = _t.first);
             }
-        }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$5, decls: 24, vars: 27, consts: [[3, "formField"], [1, "sme-arrange-stack-h", "sme-focus-zone", "sme-form-field-editor"], [1, "sme-combobox", 3, "autoToggle", "disabled", "autoWidth", "toggled"], ["dropDown", ""], [1, "sme-combobox-header", "sme-dropdown-toggle", 3, "keydown"], ["dropdownHeader", ""], ["type", "text", "role", "combobox", "spellcheck", "false", "autocapitalize", "off", "autocomplete", "off", 3, "ngModel", "placeholder", "ngModelChange"], ["textInput", ""], ["type", "button", "tabindex", "-1", "role", "presentation", "aria-hidden", "true", 1, "sme-button-trigger", "sme-button-auto-width", 3, "click"], ["dropDownButton", ""], [1, "sme-icon", "sme-icon-dateTime2"], [1, "sme-dropdown-content", "sme-dropdown-interaction-enabled", "sme-focus-trap", 3, "id"], [1, "sme-datetime-dropdown"], [1, "sme-datetime-main-content"], ["type", "calendar", "orientation", "vertical", 3, "ngModel", "required", "hideHeader", "ngModelChange"], ["calendar", ""], ["type", "clock", "orientation", "vertical", 3, "ngModel", "required", "hideHeader", "ngModelChange"], ["clock", ""], [1, "sme-datetime-confirmation"], ["tabindex", "0", 3, "click"], [1, "sme-icon", "sme-icon-size-xxs", "sme-icon-accept"], [1, "sme-icon", "sme-icon-size-xxs", "sme-icon-clear"], [3, "alert"]], template: function DateTimeFormFieldComponent_Template(rf, ctx) {
+        }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c3$5, decls: 24, vars: 27, consts: [[3, "formField"], [1, "sme-arrange-stack-h", "sme-focus-zone", "sme-form-field-editor"], [1, "sme-combobox", 3, "autoToggle", "disabled", "autoWidth", "toggled"], ["dropDown", ""], [1, "sme-combobox-header", "sme-dropdown-toggle", 3, "keydown"], ["dropdownHeader", ""], ["type", "text", "role", "combobox", "spellcheck", "false", "autocapitalize", "off", "autocomplete", "off", 3, "ngModel", "placeholder", "ngModelChange"], ["textInput", ""], ["type", "button", "tabindex", "-1", "role", "presentation", "aria-hidden", "true", 1, "sme-button-trigger", "sme-button-auto-width", 3, "click"], ["dropDownButton", ""], [1, "sme-icon", "sme-icon-dateTime2"], [1, "sme-dropdown-content", "sme-dropdown-interaction-enabled", "sme-focus-trap", 3, "id"], [1, "sme-datetime-dropdown"], [1, "sme-datetime-main-content"], ["type", "calendar", "orientation", "vertical", 3, "ngModel", "required", "hideHeader", "ngModelChange"], ["calendar", ""], ["type", "clock", "orientation", "vertical", 3, "ngModel", "required", "hideHeader", "ngModelChange"], ["clock", ""], [1, "sme-datetime-confirmation"], ["tabindex", "0", 1, "sme-focus-zone", 3, "click"], [1, "sme-icon", "sme-icon-size-xxs", "sme-icon-accept"], [1, "sme-icon", "sme-icon-size-xxs", "sme-icon-clear"], [3, "alert"]], template: function DateTimeFormFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 var _r6_1 = i0.ɵɵgetCurrentView();
                 i0.ɵɵelementStart(0, "sme-form-field-layout", 0);
@@ -22660,7 +22836,7 @@
     var _c0$D = ["type", "orderedlist"];
     function OrderedListFormFieldComponent_div_1_div_1_p_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 13);
+            i0.ɵɵelementStart(0, "p", 14);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
@@ -22674,17 +22850,17 @@
     }
     function OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_ng_container_1_sme_option_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "sme-option", 17);
+            i0.ɵɵelement(0, "sme-option", 18);
         }
         if (rf & 2) {
             var option_r12 = i0.ɵɵnextContext().$implicit;
-            i0.ɵɵproperty("value", option_r12.value)("label", option_r12.toString())("disabled", option_r12.disabled);
+            i0.ɵɵproperty("utaId", option_r12.utaId ? option_r12.utaId : option_r12.value)("value", option_r12.value)("label", option_r12.toString())("disabled", option_r12.disabled);
         }
     }
     function OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
-            i0.ɵɵtemplate(1, OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_ng_container_1_sme_option_1_Template, 1, 3, "sme-option", 16);
+            i0.ɵɵtemplate(1, OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_ng_container_1_sme_option_1_Template, 1, 4, "sme-option", 17);
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -22698,15 +22874,17 @@
     function OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_Template(rf, ctx) {
         if (rf & 1) {
             var _r17_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "sme-form-field", 14);
+            i0.ɵɵelementStart(0, "sme-form-field", 15);
             i0.ɵɵlistener("ngModelChange", function OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_Template_sme_form_field_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r17_1); var i_r4 = i0.ɵɵnextContext().index; var ctx_r16 = i0.ɵɵnextContext(2); return (ctx_r16.value[i_r4] = $event); })("ngModelChange", function OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_Template_sme_form_field_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r17_1); var ctx_r19 = i0.ɵɵnextContext(3); return ctx_r19.triggerValueChange(); })("customValidate", function OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_Template_sme_form_field_customValidate_0_listener() { i0.ɵɵrestoreView(_r17_1); var ctx_r20 = i0.ɵɵnextContext(3); return ctx_r20.newItemCheck(); });
-            i0.ɵɵtemplate(1, OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_ng_container_1_Template, 2, 1, "ng-container", 15);
+            i0.ɵɵtemplate(1, OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_ng_container_1_Template, 2, 1, "ng-container", 16);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var i_r4 = i0.ɵɵnextContext().index;
+            var ctx_r21 = i0.ɵɵnextContext();
+            var item_r3 = ctx_r21.$implicit;
+            var i_r4 = ctx_r21.index;
             var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("hideHeader", true)("valueComparator", ctx_r6.valueComparator)("ngModel", ctx_r6.value[i_r4])("label", ctx_r6.label)("searchable", ctx_r6.searchable);
+            i0.ɵɵproperty("utaId", item_r3 ? item_r3.toString() + "-combobox" : "new-combobox")("hideHeader", true)("valueComparator", ctx_r6.valueComparator)("ngModel", ctx_r6.value[i_r4])("label", ctx_r6.label)("searchable", ctx_r6.searchable);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngForOf", ctx_r6.options);
         }
@@ -22714,9 +22892,9 @@
     function OrderedListFormFieldComponent_div_1_div_1_button_6_Template(rf, ctx) {
         if (rf & 1) {
             var _r24_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 18);
+            i0.ɵɵelementStart(0, "button", 19);
             i0.ɵɵlistener("click", function OrderedListFormFieldComponent_div_1_div_1_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r24_1); var i_r4 = i0.ɵɵnextContext().index; var ctx_r22 = i0.ɵɵnextContext(2); return ctx_r22.promoteItemAt(i_r4); });
-            i0.ɵɵelement(1, "span", 19);
+            i0.ɵɵelement(1, "span", 20);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -22729,9 +22907,9 @@
     function OrderedListFormFieldComponent_div_1_div_1_button_7_Template(rf, ctx) {
         if (rf & 1) {
             var _r28_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 18);
+            i0.ɵɵelementStart(0, "button", 21);
             i0.ɵɵlistener("click", function OrderedListFormFieldComponent_div_1_div_1_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r28_1); var i_r4 = i0.ɵɵnextContext().index; var ctx_r26 = i0.ɵɵnextContext(2); return ctx_r26.demoteItemAt(i_r4); });
-            i0.ɵɵelement(1, "span", 20);
+            i0.ɵɵelement(1, "span", 22);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -22744,9 +22922,9 @@
     function OrderedListFormFieldComponent_div_1_div_1_button_8_Template(rf, ctx) {
         if (rf & 1) {
             var _r32_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 21);
+            i0.ɵɵelementStart(0, "button", 23);
             i0.ɵɵlistener("click", function OrderedListFormFieldComponent_div_1_div_1_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r32_1); var i_r4 = i0.ɵɵnextContext().index; var ctx_r30 = i0.ɵɵnextContext(2); return ctx_r30.removeItemAt(i_r4); });
-            i0.ɵɵelement(1, "span", 22);
+            i0.ɵɵelement(1, "span", 24);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -22763,16 +22941,18 @@
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(3, OrderedListFormFieldComponent_div_1_div_1_p_3_Template, 2, 2, "p", 8);
             i0.ɵɵelementStart(4, "div", 9);
-            i0.ɵɵtemplate(5, OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_Template, 2, 6, "sme-form-field", 10);
+            i0.ɵɵtemplate(5, OrderedListFormFieldComponent_div_1_div_1_sme_form_field_5_Template, 2, 7, "sme-form-field", 10);
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(6, OrderedListFormFieldComponent_div_1_div_1_button_6_Template, 2, 4, "button", 11);
-            i0.ɵɵtemplate(7, OrderedListFormFieldComponent_div_1_div_1_button_7_Template, 2, 4, "button", 11);
-            i0.ɵɵtemplate(8, OrderedListFormFieldComponent_div_1_div_1_button_8_Template, 2, 3, "button", 12);
+            i0.ɵɵtemplate(7, OrderedListFormFieldComponent_div_1_div_1_button_7_Template, 2, 4, "button", 12);
+            i0.ɵɵtemplate(8, OrderedListFormFieldComponent_div_1_div_1_button_8_Template, 2, 3, "button", 13);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
+            var item_r3 = ctx.$implicit;
             var i_r4 = ctx.index;
             var ctx_r1 = i0.ɵɵnextContext(2);
+            i0.ɵɵattribute("data-uta-id", item_r3 ? item_r3.toString() + "-row" : "new-item-row");
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("id", ctx_r1.idBag.detailsSpan + i_r4);
             i0.ɵɵadvance(1);
@@ -22794,7 +22974,7 @@
     function OrderedListFormFieldComponent_div_1_button_2_Template(rf, ctx) {
         if (rf & 1) {
             var _r34_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 23);
+            i0.ɵɵelementStart(0, "button", 25);
             i0.ɵɵlistener("click", function OrderedListFormFieldComponent_div_1_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r34_1); var ctx_r33 = i0.ɵɵnextContext(2); return ctx_r33.addListItem(); });
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
@@ -22810,7 +22990,7 @@
     function OrderedListFormFieldComponent_div_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 3);
-            i0.ɵɵtemplate(1, OrderedListFormFieldComponent_div_1_div_1_Template, 9, 9, "div", 4);
+            i0.ɵɵtemplate(1, OrderedListFormFieldComponent_div_1_div_1_Template, 9, 10, "div", 4);
             i0.ɵɵtemplate(2, OrderedListFormFieldComponent_div_1_button_2_Template, 2, 4, "button", 5);
             i0.ɵɵelementEnd();
         }
@@ -23094,7 +23274,7 @@
             if (rf & 2) {
                 i0.ɵɵattribute("aria-label", ctx.ariaLabel);
             }
-        }, inputs: { showAddRemove: "showAddRemove", showMove: "showMove", showSelect: "showSelect", addButtonText: "addButtonText", searchable: "searchable", allowEmpty: "allowEmpty" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$D, decls: 3, vars: 3, consts: [[3, "formField"], ["class", "sme-margin-bottom-xs sme-form-field-editor", 4, "ngIf"], [3, "alert"], [1, "sme-margin-bottom-xs", "sme-form-field-editor"], ["class", "sme-arrange-stack-h sme-margin-bottom-xs sme-form-field-width", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["type", "button", "class", "sme-button-trigger sme-button-auto-width sme-icon sme-icon-add sme-margin-bottom-xs", 3, "smeDisabled", "title", "click", 4, "ngIf"], [1, "sme-arrange-stack-h", "sme-margin-bottom-xs", "sme-form-field-width"], [1, "sme-screen-reader", 3, "id"], ["class", "sme-position-flex-auto", "role", "textbox", "tabindex", "0", 4, "ngIf"], [1, "sme-layout-relative", "sme-position-flex-auto"], ["type", "combobox", 3, "hideHeader", "valueComparator", "ngModel", "label", "searchable", "ngModelChange", "customValidate", 4, "ngIf"], ["type", "button", "class", "sme-button-trigger sme-position-flex-none sme-button-auto-width sme-form-field-height", 3, "id", "title", "smeDisabled", "click", 4, "ngIf"], ["type", "button", "class", "sme-button-trigger sme-position-flex-none sme-button-auto-width sme-form-field-height", 3, "title", "smeDisabled", "click", 4, "ngIf"], ["role", "textbox", "tabindex", "0", 1, "sme-position-flex-auto"], ["type", "combobox", 3, "hideHeader", "valueComparator", "ngModel", "label", "searchable", "ngModelChange", "customValidate"], [4, "ngFor", "ngForOf"], [3, "value", "label", "disabled", 4, "ngIf"], [3, "value", "label", "disabled"], ["type", "button", 1, "sme-button-trigger", "sme-position-flex-none", "sme-button-auto-width", "sme-form-field-height", 3, "id", "title", "smeDisabled", "click"], [1, "sme-icon", "sme-icon-up"], [1, "sme-icon", "sme-icon-down"], ["type", "button", 1, "sme-button-trigger", "sme-position-flex-none", "sme-button-auto-width", "sme-form-field-height", 3, "title", "smeDisabled", "click"], [1, "sme-icon", "sme-icon-cancel", "sme-color-red"], ["type", "button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-icon", "sme-icon-add", "sme-margin-bottom-xs", 3, "smeDisabled", "title", "click"]], template: function OrderedListFormFieldComponent_Template(rf, ctx) {
+        }, inputs: { showAddRemove: "showAddRemove", showMove: "showMove", showSelect: "showSelect", addButtonText: "addButtonText", searchable: "searchable", allowEmpty: "allowEmpty" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$D, decls: 3, vars: 3, consts: [[3, "formField"], ["class", "sme-margin-bottom-xs sme-form-field-editor", 4, "ngIf"], [3, "alert"], [1, "sme-margin-bottom-xs", "sme-form-field-editor"], ["class", "sme-arrange-stack-h sme-margin-bottom-xs sme-form-field-width", 4, "ngFor", "ngForOf", "ngForTrackBy"], ["type", "button", "class", "sme-button-trigger sme-button-auto-width sme-icon sme-icon-add sme-margin-bottom-xs", "data-uta-id", "add-button", 3, "smeDisabled", "title", "click", 4, "ngIf"], [1, "sme-arrange-stack-h", "sme-margin-bottom-xs", "sme-form-field-width"], [1, "sme-screen-reader", 3, "id"], ["class", "sme-position-flex-auto", "role", "textbox", "tabindex", "0", 4, "ngIf"], [1, "sme-layout-relative", "sme-position-flex-auto"], ["type", "combobox", 3, "utaId", "hideHeader", "valueComparator", "ngModel", "label", "searchable", "ngModelChange", "customValidate", 4, "ngIf"], ["type", "button", "class", "sme-button-trigger sme-position-flex-none sme-button-auto-width sme-form-field-height", "data-uta-id", "promote-button", 3, "id", "title", "smeDisabled", "click", 4, "ngIf"], ["type", "button", "class", "sme-button-trigger sme-position-flex-none sme-button-auto-width sme-form-field-height", "data-uta-id", "demote-button", 3, "id", "title", "smeDisabled", "click", 4, "ngIf"], ["type", "button", "class", "sme-button-trigger sme-position-flex-none sme-button-auto-width sme-form-field-height", "data-uta-id", "remove-button", 3, "title", "smeDisabled", "click", 4, "ngIf"], ["role", "textbox", "tabindex", "0", 1, "sme-position-flex-auto"], ["type", "combobox", 3, "utaId", "hideHeader", "valueComparator", "ngModel", "label", "searchable", "ngModelChange", "customValidate"], [4, "ngFor", "ngForOf"], [3, "utaId", "value", "label", "disabled", 4, "ngIf"], [3, "utaId", "value", "label", "disabled"], ["type", "button", "data-uta-id", "promote-button", 1, "sme-button-trigger", "sme-position-flex-none", "sme-button-auto-width", "sme-form-field-height", 3, "id", "title", "smeDisabled", "click"], [1, "sme-icon", "sme-icon-up"], ["type", "button", "data-uta-id", "demote-button", 1, "sme-button-trigger", "sme-position-flex-none", "sme-button-auto-width", "sme-form-field-height", 3, "id", "title", "smeDisabled", "click"], [1, "sme-icon", "sme-icon-down"], ["type", "button", "data-uta-id", "remove-button", 1, "sme-button-trigger", "sme-position-flex-none", "sme-button-auto-width", "sme-form-field-height", 3, "title", "smeDisabled", "click"], [1, "sme-icon", "sme-icon-cancel", "sme-color-red"], ["type", "button", "data-uta-id", "add-button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-icon", "sme-icon-add", "sme-margin-bottom-xs", 3, "smeDisabled", "title", "click"]], template: function OrderedListFormFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "sme-form-field-layout", 0);
                 i0.ɵɵtemplate(1, OrderedListFormFieldComponent_div_1_Template, 3, 3, "div", 1);
@@ -23585,7 +23765,7 @@
             var ctx_r5 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("name", ctx_r5.idBag.groupName)("value", option_r3.value)("ngModel", ctx_r5.value)("disabled", ctx_r5.loadingOrDisabled || option_r3.disabled);
-            i0.ɵɵattribute("aria-label", option_r3.label)("aria-describedby", option_r3.description)("aria-checked", option_r3.isSelected)("name", ctx_r5.idBag.groupName)("aria-required", ctx_r5.required);
+            i0.ɵɵattribute("aria-label", option_r3.label)("aria-describedby", option_r3.description)("aria-checked", option_r3.isSelected)("name", ctx_r5.idBag.groupName)("data-uta-id", option_r3.utaId)("aria-required", ctx_r5.required);
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(option_r3.label);
             i0.ɵɵadvance(1);
@@ -23601,7 +23781,7 @@
     function RadioGroupFormFieldComponent_ng_container_1_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
-            i0.ɵɵtemplate(1, RadioGroupFormFieldComponent_ng_container_1_ng_container_1_ng_container_1_Template, 11, 14, "ng-container", 1);
+            i0.ɵɵtemplate(1, RadioGroupFormFieldComponent_ng_container_1_ng_container_1_ng_container_1_Template, 11, 15, "ng-container", 1);
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -23679,7 +23859,7 @@
             var ctx_r24 = i0.ɵɵnextContext(2);
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("name", ctx_r24.idBag.groupName)("value", option_r22.value)("ngModel", ctx_r24.value)("disabled", ctx_r24.loadingOrDisabled || option_r22.disabled);
-            i0.ɵɵattribute("aria-label", option_r22.label)("aria-describedby", option_r22.description)("aria-checked", option_r22.isSelected)("name", ctx_r24.idBag.groupName)("aria-required", ctx_r24.required);
+            i0.ɵɵattribute("aria-label", option_r22.label)("aria-describedby", option_r22.description)("aria-checked", option_r22.isSelected)("name", ctx_r24.idBag.groupName)("data-uta-id", option_r22.utaId)("aria-required", ctx_r24.required);
             i0.ɵɵadvance(3);
             i0.ɵɵtextInterpolate(option_r22.label);
             i0.ɵɵadvance(1);
@@ -23693,7 +23873,7 @@
     function RadioGroupFormFieldComponent_ng_container_2_ng_container_1_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainerStart(0);
-            i0.ɵɵtemplate(1, RadioGroupFormFieldComponent_ng_container_2_ng_container_1_ng_container_1_Template, 11, 13, "ng-container", 1);
+            i0.ɵɵtemplate(1, RadioGroupFormFieldComponent_ng_container_2_ng_container_1_ng_container_1_Template, 11, 14, "ng-container", 1);
             i0.ɵɵelementContainerEnd();
         }
         if (rf & 2) {
@@ -24848,7 +25028,7 @@
             if (rf & 2) {
                 i0.ɵɵattribute("aria-label", ctx.ariaLabel);
             }
-        }, inputs: { tagSplitCharacter: "tagSplitCharacter", textButton: "textButton", compact: "compact", suggestions: "suggestions" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c1$j, decls: 14, vars: 15, consts: [[3, "formField"], [1, "sme-tags-input", "sme-focus-zone"], ["class", "sme-tag", 4, "ngFor", "ngForOf"], [1, "sme-tag"], [1, "sme-screen-reader", 3, "id"], ["type", "text", "autocomplete", "off", 1, "sme-tag-input", 3, "disabled", "ngModel", "ngModelChange", "keydown.enter", "blur", "focus", "keypress"], ["newTagInput", ""], [3, "id"], [4, "ngFor", "ngForOf"], ["type", "button", "role", "button", 1, "sme-button-trigger", "sme-tag-button", "sme-button-auto-width", "sme-tag-button-add", 3, "click"], [1, "sme-icon", "sme-icon-add", "sme-icon-size-xxs"], [4, "ngIf"], [3, "alert"], [1, "sme-tag-content"], ["type", "button", "role", "button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-tag-button", "sme-tag-button-delete", 3, "title", "click"], [1, "sme-icon", "sme-icon-clear", "sme-icon-size-xxs"]], template: function TagsFormFieldComponent_Template(rf, ctx) {
+        }, inputs: { tagSplitCharacter: "tagSplitCharacter", textButton: "textButton", compact: "compact", suggestions: "suggestions" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c1$j, decls: 14, vars: 15, consts: [[3, "formField"], [1, "sme-tags-input", "sme-focus-zone"], ["class", "sme-tag", 4, "ngFor", "ngForOf"], [1, "sme-tag"], [1, "sme-screen-reader", 3, "id"], ["type", "text", "autocomplete", "off", "data-uta-id", "tag-add-input", 1, "sme-tag-input", 3, "disabled", "ngModel", "ngModelChange", "keydown.enter", "blur", "focus", "keypress"], ["newTagInput", ""], [3, "id"], [4, "ngFor", "ngForOf"], ["type", "button", "role", "button", "data-uta-id", "tag-add-button", 1, "sme-button-trigger", "sme-tag-button", "sme-button-auto-width", "sme-tag-button-add", 3, "click"], [1, "sme-icon", "sme-icon-add", "sme-icon-size-xxs"], [4, "ngIf"], [3, "alert"], [1, "sme-tag-content"], ["type", "button", "role", "button", 1, "sme-button-trigger", "sme-button-auto-width", "sme-tag-button", "sme-tag-button-delete", 3, "title", "click"], [1, "sme-icon", "sme-icon-clear", "sme-icon-size-xxs"]], template: function TagsFormFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "sme-form-field-layout", 0);
                 i0.ɵɵelementStart(1, "div", 1);
@@ -26658,7 +26838,7 @@
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.bodyReadTemplate = _t.first);
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.bodyEditTemplate = _t.first);
             }
-        }, inputs: { field: "field", header: "header", sortable: "sortable", width: "width", hidden: "hidden", getTooltipHandler: "getTooltipHandler", compareFunction: "compareFunction", filterOverridingFunction: "filterOverridingFunction", selectionMode: "selectionMode", styleClass: "styleClass", searchable: "searchable", queryEditorType: "queryEditorType", queryEditorOptions: "queryEditorOptions", queryEditorEqualIsContain: "queryEditorEqualIsContain" }, decls: 0, vars: 0, template: function DataTableColumnComponent_Template(rf, ctx) { }, encapsulation: 2 });
+        }, inputs: { utaId: "utaId", field: "field", header: "header", sortable: "sortable", width: "width", hidden: "hidden", getTooltipHandler: "getTooltipHandler", compareFunction: "compareFunction", filterOverridingFunction: "filterOverridingFunction", selectionMode: "selectionMode", styleClass: "styleClass", searchable: "searchable", queryEditorType: "queryEditorType", queryEditorOptions: "queryEditorOptions", queryEditorEqualIsContain: "queryEditorEqualIsContain" }, decls: 0, vars: 0, template: function DataTableColumnComponent_Template(rf, ctx) { }, encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataTableColumnComponent, [{
                 type: i0.Component,
@@ -26666,7 +26846,9 @@
                         selector: 'sme-data-table-column:not([type]), sme-tree-table-column:not([type])',
                         template: ''
                     }]
-            }], null, { field: [{
+            }], null, { utaId: [{
+                    type: i0.Input
+                }], field: [{
                     type: i0.Input
                 }], header: [{
                     type: i0.Input
@@ -27317,8 +27499,8 @@
             var colIndex_r19 = ctx.index;
             var ctx_r3 = i0.ɵɵnextContext();
             i0.ɵɵclassMapInterpolate1("sme-table-caption sme-table-column-header sme-position-flex-auto ", column_r18.styleClass, "");
-            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(9, _c13, column_r18.width));
-            i0.ɵɵattribute("field", column_r18.field);
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(11, _c13, column_r18.width));
+            i0.ɵɵattribute("field", column_r18.field)("data-uta-id", column_r18.utaId)("column-index", colIndex_r19);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", column_r18.sortable && column_r18.sortable != "false" && ctx_r3.showHeader);
             i0.ɵɵadvance(1);
@@ -28187,8 +28369,8 @@
             var colIndex_r19 = ctx.index;
             var ctx_r3 = i0.ɵɵnextContext();
             i0.ɵɵclassMapInterpolate1("sme-table-caption sme-table-column-header sme-position-flex-auto ", column_r18.styleClass, "");
-            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(9, _c13, column_r18.width));
-            i0.ɵɵattribute("field", column_r18.field);
+            i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(11, _c13, column_r18.width));
+            i0.ɵɵattribute("field", column_r18.field)("data-uta-id", column_r18.utaId)("column-index", colIndex_r19);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", column_r18.sortable && column_r18.sortable != "false" && ctx_r3.showHeader);
             i0.ɵɵadvance(1);
@@ -30644,6 +30826,13 @@
         DataTableComponent.prototype.getNoRecordsMessage = function () {
             return this.noRecordMessage || this.strings.MsftSmeShell.Angular.DataTable.NoRecordsFound;
         };
+        /**
+         * It determines whether to, or not to show the No-Records Message.
+         */
+        DataTableComponent.prototype.showNoRecordsMessage = function () {
+            return (this.renderedItems.length === 0 && !this.lazyLoad) || !this.isColumnWidthCalculated ||
+                (this.lazyLoad && this.items && this.items.length === 0);
+        };
         /**
          * It handles the behavior that when a group toggle is clicked.
          */
@@ -31054,7 +31243,7 @@
                 return this.items && this.items.length || undefined;
             },
             set: function (value) {
-                if (value) {
+                if (value >= 0) {
                     this.items = Array(value);
                     for (var i = 0; i < value; i++) {
                         this.items[i] = null;
@@ -31071,7 +31260,7 @@
          * An example of path is "location.zipCode".
          */
         DataTableComponent.prototype.resolveObjectPath = function (obj, path) {
-            if (path) {
+            if (obj && path) {
                 var pathSegments = path.split('.');
                 if (pathSegments.length === 1) {
                     return obj[path];
@@ -31717,19 +31906,6 @@
             if (this.isComponentInitialized && this.renderedItems) {
                 // Scroll container is the div to render the view port of the data table and to provide the scroll bar.
                 var scrollContainerElement = this.scrollContainerElement.nativeElement;
-                // Scroll body is the div to represent the actual data container.
-                // Its height is the height needed by all the data table items.
-                // When the list is long, this div can be very high and triggers the scroll container to show the scroll bar.
-                var scrollBodyElement = this.scrollBodyElement.nativeElement;
-                // Scroll data element is the div to show the displayed list items in and below the view port.
-                // When the scrolling is happening, we always adjust the top of this div to make sure it remains in the view port.
-                var scrollDataElement = this.scrollDataElement.nativeElement;
-                // "scroll above data" element is the div show the list items above the view port.
-                // We need to render this "above" data seperately
-                // then it's easy for us to find the "top" of the displayed list item in the view port.
-                // Note: the "scroll below data" is rendered in Scroll data element because we don't need to calculate the "top" for it
-                // since anyway it just follow the displayed list items in the view port.
-                var scrollAboveDataElement = this.scrollAboveDataElement.nativeElement;
                 // Calculates how many items can be rendered in the view port.
                 this.renderedItemLengthInViewPort = this.scrollable
                     ? Math.min(this.renderedItems.length, scrollContainerElement.offsetHeight / this.rowHeight)
@@ -32738,7 +32914,7 @@
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.lastFocusableShadowElement = _t.first);
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.dataTableTemplateLoaderComponents = _t);
             }
-        }, inputs: { isBusy: "isBusy", enableRightClickSelect: "enableRightClickSelect", loadingMessage: "loadingMessage", noRecordMessage: "noRecordMessage", editable: "editable", expandTreeNodeOnChecked: "expandTreeNodeOnChecked", isAllEditableRowsVisible: "isAllEditableRowsVisible", scrollableHorizontal: "scrollableHorizontal", lazyLoad: "lazyLoad", rememberTreeNodeToggle: "rememberTreeNodeToggle", rememberSelection: "rememberSelection", preventEnterKeyForDefaultAction: "preventEnterKeyForDefaultAction", getItemIdentityFunction: "getItemIdentityFunction", disableNaturalSort: "disableNaturalSort", shouldScrollToSelectionAfterSorting: "shouldScrollToSelectionAfterSorting", globalFilter: "globalFilter", caseSensitiveFilter: "caseSensitiveFilter", showAsTree: "showAsTree", editableNewDataItem: "editableNewDataItem", items: "items", selection: "selection", selectionMode: "selectionMode", defaultSortColumn: "defaultSortColumn", defaultSortMode: "defaultSortMode", groupColumn: "groupColumn", groupSortMode: "groupSortMode", useGroupToggle: "useGroupToggle", showHeader: "showHeader", tableAriaLabelledBy: "tableAriaLabelledBy", tableAriaLabel: "tableAriaLabel", showGrid: "showGrid", showAllItemCheckbox: "showAllItemCheckbox", selectAndCheck: "selectAndCheck", rowHeight: "rowHeight", linkParentChildrenSelections: "linkParentChildrenSelections", selectItemWhenNavigatingWithKeyboard: "selectItemWhenNavigatingWithKeyboard", showLeftMargin: "showLeftMargin", scrollable: "scrollable", disableUIVirtualization: "disableUIVirtualization", selectable: "selectable", editableAutoNewRow: "editableAutoNewRow", defaultGroupToggleExpanded: "defaultGroupToggleExpanded", autoRowHeight: "autoRowHeight", virtualCount: "virtualCount" }, outputs: { onChangesetUpdated: "onChangesetUpdated", changesetUpdated: "changesetUpdated", selectionChange: "selectionChange", onRowDblclick: "onRowDblclick", rowDblclick: "rowDblclick", onGroupToggleClicked: "onGroupToggleClicked", groupToggleClick: "groupToggleClick", onNewEditableRowAdded: "onNewEditableRowAdded", editableRowAdded: "editableRowAdded", renderedItemsChange: "renderedItemsChange", lazyLoadingData: "lazyLoadingData", onNodeExpand: "onNodeExpand", nodeExpanded: "nodeExpanded", onNodeCollapsed: "onNodeCollapsed", nodeCollapsed: "nodeCollapsed", onNodeSelect: "onNodeSelect", nodeSelected: "nodeSelected", itemsChange: "itemsChange", onFilter: "onFilter", filter: "filter", doCustomSort: "doCustomSort", onRowSelect: "onRowSelect", rowSelected: "rowSelected", onRowUnselect: "onRowUnselect", rowUnselected: "rowUnselected" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 30, vars: 45, consts: [["role", "presentation", 1, "sme-table-header", "sme-focus-zone", "sme-data-table-transition"], ["header", ""], ["role", "rowgroup", 1, "sme-table", "sme-table-virtualized"], ["headerTable", ""], ["role", "row", 1, "sme-table-row", "sme-arrange-stack-h", "sme-position-flex-auto", 3, "keydown"], [1, "sme-table-caption"], ["class", "sme-table-checkbox sme-table-header-checkbox", "role", "presentation", 4, "ngIf"], ["role", "presentation", 3, "ngStyle", "class", 4, "ngFor", "ngForOf"], ["role", "presentation", 1, "sme-focus-zone", "sme-table-container", "sme-data-table-transition"], ["content", ""], ["role", "rowgroup", 1, "sme-table-scroll-container", "sme-layout-absolute", "sme-position-inset-none", 3, "ngClass"], ["scrollContainer", ""], ["role", "row", "class", "sme-table-row sme-table-row-placeholder", "tabindex", "0", 4, "ngIf"], ["role", "presentation", 1, "sme-layout-relative", "sme-position-stretch-h", "sme-arrange-overflow-hide"], ["scrollBody", ""], ["sme-lint-disable", "", 1, "sme-table", "sme-table-scrollable", "sme-table-virtualized", 3, "ngStyle"], ["scrollAboveData", ""], ["class", "sme-table-row sme-table-row-data sme-table-row-selectable", 3, "sme-table-row-active", "sme-table-row-selected", "sme-table-group-item", "sme-table-group-header", "sme-checked", 4, "ngFor", "ngForOf"], ["sme-lint-disable", "", "role", "presentation", 1, "sme-table", "sme-table-scrollable", 3, "ngStyle"], ["scrollData", ""], ["class", "sme-table-row sme-table-row-data sme-table-row-selectable", "role", "row", 3, "sme-table-row-active", "sme-table-row-selected", "sme-table-group-item", "sme-table-group-header", "sme-checked", "sme-table-row-editable", "sme-has-validation-error", "sme-data-table-row-new-item", "keydown", "keyup", "contextmenu", "click", "dblclick", "focus", "focusin", "focusout", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf"], [1, "sme-table-row"], ["tempRow", ""], ["tabindex", "0", 1, "sme-table-td"], [1, "sme-table-cell"], ["class", "sme-focus-zone", "data-sme-last-focusable-shadow-element", "", "tabindex", "0", 3, "focus", 4, "ngIf"], ["class", "sme-layout-absolute sme-position-inset-none", 4, "ngIf"], [1, "sme-width-xxs", "sme-layout-absolute", "sme-position-stretch-v", "sme-background-color-base-80", "sme-layer-flyout", "sme-layout-none"], ["resizerIndicator", ""], ["role", "presentation", 1, "sme-table-checkbox", "sme-table-header-checkbox"], ["sme-lint-disable-self", "", "type", "checkbox", 3, "checked", "change"], ["role", "presentation"], ["role", "presentation", 3, "ngStyle"], ["class", "sme-table-header-cell sme-focus-zone", "role", "columnheader", "aria-live", "polite", "tabindex", "0", 3, "title", "click", 4, "ngIf"], ["class", "sme-table-header-cell", "role", "columnheader", 3, "title", 4, "ngIf"], ["class", "sme-table-header-cell", "role", "columnheader", 4, "ngIf"], ["tabindex", "0", "resizerHostSelector", "div.sme-table-header", "orientation", "left", "class", "sme-focus-zone", 3, "visibleToScreenReader", "showResizerCover", "resized", "resizing", 4, "ngIf"], ["role", "columnheader", "aria-live", "polite", "tabindex", "0", 1, "sme-table-header-cell", "sme-focus-zone", 3, "title", "click"], [1, "sme-icon", "sme-margin-left-xxs", 3, "ngClass"], ["role", "columnheader", 1, "sme-table-header-cell", 3, "title"], ["role", "columnheader", 1, "sme-table-header-cell"], ["tabindex", "0", "resizerHostSelector", "div.sme-table-header", "orientation", "left", 1, "sme-focus-zone", 3, "visibleToScreenReader", "showResizerCover", "resized", "resizing"], ["role", "row", "tabindex", "0", 1, "sme-table-row", "sme-table-row-placeholder"], ["emptyMessage", ""], [3, "message", 4, "ngIf"], [1, "sme-table-cell", "sme-table-cell-placeholder"], ["role", "cell", 1, "sme-table-cell"], [3, "message"], [1, "sme-table-row", "sme-table-row-data", "sme-table-row-selectable"], [1, "sme-arrange-stack-h"], [1, "sme-table-td", "sme-position-flex-auto"], ["class", "sme-table-checkbox", "role", "presentation", 4, "ngIf"], [3, "ngClass", "ngStyle", "class", 4, "ngFor", "ngForOf"], ["role", "presentation", 1, "sme-table-checkbox"], ["type", "checkbox", 3, "checked"], [3, "ngClass", "ngStyle"], ["class", "sme-screen-reader sme-screen-reader-disable-copy", 4, "ngIf"], ["class", "sme-table-cell", 3, "click", 4, "ngIf"], ["class", "sme-table-expander-cell", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "sme-table-expander-cell", 3, "ngStyle", 4, "ngIf"], ["class", "sme-table-cell sme-table-checkbox-container", "role", "presentation", 4, "ngIf"], [4, "ngIf"], [1, "sme-screen-reader", "sme-screen-reader-disable-copy"], [1, "sme-table-cell", 3, "click"], ["class", "sme-icon sme-icon-size-xxs sme-margin-right-xxs", 3, "ngClass", 4, "ngIf"], [1, "sme-icon", "sme-icon-size-xxs", "sme-margin-right-xxs", 3, "ngClass"], [3, "template", "data"], [1, "sme-table-expander-cell", 3, "ngStyle", "ngClass"], ["role", "button", 1, "sme-icon", "sme-icon-size-xxs", 3, "ngClass", "click"], [1, "sme-table-expander-cell-placeholder"], [1, "sme-table-expander-cell", 3, "ngStyle"], ["size", "extra-small", 3, "inline", "isBackgroundTransparent"], ["role", "presentation", 1, "sme-table-cell", "sme-table-checkbox-container"], ["type", "checkbox", 3, "checked", "change"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", 4, "ngIf"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", "sme-table-cell-height-auto", 4, "ngIf"], [3, "template", "data", "rowIndex", 4, "ngIf"], [3, "template", "data", "rowIndex"], ["role", "row", 1, "sme-table-row", "sme-table-row-data", "sme-table-row-selectable", 3, "keydown", "keyup", "contextmenu", "click", "dblclick", "focus", "focusin", "focusout", "mouseenter", "mouseleave"], ["role", "presentation", 1, "sme-arrange-stack-h"], ["class", "sme-table-cell sme-table-checkbox-container", "role", "presentation", 3, "sme-table-cell-full-height", 4, "ngIf"], ["class", "sme-table-row-validation", 4, "ngIf"], ["class", "sme-table-cell", 3, "id", "click", 4, "ngIf"], [1, "sme-table-cell", 3, "id", "click"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", "id", 4, "ngIf"], ["class", "sme-table-cell", 3, "sme-table-cell-height-auto", "sme-table-cell-full-height", "id", 4, "ngIf"], [1, "sme-table-cell", 3, "id"], ["class", "sme-table-cell", 4, "ngIf"], [3, "renderedItem", "template", "data", "rowIndex", 4, "ngIf"], [3, "renderedItem", "template", "data", "rowIndex"], ["class", "sme-table-cell sme-table-edit-container", 4, "ngIf"], [1, "sme-table-cell", "sme-table-edit-container"], [3, "template", "field", "data", "rowIndex", "renderedItem", "validationAlert", "dataChanged", 4, "ngIf"], [3, "template", "field", "data", "rowIndex", "renderedItem", "validationAlert", "dataChanged"], [1, "sme-table-row-validation"], ["role", "presentation", 1, "sme-table-cell"], [4, "ngFor", "ngForOf"], [3, "alert"], ["data-sme-last-focusable-shadow-element", "", "tabindex", "0", 1, "sme-focus-zone", 3, "focus"], ["lastFocusableShadowElement", ""], [1, "sme-layout-absolute", "sme-position-inset-none"], [3, "isBackgroundTransparent"]], template: function DataTableComponent_Template(rf, ctx) {
+        }, inputs: { isBusy: "isBusy", enableRightClickSelect: "enableRightClickSelect", loadingMessage: "loadingMessage", noRecordMessage: "noRecordMessage", editable: "editable", expandTreeNodeOnChecked: "expandTreeNodeOnChecked", isAllEditableRowsVisible: "isAllEditableRowsVisible", scrollableHorizontal: "scrollableHorizontal", lazyLoad: "lazyLoad", rememberTreeNodeToggle: "rememberTreeNodeToggle", rememberSelection: "rememberSelection", preventEnterKeyForDefaultAction: "preventEnterKeyForDefaultAction", getItemIdentityFunction: "getItemIdentityFunction", disableNaturalSort: "disableNaturalSort", shouldScrollToSelectionAfterSorting: "shouldScrollToSelectionAfterSorting", globalFilter: "globalFilter", caseSensitiveFilter: "caseSensitiveFilter", showAsTree: "showAsTree", editableNewDataItem: "editableNewDataItem", items: "items", selection: "selection", selectionMode: "selectionMode", defaultSortColumn: "defaultSortColumn", defaultSortMode: "defaultSortMode", groupColumn: "groupColumn", groupSortMode: "groupSortMode", useGroupToggle: "useGroupToggle", showHeader: "showHeader", tableAriaLabelledBy: "tableAriaLabelledBy", tableAriaLabel: "tableAriaLabel", showGrid: "showGrid", showAllItemCheckbox: "showAllItemCheckbox", selectAndCheck: "selectAndCheck", rowHeight: "rowHeight", linkParentChildrenSelections: "linkParentChildrenSelections", selectItemWhenNavigatingWithKeyboard: "selectItemWhenNavigatingWithKeyboard", showLeftMargin: "showLeftMargin", scrollable: "scrollable", disableUIVirtualization: "disableUIVirtualization", selectable: "selectable", editableAutoNewRow: "editableAutoNewRow", defaultGroupToggleExpanded: "defaultGroupToggleExpanded", autoRowHeight: "autoRowHeight", virtualCount: "virtualCount" }, outputs: { onChangesetUpdated: "onChangesetUpdated", changesetUpdated: "changesetUpdated", selectionChange: "selectionChange", onRowDblclick: "onRowDblclick", rowDblclick: "rowDblclick", onGroupToggleClicked: "onGroupToggleClicked", groupToggleClick: "groupToggleClick", onNewEditableRowAdded: "onNewEditableRowAdded", editableRowAdded: "editableRowAdded", renderedItemsChange: "renderedItemsChange", lazyLoadingData: "lazyLoadingData", onNodeExpand: "onNodeExpand", nodeExpanded: "nodeExpanded", onNodeCollapsed: "onNodeCollapsed", nodeCollapsed: "nodeCollapsed", onNodeSelect: "onNodeSelect", nodeSelected: "nodeSelected", itemsChange: "itemsChange", onFilter: "onFilter", filter: "filter", doCustomSort: "doCustomSort", onRowSelect: "onRowSelect", rowSelected: "rowSelected", onRowUnselect: "onRowUnselect", rowUnselected: "rowUnselected" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 30, vars: 45, consts: [["role", "presentation", 1, "sme-table-header", "sme-focus-zone", "sme-data-table-transition"], ["header", ""], ["role", "rowgroup", 1, "sme-table", "sme-table-virtualized"], ["headerTable", ""], ["role", "row", 1, "sme-table-row", "sme-arrange-stack-h", "sme-position-flex-auto", 3, "keydown"], ["data-uta-id", "checkboxColumn", 1, "sme-table-caption"], ["class", "sme-table-checkbox sme-table-header-checkbox", "role", "presentation", 4, "ngIf"], ["role", "presentation", 3, "ngStyle", "class", 4, "ngFor", "ngForOf"], ["role", "presentation", 1, "sme-focus-zone", "sme-table-container", "sme-data-table-transition"], ["content", ""], ["role", "rowgroup", 1, "sme-table-scroll-container", "sme-layout-absolute", "sme-position-inset-none", 3, "ngClass"], ["scrollContainer", ""], ["role", "row", "class", "sme-table-row sme-table-row-placeholder", "tabindex", "0", "data-uta-id", "empty-table-message", 4, "ngIf"], ["role", "presentation", 1, "sme-layout-relative", "sme-position-stretch-h", "sme-arrange-overflow-hide"], ["scrollBody", ""], ["sme-lint-disable", "", 1, "sme-table", "sme-table-scrollable", "sme-table-virtualized", 3, "ngStyle"], ["scrollAboveData", ""], ["class", "sme-table-row sme-table-row-data sme-table-row-selectable", 3, "sme-table-row-active", "sme-table-row-selected", "sme-table-group-item", "sme-table-group-header", "sme-checked", 4, "ngFor", "ngForOf"], ["sme-lint-disable", "", "role", "presentation", 1, "sme-table", "sme-table-scrollable", 3, "ngStyle"], ["scrollData", ""], ["class", "sme-table-row sme-table-row-data sme-table-row-selectable", "role", "row", 3, "sme-table-row-active", "sme-table-row-selected", "sme-table-group-item", "sme-table-group-header", "sme-checked", "sme-table-row-editable", "sme-has-validation-error", "sme-data-table-row-new-item", "keydown", "keyup", "contextmenu", "click", "dblclick", "focus", "focusin", "focusout", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf"], [1, "sme-table-row"], ["tempRow", ""], ["tabindex", "0", 1, "sme-table-td"], [1, "sme-table-cell"], ["class", "sme-focus-zone", "data-sme-last-focusable-shadow-element", "", "tabindex", "0", 3, "focus", 4, "ngIf"], ["class", "sme-layout-absolute sme-position-inset-none", 4, "ngIf"], [1, "sme-width-xxs", "sme-layout-absolute", "sme-position-stretch-v", "sme-background-color-base-80", "sme-layer-flyout", "sme-layout-none"], ["resizerIndicator", ""], ["role", "presentation", 1, "sme-table-checkbox", "sme-table-header-checkbox"], ["sme-lint-disable-self", "", "type", "checkbox", 3, "checked", "change"], ["role", "presentation"], ["role", "presentation", 3, "ngStyle"], ["class", "sme-table-header-cell sme-focus-zone", "role", "columnheader", "aria-live", "polite", "tabindex", "0", 3, "title", "click", 4, "ngIf"], ["class", "sme-table-header-cell", "role", "columnheader", 3, "title", 4, "ngIf"], ["class", "sme-table-header-cell", "role", "columnheader", 4, "ngIf"], ["tabindex", "0", "resizerHostSelector", "div.sme-table-header", "orientation", "left", "class", "sme-focus-zone", 3, "visibleToScreenReader", "showResizerCover", "resized", "resizing", 4, "ngIf"], ["role", "columnheader", "aria-live", "polite", "tabindex", "0", 1, "sme-table-header-cell", "sme-focus-zone", 3, "title", "click"], [1, "sme-icon", "sme-margin-left-xxs", 3, "ngClass"], ["role", "columnheader", 1, "sme-table-header-cell", 3, "title"], ["role", "columnheader", 1, "sme-table-header-cell"], ["tabindex", "0", "resizerHostSelector", "div.sme-table-header", "orientation", "left", 1, "sme-focus-zone", 3, "visibleToScreenReader", "showResizerCover", "resized", "resizing"], ["role", "row", "tabindex", "0", "data-uta-id", "empty-table-message", 1, "sme-table-row", "sme-table-row-placeholder"], ["emptyMessage", ""], [3, "message", 4, "ngIf"], [1, "sme-table-cell", "sme-table-cell-placeholder"], ["role", "cell", 1, "sme-table-cell"], [3, "message"], [1, "sme-table-row", "sme-table-row-data", "sme-table-row-selectable"], [1, "sme-arrange-stack-h"], [1, "sme-table-td", "sme-position-flex-auto"], ["class", "sme-table-checkbox", "role", "presentation", 4, "ngIf"], [3, "ngClass", "ngStyle", "class", 4, "ngFor", "ngForOf"], ["role", "presentation", 1, "sme-table-checkbox"], ["type", "checkbox", 3, "checked"], [3, "ngClass", "ngStyle"], ["class", "sme-screen-reader sme-screen-reader-disable-copy", 4, "ngIf"], ["class", "sme-table-cell", 3, "click", 4, "ngIf"], ["class", "sme-table-expander-cell", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "sme-table-expander-cell", 3, "ngStyle", 4, "ngIf"], ["class", "sme-table-cell sme-table-checkbox-container", "role", "presentation", 4, "ngIf"], [4, "ngIf"], [1, "sme-screen-reader", "sme-screen-reader-disable-copy"], [1, "sme-table-cell", 3, "click"], ["class", "sme-icon sme-icon-size-xxs sme-margin-right-xxs", 3, "ngClass", 4, "ngIf"], [1, "sme-icon", "sme-icon-size-xxs", "sme-margin-right-xxs", 3, "ngClass"], [3, "template", "data"], [1, "sme-table-expander-cell", 3, "ngStyle", "ngClass"], ["role", "button", 1, "sme-icon", "sme-icon-size-xxs", 3, "ngClass", "click"], [1, "sme-table-expander-cell-placeholder"], [1, "sme-table-expander-cell", 3, "ngStyle"], ["size", "extra-small", 3, "inline", "isBackgroundTransparent"], ["role", "presentation", 1, "sme-table-cell", "sme-table-checkbox-container"], ["type", "checkbox", 3, "checked", "change"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", 4, "ngIf"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", "sme-table-cell-height-auto", 4, "ngIf"], [3, "template", "data", "rowIndex", 4, "ngIf"], [3, "template", "data", "rowIndex"], ["role", "row", 1, "sme-table-row", "sme-table-row-data", "sme-table-row-selectable", 3, "keydown", "keyup", "contextmenu", "click", "dblclick", "focus", "focusin", "focusout", "mouseenter", "mouseleave"], ["role", "presentation", 1, "sme-arrange-stack-h"], ["class", "sme-table-cell sme-table-checkbox-container", "role", "presentation", 3, "sme-table-cell-full-height", 4, "ngIf"], ["class", "sme-table-row-validation", 4, "ngIf"], ["class", "sme-table-cell", 3, "id", "click", 4, "ngIf"], [1, "sme-table-cell", 3, "id", "click"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", "id", 4, "ngIf"], ["class", "sme-table-cell", 3, "sme-table-cell-height-auto", "sme-table-cell-full-height", "id", 4, "ngIf"], [1, "sme-table-cell", 3, "id"], ["class", "sme-table-cell", 4, "ngIf"], [3, "renderedItem", "template", "data", "rowIndex", 4, "ngIf"], [3, "renderedItem", "template", "data", "rowIndex"], ["class", "sme-table-cell sme-table-edit-container", 4, "ngIf"], [1, "sme-table-cell", "sme-table-edit-container"], [3, "template", "field", "data", "rowIndex", "renderedItem", "validationAlert", "dataChanged", 4, "ngIf"], [3, "template", "field", "data", "rowIndex", "renderedItem", "validationAlert", "dataChanged"], [1, "sme-table-row-validation"], ["role", "presentation", 1, "sme-table-cell"], [4, "ngFor", "ngForOf"], [3, "alert"], ["data-sme-last-focusable-shadow-element", "", "tabindex", "0", 1, "sme-focus-zone", 3, "focus"], ["lastFocusableShadowElement", ""], [1, "sme-layout-absolute", "sme-position-inset-none"], [3, "isBackgroundTransparent"]], template: function DataTableComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0, 1);
                 i0.ɵɵelementStart(2, "div", 2, 3);
@@ -32747,7 +32923,7 @@
                 i0.ɵɵelementStart(5, "div", 5);
                 i0.ɵɵtemplate(6, DataTableComponent_div_6_Template, 3, 3, "div", 6);
                 i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(7, DataTableComponent_div_7_Template, 5, 11, "div", 7);
+                i0.ɵɵtemplate(7, DataTableComponent_div_7_Template, 5, 13, "div", 7);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
@@ -32788,7 +32964,7 @@
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(38, _c18, ctx.scrollable, ctx.shouldScroll));
                 i0.ɵɵadvance(2);
-                i0.ɵɵproperty("ngIf", ctx.renderedItems.length === 0 && !ctx.lazyLoad || !ctx.isColumnWidthCalculated);
+                i0.ɵɵproperty("ngIf", ctx.showNoRecordsMessage());
                 i0.ɵɵadvance(3);
                 i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(41, _c19, ctx.scrollAboveDataStyleTop));
                 i0.ɵɵattribute("aria-hidden", true);
@@ -33058,7 +33234,7 @@
         return TreeTableComponent;
     }(DataTableComponent));
     /** @nocollapse */ TreeTableComponent.ɵfac = function TreeTableComponent_Factory(t) { return new (t || TreeTableComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ TreeTableComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TreeTableComponent, selectors: [["sme-tree-table"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 30, vars: 45, consts: [["role", "presentation", 1, "sme-table-header", "sme-focus-zone", "sme-data-table-transition"], ["header", ""], ["role", "rowgroup", 1, "sme-table", "sme-table-virtualized"], ["headerTable", ""], ["role", "row", 1, "sme-table-row", "sme-arrange-stack-h", "sme-position-flex-auto", 3, "keydown"], [1, "sme-table-caption"], ["class", "sme-table-checkbox sme-table-header-checkbox", "role", "presentation", 4, "ngIf"], ["role", "presentation", 3, "ngStyle", "class", 4, "ngFor", "ngForOf"], ["role", "presentation", 1, "sme-focus-zone", "sme-table-container", "sme-data-table-transition"], ["content", ""], ["role", "rowgroup", 1, "sme-table-scroll-container", "sme-layout-absolute", "sme-position-inset-none", 3, "ngClass"], ["scrollContainer", ""], ["role", "row", "class", "sme-table-row sme-table-row-placeholder", "tabindex", "0", 4, "ngIf"], ["role", "presentation", 1, "sme-layout-relative", "sme-position-stretch-h", "sme-arrange-overflow-hide"], ["scrollBody", ""], ["sme-lint-disable", "", 1, "sme-table", "sme-table-scrollable", "sme-table-virtualized", 3, "ngStyle"], ["scrollAboveData", ""], ["class", "sme-table-row sme-table-row-data sme-table-row-selectable", 3, "sme-table-row-active", "sme-table-row-selected", "sme-table-group-item", "sme-table-group-header", "sme-checked", 4, "ngFor", "ngForOf"], ["sme-lint-disable", "", "role", "presentation", 1, "sme-table", "sme-table-scrollable", 3, "ngStyle"], ["scrollData", ""], ["class", "sme-table-row sme-table-row-data sme-table-row-selectable", "role", "row", 3, "sme-table-row-active", "sme-table-row-selected", "sme-table-group-item", "sme-table-group-header", "sme-checked", "sme-table-row-editable", "sme-has-validation-error", "sme-data-table-row-new-item", "keydown", "keyup", "contextmenu", "click", "dblclick", "focus", "focusin", "focusout", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf"], [1, "sme-table-row"], ["tempRow", ""], ["tabindex", "0", 1, "sme-table-td"], [1, "sme-table-cell"], ["class", "sme-focus-zone", "data-sme-last-focusable-shadow-element", "", "tabindex", "0", 3, "focus", 4, "ngIf"], ["class", "sme-layout-absolute sme-position-inset-none", 4, "ngIf"], [1, "sme-width-xxs", "sme-layout-absolute", "sme-position-stretch-v", "sme-background-color-base-80", "sme-layer-flyout", "sme-layout-none"], ["resizerIndicator", ""], ["role", "presentation", 1, "sme-table-checkbox", "sme-table-header-checkbox"], ["sme-lint-disable-self", "", "type", "checkbox", 3, "checked", "change"], ["role", "presentation"], ["role", "presentation", 3, "ngStyle"], ["class", "sme-table-header-cell sme-focus-zone", "role", "columnheader", "aria-live", "polite", "tabindex", "0", 3, "title", "click", 4, "ngIf"], ["class", "sme-table-header-cell", "role", "columnheader", 3, "title", 4, "ngIf"], ["class", "sme-table-header-cell", "role", "columnheader", 4, "ngIf"], ["tabindex", "0", "resizerHostSelector", "div.sme-table-header", "orientation", "left", "class", "sme-focus-zone", 3, "visibleToScreenReader", "showResizerCover", "resized", "resizing", 4, "ngIf"], ["role", "columnheader", "aria-live", "polite", "tabindex", "0", 1, "sme-table-header-cell", "sme-focus-zone", 3, "title", "click"], [1, "sme-icon", "sme-margin-left-xxs", 3, "ngClass"], ["role", "columnheader", 1, "sme-table-header-cell", 3, "title"], ["role", "columnheader", 1, "sme-table-header-cell"], ["tabindex", "0", "resizerHostSelector", "div.sme-table-header", "orientation", "left", 1, "sme-focus-zone", 3, "visibleToScreenReader", "showResizerCover", "resized", "resizing"], ["role", "row", "tabindex", "0", 1, "sme-table-row", "sme-table-row-placeholder"], ["emptyMessage", ""], [3, "message", 4, "ngIf"], [1, "sme-table-cell", "sme-table-cell-placeholder"], ["role", "cell", 1, "sme-table-cell"], [3, "message"], [1, "sme-table-row", "sme-table-row-data", "sme-table-row-selectable"], [1, "sme-arrange-stack-h"], [1, "sme-table-td", "sme-position-flex-auto"], ["class", "sme-table-checkbox", "role", "presentation", 4, "ngIf"], [3, "ngClass", "ngStyle", "class", 4, "ngFor", "ngForOf"], ["role", "presentation", 1, "sme-table-checkbox"], ["type", "checkbox", 3, "checked"], [3, "ngClass", "ngStyle"], ["class", "sme-screen-reader sme-screen-reader-disable-copy", 4, "ngIf"], ["class", "sme-table-cell", 3, "click", 4, "ngIf"], ["class", "sme-table-expander-cell", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "sme-table-expander-cell", 3, "ngStyle", 4, "ngIf"], ["class", "sme-table-cell sme-table-checkbox-container", "role", "presentation", 4, "ngIf"], [4, "ngIf"], [1, "sme-screen-reader", "sme-screen-reader-disable-copy"], [1, "sme-table-cell", 3, "click"], ["class", "sme-icon sme-icon-size-xxs sme-margin-right-xxs", 3, "ngClass", 4, "ngIf"], [1, "sme-icon", "sme-icon-size-xxs", "sme-margin-right-xxs", 3, "ngClass"], [3, "template", "data"], [1, "sme-table-expander-cell", 3, "ngStyle", "ngClass"], ["role", "button", 1, "sme-icon", "sme-icon-size-xxs", 3, "ngClass", "click"], [1, "sme-table-expander-cell-placeholder"], [1, "sme-table-expander-cell", 3, "ngStyle"], ["size", "extra-small", 3, "inline", "isBackgroundTransparent"], ["role", "presentation", 1, "sme-table-cell", "sme-table-checkbox-container"], ["type", "checkbox", 3, "checked", "change"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", 4, "ngIf"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", "sme-table-cell-height-auto", 4, "ngIf"], [3, "template", "data", "rowIndex", 4, "ngIf"], [3, "template", "data", "rowIndex"], ["role", "row", 1, "sme-table-row", "sme-table-row-data", "sme-table-row-selectable", 3, "keydown", "keyup", "contextmenu", "click", "dblclick", "focus", "focusin", "focusout", "mouseenter", "mouseleave"], ["role", "presentation", 1, "sme-arrange-stack-h"], ["class", "sme-table-cell sme-table-checkbox-container", "role", "presentation", 3, "sme-table-cell-full-height", 4, "ngIf"], ["class", "sme-table-row-validation", 4, "ngIf"], ["class", "sme-table-cell", 3, "id", "click", 4, "ngIf"], [1, "sme-table-cell", 3, "id", "click"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", "id", 4, "ngIf"], ["class", "sme-table-cell", 3, "sme-table-cell-height-auto", "sme-table-cell-full-height", "id", 4, "ngIf"], [1, "sme-table-cell", 3, "id"], ["class", "sme-table-cell", 4, "ngIf"], [3, "renderedItem", "template", "data", "rowIndex", 4, "ngIf"], [3, "renderedItem", "template", "data", "rowIndex"], ["class", "sme-table-cell sme-table-edit-container", 4, "ngIf"], [1, "sme-table-cell", "sme-table-edit-container"], [3, "template", "field", "data", "rowIndex", "renderedItem", "validationAlert", "dataChanged", 4, "ngIf"], [3, "template", "field", "data", "rowIndex", "renderedItem", "validationAlert", "dataChanged"], [1, "sme-table-row-validation"], ["role", "presentation", 1, "sme-table-cell"], [4, "ngFor", "ngForOf"], [3, "alert"], ["data-sme-last-focusable-shadow-element", "", "tabindex", "0", 1, "sme-focus-zone", 3, "focus"], ["lastFocusableShadowElement", ""], [1, "sme-layout-absolute", "sme-position-inset-none"], [3, "isBackgroundTransparent"]], template: function TreeTableComponent_Template(rf, ctx) {
+    /** @nocollapse */ TreeTableComponent.ɵcmp = i0.ɵɵdefineComponent({ type: TreeTableComponent, selectors: [["sme-tree-table"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 30, vars: 45, consts: [["role", "presentation", 1, "sme-table-header", "sme-focus-zone", "sme-data-table-transition"], ["header", ""], ["role", "rowgroup", 1, "sme-table", "sme-table-virtualized"], ["headerTable", ""], ["role", "row", 1, "sme-table-row", "sme-arrange-stack-h", "sme-position-flex-auto", 3, "keydown"], ["data-uta-id", "checkboxColumn", 1, "sme-table-caption"], ["class", "sme-table-checkbox sme-table-header-checkbox", "role", "presentation", 4, "ngIf"], ["role", "presentation", 3, "ngStyle", "class", 4, "ngFor", "ngForOf"], ["role", "presentation", 1, "sme-focus-zone", "sme-table-container", "sme-data-table-transition"], ["content", ""], ["role", "rowgroup", 1, "sme-table-scroll-container", "sme-layout-absolute", "sme-position-inset-none", 3, "ngClass"], ["scrollContainer", ""], ["role", "row", "class", "sme-table-row sme-table-row-placeholder", "tabindex", "0", "data-uta-id", "empty-table-message", 4, "ngIf"], ["role", "presentation", 1, "sme-layout-relative", "sme-position-stretch-h", "sme-arrange-overflow-hide"], ["scrollBody", ""], ["sme-lint-disable", "", 1, "sme-table", "sme-table-scrollable", "sme-table-virtualized", 3, "ngStyle"], ["scrollAboveData", ""], ["class", "sme-table-row sme-table-row-data sme-table-row-selectable", 3, "sme-table-row-active", "sme-table-row-selected", "sme-table-group-item", "sme-table-group-header", "sme-checked", 4, "ngFor", "ngForOf"], ["sme-lint-disable", "", "role", "presentation", 1, "sme-table", "sme-table-scrollable", 3, "ngStyle"], ["scrollData", ""], ["class", "sme-table-row sme-table-row-data sme-table-row-selectable", "role", "row", 3, "sme-table-row-active", "sme-table-row-selected", "sme-table-group-item", "sme-table-group-header", "sme-checked", "sme-table-row-editable", "sme-has-validation-error", "sme-data-table-row-new-item", "keydown", "keyup", "contextmenu", "click", "dblclick", "focus", "focusin", "focusout", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf"], [1, "sme-table-row"], ["tempRow", ""], ["tabindex", "0", 1, "sme-table-td"], [1, "sme-table-cell"], ["class", "sme-focus-zone", "data-sme-last-focusable-shadow-element", "", "tabindex", "0", 3, "focus", 4, "ngIf"], ["class", "sme-layout-absolute sme-position-inset-none", 4, "ngIf"], [1, "sme-width-xxs", "sme-layout-absolute", "sme-position-stretch-v", "sme-background-color-base-80", "sme-layer-flyout", "sme-layout-none"], ["resizerIndicator", ""], ["role", "presentation", 1, "sme-table-checkbox", "sme-table-header-checkbox"], ["sme-lint-disable-self", "", "type", "checkbox", 3, "checked", "change"], ["role", "presentation"], ["role", "presentation", 3, "ngStyle"], ["class", "sme-table-header-cell sme-focus-zone", "role", "columnheader", "aria-live", "polite", "tabindex", "0", 3, "title", "click", 4, "ngIf"], ["class", "sme-table-header-cell", "role", "columnheader", 3, "title", 4, "ngIf"], ["class", "sme-table-header-cell", "role", "columnheader", 4, "ngIf"], ["tabindex", "0", "resizerHostSelector", "div.sme-table-header", "orientation", "left", "class", "sme-focus-zone", 3, "visibleToScreenReader", "showResizerCover", "resized", "resizing", 4, "ngIf"], ["role", "columnheader", "aria-live", "polite", "tabindex", "0", 1, "sme-table-header-cell", "sme-focus-zone", 3, "title", "click"], [1, "sme-icon", "sme-margin-left-xxs", 3, "ngClass"], ["role", "columnheader", 1, "sme-table-header-cell", 3, "title"], ["role", "columnheader", 1, "sme-table-header-cell"], ["tabindex", "0", "resizerHostSelector", "div.sme-table-header", "orientation", "left", 1, "sme-focus-zone", 3, "visibleToScreenReader", "showResizerCover", "resized", "resizing"], ["role", "row", "tabindex", "0", "data-uta-id", "empty-table-message", 1, "sme-table-row", "sme-table-row-placeholder"], ["emptyMessage", ""], [3, "message", 4, "ngIf"], [1, "sme-table-cell", "sme-table-cell-placeholder"], ["role", "cell", 1, "sme-table-cell"], [3, "message"], [1, "sme-table-row", "sme-table-row-data", "sme-table-row-selectable"], [1, "sme-arrange-stack-h"], [1, "sme-table-td", "sme-position-flex-auto"], ["class", "sme-table-checkbox", "role", "presentation", 4, "ngIf"], [3, "ngClass", "ngStyle", "class", 4, "ngFor", "ngForOf"], ["role", "presentation", 1, "sme-table-checkbox"], ["type", "checkbox", 3, "checked"], [3, "ngClass", "ngStyle"], ["class", "sme-screen-reader sme-screen-reader-disable-copy", 4, "ngIf"], ["class", "sme-table-cell", 3, "click", 4, "ngIf"], ["class", "sme-table-expander-cell", 3, "ngStyle", "ngClass", 4, "ngIf"], ["class", "sme-table-expander-cell", 3, "ngStyle", 4, "ngIf"], ["class", "sme-table-cell sme-table-checkbox-container", "role", "presentation", 4, "ngIf"], [4, "ngIf"], [1, "sme-screen-reader", "sme-screen-reader-disable-copy"], [1, "sme-table-cell", 3, "click"], ["class", "sme-icon sme-icon-size-xxs sme-margin-right-xxs", 3, "ngClass", 4, "ngIf"], [1, "sme-icon", "sme-icon-size-xxs", "sme-margin-right-xxs", 3, "ngClass"], [3, "template", "data"], [1, "sme-table-expander-cell", 3, "ngStyle", "ngClass"], ["role", "button", 1, "sme-icon", "sme-icon-size-xxs", 3, "ngClass", "click"], [1, "sme-table-expander-cell-placeholder"], [1, "sme-table-expander-cell", 3, "ngStyle"], ["size", "extra-small", 3, "inline", "isBackgroundTransparent"], ["role", "presentation", 1, "sme-table-cell", "sme-table-checkbox-container"], ["type", "checkbox", 3, "checked", "change"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", 4, "ngIf"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", "sme-table-cell-height-auto", 4, "ngIf"], [3, "template", "data", "rowIndex", 4, "ngIf"], [3, "template", "data", "rowIndex"], ["role", "row", 1, "sme-table-row", "sme-table-row-data", "sme-table-row-selectable", 3, "keydown", "keyup", "contextmenu", "click", "dblclick", "focus", "focusin", "focusout", "mouseenter", "mouseleave"], ["role", "presentation", 1, "sme-arrange-stack-h"], ["class", "sme-table-cell sme-table-checkbox-container", "role", "presentation", 3, "sme-table-cell-full-height", 4, "ngIf"], ["class", "sme-table-row-validation", 4, "ngIf"], ["class", "sme-table-cell", 3, "id", "click", 4, "ngIf"], [1, "sme-table-cell", 3, "id", "click"], ["class", "sme-table-cell", 3, "sme-table-cell-full-height", "id", 4, "ngIf"], ["class", "sme-table-cell", 3, "sme-table-cell-height-auto", "sme-table-cell-full-height", "id", 4, "ngIf"], [1, "sme-table-cell", 3, "id"], ["class", "sme-table-cell", 4, "ngIf"], [3, "renderedItem", "template", "data", "rowIndex", 4, "ngIf"], [3, "renderedItem", "template", "data", "rowIndex"], ["class", "sme-table-cell sme-table-edit-container", 4, "ngIf"], [1, "sme-table-cell", "sme-table-edit-container"], [3, "template", "field", "data", "rowIndex", "renderedItem", "validationAlert", "dataChanged", 4, "ngIf"], [3, "template", "field", "data", "rowIndex", "renderedItem", "validationAlert", "dataChanged"], [1, "sme-table-row-validation"], ["role", "presentation", 1, "sme-table-cell"], [4, "ngFor", "ngForOf"], [3, "alert"], ["data-sme-last-focusable-shadow-element", "", "tabindex", "0", 1, "sme-focus-zone", 3, "focus"], ["lastFocusableShadowElement", ""], [1, "sme-layout-absolute", "sme-position-inset-none"], [3, "isBackgroundTransparent"]], template: function TreeTableComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "div", 0, 1);
                 i0.ɵɵelementStart(2, "div", 2, 3);
@@ -33067,7 +33243,7 @@
                 i0.ɵɵelementStart(5, "div", 5);
                 i0.ɵɵtemplate(6, TreeTableComponent_div_6_Template, 3, 3, "div", 6);
                 i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(7, TreeTableComponent_div_7_Template, 5, 11, "div", 7);
+                i0.ɵɵtemplate(7, TreeTableComponent_div_7_Template, 5, 13, "div", 7);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
@@ -33108,7 +33284,7 @@
                 i0.ɵɵadvance(2);
                 i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(38, _c18, ctx.scrollable, ctx.shouldScroll));
                 i0.ɵɵadvance(2);
-                i0.ɵɵproperty("ngIf", ctx.renderedItems.length === 0 && !ctx.lazyLoad || !ctx.isColumnWidthCalculated);
+                i0.ɵɵproperty("ngIf", ctx.showNoRecordsMessage());
                 i0.ɵɵadvance(3);
                 i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(41, _c19, ctx.scrollAboveDataStyleTop));
                 i0.ɵɵattribute("aria-hidden", true);
@@ -33833,21 +34009,28 @@
         PivotComponent.prototype.isSelected = function (tab) {
             return this.selection && this.selection === tab;
         };
+        /**
+         * Force refresh for the pivot tabs.
+         */
+        PivotComponent.prototype.refresh = function () {
+            this.updatePivotTabs();
+        };
         /**
          * Selects a tab
          * @param tab The tab to select
          */
         PivotComponent.prototype.select = function (tab) {
-            /** At any given time we should have an attribute that lets us know if a tab is visible or not.
-             *
-             *
+            /**
+             * At any given time we should have an attribute that lets us know if a tab is visible or not.
              */
             if (tab) {
                 for (var i = 0; i < this.trayTabs.length; i++) {
                     if (this.trayTabs[i] === tab) {
-                        var hiddenTab = this.visibleTabs.pop();
-                        hiddenTab.isVisible = false;
-                        this.trayTabs.push(hiddenTab);
+                        if (this.visibleTabs && this.visibleTabs.length > 0) {
+                            var hiddenTab = this.visibleTabs.pop();
+                            hiddenTab.isVisible = false;
+                            this.trayTabs.push(hiddenTab);
+                        }
                         this.visibleTabs.push(tab);
                         tab.isVisible = true;
                         this.trayTabs.splice(i, 1);
@@ -33928,7 +34111,6 @@
                     currentFill += tabWidth;
                 }
             }
-            this.emitLayoutChanged();
         };
         return PivotComponent;
     }(CoreBaseComponent));
@@ -34012,6 +34194,12 @@
         SmeInject(i0.ChangeDetectorRef),
         __metadata("design:type", i0.ChangeDetectorRef)
     ], PivotComponent.prototype, "changeDetectorRef", void 0);
+    __decorate([
+        debounce_decorators.Debounce(),
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], PivotComponent.prototype, "refresh", null);
     __decorate([
         debounce_decorators.Debounce(),
         __metadata("design:type", Function),
@@ -34074,7 +34262,7 @@
                 }], changeDetectorRef: [], dropDownButtonElement: [{
                     type: i0.ViewChild,
                     args: ['dropDownButton']
-                }], emitLayoutChanged: [], onLayoutChanged: [] });
+                }], refresh: [], emitLayoutChanged: [], onLayoutChanged: [] });
     })();
 
     var PivotModule = /** @class */ (function () {
@@ -34668,20 +34856,20 @@
     var _c3$9 = ["dataView"];
     function MasterViewComponent_h2_0_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h2", 18);
+            i0.ɵɵelementStart(0, "h2", 19);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("hidden", ctx_r0.hideHeader);
+            i0.ɵɵproperty("hidden", ctx_r0.hideHeader)("id", ctx_r0.headerId);
             i0.ɵɵadvance(1);
             i0.ɵɵtextInterpolate(ctx_r0.header);
         }
     }
     function MasterViewComponent_div_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 19);
+            i0.ɵɵelementStart(0, "div", 20);
             i0.ɵɵprojection(1, 2);
             i0.ɵɵelementEnd();
         }
@@ -34693,15 +34881,15 @@
     function MasterViewComponent_button_12_Template(rf, ctx) {
         if (rf & 1) {
             var _r13_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 20);
+            i0.ɵɵelementStart(0, "button", 21);
             i0.ɵɵlistener("click", function MasterViewComponent_button_12_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r13_1); var ctx_r12 = i0.ɵɵnextContext(); return ctx_r12.doClearSelection($event); });
-            i0.ɵɵelementStart(1, "i", 21);
+            i0.ɵɵelementStart(1, "i", 22);
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "i", 22);
+            i0.ɵɵelementStart(3, "i", 23);
             i0.ɵɵtext(4);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(5, "i", 23);
+            i0.ɵɵelement(5, "i", 24);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -34717,9 +34905,9 @@
     function MasterViewComponent_button_14_Template(rf, ctx) {
         if (rf & 1) {
             var _r15_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 24);
+            i0.ɵɵelementStart(0, "button", 25);
             i0.ɵɵlistener("click", function MasterViewComponent_button_14_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15_1); var ctx_r14 = i0.ɵɵnextContext(); return ctx_r14.columnPicker.next(); });
-            i0.ɵɵelement(1, "span", 25);
+            i0.ɵɵelement(1, "span", 26);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -34732,9 +34920,9 @@
     function MasterViewComponent_button_15_Template(rf, ctx) {
         if (rf & 1) {
             var _r17_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 26);
+            i0.ɵɵelementStart(0, "button", 27);
             i0.ɵɵlistener("click", function MasterViewComponent_button_15_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17_1); var ctx_r16 = i0.ɵɵnextContext(); return ctx_r16.refresh.next(); });
-            i0.ɵɵelement(1, "span", 27);
+            i0.ɵɵelement(1, "span", 28);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -34746,9 +34934,9 @@
     function MasterViewComponent_button_16_Template(rf, ctx) {
         if (rf & 1) {
             var _r19_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 24);
+            i0.ɵɵelementStart(0, "button", 29);
             i0.ɵɵlistener("click", function MasterViewComponent_button_16_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19_1); var ctx_r18 = i0.ɵɵnextContext(); return ctx_r18.filter.next(); });
-            i0.ɵɵelement(1, "span", 28);
+            i0.ɵɵelement(1, "span", 30);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -34761,9 +34949,9 @@
     function MasterViewComponent_button_17_Template(rf, ctx) {
         if (rf & 1) {
             var _r21_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "button", 24);
+            i0.ɵɵelementStart(0, "button", 29);
             i0.ɵɵlistener("click", function MasterViewComponent_button_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21_1); var ctx_r20 = i0.ɵɵnextContext(); return ctx_r20.group.next(); });
-            i0.ɵɵelement(1, "span", 29);
+            i0.ɵɵelement(1, "span", 31);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
@@ -34775,15 +34963,15 @@
     }
     function MasterViewComponent_div_19_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 30);
+            i0.ɵɵelementStart(0, "div", 32);
             i0.ɵɵprojection(1, 3);
             i0.ɵɵelementEnd();
         }
     }
     function MasterViewComponent_form_20_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "form", 31);
-            i0.ɵɵelementStart(1, "div", 32);
+            i0.ɵɵelementStart(0, "form", 33);
+            i0.ɵɵelementStart(1, "div", 34);
             i0.ɵɵprojection(2, 4);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
@@ -34837,6 +35025,7 @@
             _this.addClass('sme-arrange-stack-v');
             _this.addClass('sme-arrange-overflow-hide-y');
             _this.addClass('sme-arrange-overflow-auto-x');
+            _this.headerId = 'master-view-header' + _this.componentId;
             return _this;
         }
         Object.defineProperty(MasterViewComponent.prototype, "logSourceName", {
@@ -35039,7 +35228,7 @@
             var _this = this;
             if (this.internalSmeDataTable) {
                 if (this.header) {
-                    this.internalSmeDataTable.tableAriaLabelledBy = 'master-view-header';
+                    this.internalSmeDataTable.tableAriaLabelledBy = this.headerId;
                 }
                 else if (this.pivotComponent) {
                     var selectedTab = this.pivotComponent.tabs.toArray().filter(function (item) { return _this.pivotComponent.isSelected(item); })[0];
@@ -35056,7 +35245,8 @@
         MasterViewComponent.prototype.createIdBag = function () {
             return {
                 filterLabel: '',
-                columnPickerLabel: ''
+                columnPickerLabel: '',
+                itemCountLabel: ''
             };
         };
         return MasterViewComponent;
@@ -35090,10 +35280,10 @@
             if (rf & 1) {
                 i0.ɵɵlistener("resize", function MasterViewComponent_resize_HostBindingHandler() { return ctx.updateLayout(); }, false, i0.ɵɵresolveWindow);
             }
-        }, inputs: { noSideMargin: "noSideMargin", hideHeader: "hideHeader", header: "header", total: "total", showSelection: "showSelection", showColumnPicker: "showColumnPicker", columnPickerActive: "columnPickerActive", showRefresh: "showRefresh", disableRefresh: "disableRefresh", dataTableMinWidth: "dataTableMinWidth", showFilter: "showFilter", filterActive: "filterActive", enableQueryEditor: "enableQueryEditor", selection: "selection", requireDataItemUniqueId: "requireDataItemUniqueId", showCustomFilter: "showCustomFilter", groupActive: "groupActive", stretchToAbsolute: "stretchToAbsolute", autoExpandDetailsPane: "autoExpandDetailsPane", showGroup: "showGroup" }, outputs: { selectionChange: "selectionChange", columnPicker: "columnPicker", refresh: "refresh", filter: "filter", group: "group", clearSelection: "clearSelection" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c5$3, decls: 24, vars: 26, consts: [["class", "sme-position-flex-none sme-padding-squish-v-lg sme-arrange-word-wrap-break-word sme-font-h3", "id", "master-view-header", 3, "hidden", 4, "ngIf"], [3, "layoutChanged"], ["layout", ""], ["name", "narrow", 3, "until"], ["class", "sme-position-flex-none", 3, "sme-padding-horizontal-sm", 4, "ngIf"], [1, "sme-position-flex-none", "sme-arrange-stack-reversed"], ["container", ""], [1, "sme-position-flex-none", "sme-arrange-stack-h"], [1, "sme-focus-zone", "sme-position-flex-none", "sme-arrange-stack-h", "sme-arrange-ws-nowrap", "sme-scheme-secondary-text"], [1, "sme-layout-action-bar-item", "sme-padding-horizontal-sm"], ["type", "button", "role", "button", "class", "sme-button-trigger sme-layout-action-bar-item-height sme-scheme-secondary-text sme-button-auto-width", 3, "click", 4, "ngIf"], [1, "sme-focus-zone", "sme-arrange-ws-nowrap"], ["type", "button", "role", "button", "class", "sme-layout-action-bar-item-height sme-button-trigger sme-button-auto-width", 3, "title", "sme-toggled", "click", 4, "ngIf"], ["type", "button", "role", "button", "class", "sme-layout-action-bar-item-height sme-button-trigger sme-button-auto-width", 3, "disabled", "title", "click", 4, "ngIf"], [1, "sme-focus-zone"], ["class", "sme-margin-horizontal-sm", 4, "ngIf"], ["style", "position: relative;", 4, "ngIf"], ["dataView", ""], ["id", "master-view-header", 1, "sme-position-flex-none", "sme-padding-squish-v-lg", "sme-arrange-word-wrap-break-word", "sme-font-h3", 3, "hidden"], [1, "sme-position-flex-none"], ["type", "button", "role", "button", 1, "sme-button-trigger", "sme-layout-action-bar-item-height", "sme-scheme-secondary-text", "sme-button-auto-width", 3, "click"], ["aria-hidden", "true"], [1, "sme-screen-reader"], ["aria-hidden", "true", 1, "sme-icon", "sme-icon-clear", "sme-margin-left-xs", 3, "title"], ["type", "button", "role", "button", 1, "sme-layout-action-bar-item-height", "sme-button-trigger", "sme-button-auto-width", 3, "title", "click"], [1, "sme-icon", "sme-icon-tripleColumn"], ["type", "button", "role", "button", 1, "sme-layout-action-bar-item-height", "sme-button-trigger", "sme-button-auto-width", 3, "disabled", "title", "click"], [1, "sme-icon", "sme-icon-refresh"], [1, "sme-icon", "sme-icon-filter"], [1, "sme-icon", "sme-icon-groupedList"], [1, "sme-margin-horizontal-sm"], [2, "position", "relative"], [1, "sme-position-flex-none", "sme-layout-action-bar-item"]], template: function MasterViewComponent_Template(rf, ctx) {
+        }, inputs: { noSideMargin: "noSideMargin", hideHeader: "hideHeader", header: "header", total: "total", showSelection: "showSelection", showColumnPicker: "showColumnPicker", columnPickerActive: "columnPickerActive", showRefresh: "showRefresh", disableRefresh: "disableRefresh", dataTableMinWidth: "dataTableMinWidth", showFilter: "showFilter", filterActive: "filterActive", enableQueryEditor: "enableQueryEditor", selection: "selection", requireDataItemUniqueId: "requireDataItemUniqueId", showCustomFilter: "showCustomFilter", groupActive: "groupActive", stretchToAbsolute: "stretchToAbsolute", autoExpandDetailsPane: "autoExpandDetailsPane", showGroup: "showGroup" }, outputs: { selectionChange: "selectionChange", columnPicker: "columnPicker", refresh: "refresh", filter: "filter", group: "group", clearSelection: "clearSelection" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c5$3, decls: 24, vars: 27, consts: [["class", "sme-position-flex-none sme-padding-squish-v-lg sme-arrange-word-wrap-break-word sme-font-h3", 3, "hidden", "id", 4, "ngIf"], [3, "layoutChanged"], ["layout", ""], ["name", "narrow", 3, "until"], ["class", "sme-position-flex-none", 3, "sme-padding-horizontal-sm", 4, "ngIf"], [1, "sme-position-flex-none", "sme-arrange-stack-reversed"], ["container", ""], [1, "sme-position-flex-none", "sme-arrange-stack-h"], [1, "sme-focus-zone", "sme-position-flex-none", "sme-arrange-stack-h", "sme-arrange-ws-nowrap", "sme-scheme-secondary-text"], ["role", "status", 1, "sme-layout-action-bar-item", "sme-padding-horizontal-sm", 3, "id"], ["type", "button", "role", "button", "class", "sme-button-trigger sme-layout-action-bar-item-height sme-scheme-secondary-text sme-button-auto-width", 3, "click", 4, "ngIf"], [1, "sme-focus-zone", "sme-arrange-ws-nowrap"], ["type", "button", "role", "button", "class", "sme-layout-action-bar-item-height sme-button-trigger sme-button-auto-width", "data-uta-id", "column-picker-button", 3, "title", "sme-toggled", "click", 4, "ngIf"], ["type", "button", "role", "button", "class", "sme-layout-action-bar-item-height sme-button-trigger sme-button-auto-width", 3, "disabled", "title", "click", 4, "ngIf"], ["type", "button", "role", "button", "class", "sme-layout-action-bar-item-height sme-button-trigger sme-button-auto-width", 3, "title", "sme-toggled", "click", 4, "ngIf"], [1, "sme-focus-zone"], ["class", "sme-margin-horizontal-sm", 4, "ngIf"], ["style", "position: relative;", 4, "ngIf"], ["dataView", ""], [1, "sme-position-flex-none", "sme-padding-squish-v-lg", "sme-arrange-word-wrap-break-word", "sme-font-h3", 3, "hidden", "id"], [1, "sme-position-flex-none"], ["type", "button", "role", "button", 1, "sme-button-trigger", "sme-layout-action-bar-item-height", "sme-scheme-secondary-text", "sme-button-auto-width", 3, "click"], ["aria-hidden", "true"], [1, "sme-screen-reader"], ["aria-hidden", "true", 1, "sme-icon", "sme-icon-clear", "sme-margin-left-xs", 3, "title"], ["type", "button", "role", "button", "data-uta-id", "column-picker-button", 1, "sme-layout-action-bar-item-height", "sme-button-trigger", "sme-button-auto-width", 3, "title", "click"], [1, "sme-icon", "sme-icon-tripleColumn"], ["type", "button", "role", "button", 1, "sme-layout-action-bar-item-height", "sme-button-trigger", "sme-button-auto-width", 3, "disabled", "title", "click"], [1, "sme-icon", "sme-icon-refresh"], ["type", "button", "role", "button", 1, "sme-layout-action-bar-item-height", "sme-button-trigger", "sme-button-auto-width", 3, "title", "click"], [1, "sme-icon", "sme-icon-filter"], [1, "sme-icon", "sme-icon-groupedList"], [1, "sme-margin-horizontal-sm"], [2, "position", "relative"], [1, "sme-position-flex-none", "sme-layout-action-bar-item"]], template: function MasterViewComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef(_c4$5);
-                i0.ɵɵtemplate(0, MasterViewComponent_h2_0_Template, 2, 2, "h2", 0);
+                i0.ɵɵtemplate(0, MasterViewComponent_h2_0_Template, 2, 3, "h2", 0);
                 i0.ɵɵelementStart(1, "sme-layout", 1, 2);
                 i0.ɵɵlistener("layoutChanged", function MasterViewComponent_Template_sme_layout_layoutChanged_1_listener() { return ctx.updateActionBar(); });
                 i0.ɵɵelement(3, "sme-layout-definition", 3);
@@ -35111,16 +35301,16 @@
                 i0.ɵɵelementStart(13, "div", 11);
                 i0.ɵɵtemplate(14, MasterViewComponent_button_14_Template, 2, 4, "button", 12);
                 i0.ɵɵtemplate(15, MasterViewComponent_button_15_Template, 2, 3, "button", 13);
-                i0.ɵɵtemplate(16, MasterViewComponent_button_16_Template, 2, 4, "button", 12);
-                i0.ɵɵtemplate(17, MasterViewComponent_button_17_Template, 2, 4, "button", 12);
+                i0.ɵɵtemplate(16, MasterViewComponent_button_16_Template, 2, 4, "button", 14);
+                i0.ɵɵtemplate(17, MasterViewComponent_button_17_Template, 2, 4, "button", 14);
                 i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(18, "div", 14);
-                i0.ɵɵtemplate(19, MasterViewComponent_div_19_Template, 2, 0, "div", 15);
+                i0.ɵɵelementStart(18, "div", 15);
+                i0.ɵɵtemplate(19, MasterViewComponent_div_19_Template, 2, 0, "div", 16);
                 i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(20, MasterViewComponent_form_20_Template, 3, 0, "form", 16);
+                i0.ɵɵtemplate(20, MasterViewComponent_form_20_Template, 3, 0, "form", 17);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
-                i0.ɵɵelementStart(21, "div", null, 17);
+                i0.ɵɵelementStart(21, "div", null, 18);
                 i0.ɵɵprojection(23, 1);
                 i0.ɵɵelementEnd();
             }
@@ -35137,7 +35327,9 @@
                 i0.ɵɵclassProp("sme-padding-horizontal-sm", !ctx.noSideMargin)("sme-padding-left-sm", ctx.noSideMargin);
                 i0.ɵɵadvance(1);
                 i0.ɵɵclassProp("sme-margin-right-xs", ctx.selectedItemCount === 0 || !ctx.showSelection);
-                i0.ɵɵadvance(2);
+                i0.ɵɵadvance(1);
+                i0.ɵɵproperty("id", ctx.idBag.itemCountLabel);
+                i0.ɵɵadvance(1);
                 i0.ɵɵtextInterpolate(ctx.getItemCountText());
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngIf", ctx.selectedItemCount > 0 && ctx.showSelection);
@@ -35368,6 +35560,7 @@
             var allColumns = this.dataTable.columns ? this.dataTable.columns.toArray() : [];
             var dataTableAllColumns = allColumns.map(function (item) {
                 return {
+                    'utaId': item.utaId,
                     'field': item.field,
                     'header': item.header,
                     'hidden': item.hidden,
@@ -35756,6 +35949,17 @@
     }
 
     var _c0$W = ["*"];
+    /**
+     * @smeDoc {@label Layered Icon @id sme-layered-icon}
+     *
+     * @overview
+     * @file {@filepath ./examples/layered-icon-overview.md}
+     *
+     * @example {@label Layered Icon example @id layered-icon-example}
+     * @file {@filename layered-icon-example.component.html @filepath ./examples/layered-icon-example.component.html }
+     * @file {@filename layered-icon-example.component.ts @filepath ./examples/layered-icon-example.component.ts }
+     * @file {@filename layered-icon-example.module.ts @filepath ./examples/layered-icon-example.module.ts }
+     */
     var LayeredIconComponent = /** @class */ (function (_super) {
         __extends(LayeredIconComponent, _super);
         function LayeredIconComponent(injector) {
@@ -35975,7 +36179,7 @@
 
     function StatusIconComponent_sme_icon_layer_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "sme-icon-layer", 2);
+            i0.ɵɵelement(0, "sme-icon-layer", 3);
         }
         if (rf & 2) {
             var layer_r1 = ctx.$implicit;
@@ -36017,10 +36221,43 @@
             return value;
         }
         StatusIconType.fromBindableType = fromBindableType;
+        function getIconLayers(iconType) {
+            switch (iconType) {
+                case StatusIconType.Critical:
+                    return ['sme-icon', 'sme-color-critical', 'sme-icon-statusErrorFull'];
+                case StatusIconType.Error:
+                    return ['sme-icon', 'sme-color-error', 'sme-icon-criticalErrorSolid'];
+                case StatusIconType.Warning:
+                    return ['sme-icon', 'sme-color-warning', 'sme-icon-warningSolid'];
+                case StatusIconType.Progress:
+                    return ['sme-icon', 'sme-color-progress', 'sme-icon-syncStatusSolid'];
+                case StatusIconType.Info:
+                    return ['sme-icon', 'sme-color-info', 'sme-icon-infoSolid'];
+                case StatusIconType.Success:
+                    return ['sme-icon', 'sme-color-success', 'sme-icon-completedSolid'];
+                case StatusIconType.Unknown:
+                    return ['sme-icon', 'sme-color-neutral', 'sme-icon-unknownSolid'];
+            }
+        }
+        StatusIconType.getIconLayers = getIconLayers;
     })(exports.StatusIconType || (exports.StatusIconType = {}));
-    var StatusIconComponent = /** @class */ (function () {
+    var StatusIconComponent = /** @class */ (function (_super) {
+        __extends(StatusIconComponent, _super);
         function StatusIconComponent() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this.localStrings = _this.strings.MsftSmeShell.Angular.StatusIcon;
+            return _this;
         }
+        Object.defineProperty(StatusIconComponent.prototype, "logSourceName", {
+            /**
+             * The source name to use for logging
+            */
+            get: function () {
+                return 'StatusIconComponent';
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(StatusIconComponent.prototype, "status", {
             /**
              * Input binding for the status icon type
@@ -36030,24 +36267,31 @@
                 switch (type) {
                     case exports.StatusIconType.Critical:
                         layers.push(['sme-icon', 'sme-color-critical', 'sme-icon-statusErrorFull']);
+                        this.statusString = this.localStrings.Critical;
                         break;
                     case exports.StatusIconType.Error:
                         layers.push(['sme-icon', 'sme-color-error', 'sme-icon-criticalErrorSolid']);
+                        this.statusString = this.localStrings.Error;
                         break;
                     case exports.StatusIconType.Warning:
                         layers.push(['sme-icon', 'sme-color-warning', 'sme-icon-warningSolid']);
+                        this.statusString = this.localStrings.Warning;
                         break;
                     case exports.StatusIconType.Progress:
                         layers.push(['sme-icon', 'sme-color-progress', 'sme-icon-syncStatusSolid']);
+                        this.statusString = this.localStrings.Progress;
                         break;
                     case exports.StatusIconType.Info:
                         layers.push(['sme-icon', 'sme-color-info', 'sme-icon-infoSolid']);
+                        this.statusString = this.localStrings.Info;
                         break;
                     case exports.StatusIconType.Success:
                         layers.push(['sme-icon', 'sme-color-success', 'sme-icon-completedSolid']);
+                        this.statusString = this.localStrings.Success;
                         break;
                     case exports.StatusIconType.Unknown:
                         layers.push(['sme-icon', 'sme-color-neutral', 'sme-icon-unknownSolid']);
+                        this.statusString = this.localStrings.Unknown;
                         break;
                 }
                 this.layers = layers;
@@ -36056,20 +36300,26 @@
             configurable: true
         });
         return StatusIconComponent;
-    }());
-    /** @nocollapse */ StatusIconComponent.ɵfac = function StatusIconComponent_Factory(t) { return new (t || StatusIconComponent)(); };
-    /** @nocollapse */ StatusIconComponent.ɵcmp = i0.ɵɵdefineComponent({ type: StatusIconComponent, selectors: [["sme-status-icon"]], inputs: { size: "size", status: "status" }, decls: 2, vars: 2, consts: [[3, "size"], [3, "size", "ngClass", 4, "ngFor", "ngForOf"], [3, "size", "ngClass"]], template: function StatusIconComponent_Template(rf, ctx) {
+    }(CoreBaseComponent));
+    /** @nocollapse */ StatusIconComponent.ɵfac = function StatusIconComponent_Factory(t) { return ɵStatusIconComponent_BaseFactory(t || StatusIconComponent); };
+    /** @nocollapse */ StatusIconComponent.ɵcmp = i0.ɵɵdefineComponent({ type: StatusIconComponent, selectors: [["sme-status-icon"]], inputs: { size: "size", status: "status" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 4, consts: [["aria-hidden", "true", 3, "size", "title"], [3, "size", "ngClass", 4, "ngFor", "ngForOf"], [1, "sme-screen-reader"], [3, "size", "ngClass"]], template: function StatusIconComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "sme-layered-icon", 0);
                 i0.ɵɵtemplate(1, StatusIconComponent_sme_icon_layer_1_Template, 1, 2, "sme-icon-layer", 1);
                 i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(2, "div", 2);
+                i0.ɵɵtext(3);
+                i0.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0.ɵɵproperty("size", ctx.size);
+                i0.ɵɵproperty("size", ctx.size)("title", ctx.statusString);
                 i0.ɵɵadvance(1);
                 i0.ɵɵproperty("ngForOf", ctx.layers);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.statusString);
             }
-        }, directives: [LayeredIconComponent, i1$1.NgForOf, IconLayerComponent, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [LayeredIconComponent, TooltipDirective, i1$1.NgForOf, IconLayerComponent, i1$1.NgClass], encapsulation: 2 });
+    var ɵStatusIconComponent_BaseFactory = /*@__PURE__*/ i0.ɵɵgetInheritedFactory(StatusIconComponent);
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StatusIconComponent, [{
                 type: i0.Component,
@@ -36768,16 +37018,6 @@
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(BadgeBaseComponent.prototype, "resolvedTitle", {
-            /**
-             * The title that we actually bind to
-             */
-            get: function () {
-                return this.resolvedTooltip ? null : this.description;
-            },
-            enumerable: false,
-            configurable: true
-        });
         Object.defineProperty(BadgeBaseComponent.prototype, "resolvedTooltip", {
             /**
              * The title that we actually bind to
@@ -36787,12 +37027,7 @@
                 if (this.tooltip) {
                     return this.tooltip;
                 }
-                // if there is a learnMoreLink or feedbackLink, then use the default tooltip
-                if (this.learnMoreLink || this.showFeedbackLink) {
-                    return this.defaultTooltip;
-                }
-                // otherwise its just a description. in which case we should use the title property instead
-                return null;
+                return this.defaultTooltip;
             },
             enumerable: false,
             configurable: true
@@ -36862,100 +37097,55 @@
     })();
 
     var _c0$_ = ["type", "comingsoon"];
-    var _c1$s = function (a1) { return ["sme-icon", a1]; };
-    function ComingSoonBadgeComponent_p_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 4);
-            i0.ɵɵelementStart(1, "span", 5);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "span", 6);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r0.resolvedTooltip)("title", ctx_r0.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r0.resolvedTitle ? ctx_r0.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$s, ctx_r0.icon));
-        }
-    }
-    function ComingSoonBadgeComponent_p_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 7);
-            i0.ɵɵelementStart(1, "span");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r1.resolvedTooltip)("title", ctx_r1.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r1.resolvedTitle ? ctx_r1.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.label);
-        }
-    }
-    function ComingSoonBadgeComponent_ng_template_2_a_5_Template(rf, ctx) {
+    function ComingSoonBadgeComponent_ng_template_6_a_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r5.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r5.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
+            i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
         }
     }
-    function ComingSoonBadgeComponent_ng_template_2_a_7_Template(rf, ctx) {
+    function ComingSoonBadgeComponent_ng_template_6_a_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r6.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Badges.Common.feedback);
+            i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
         }
     }
-    function ComingSoonBadgeComponent_ng_template_2_Template(rf, ctx) {
+    function ComingSoonBadgeComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵelementStart(0, "p", 6);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "p", 9);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 10);
-            i0.ɵɵtemplate(5, ComingSoonBadgeComponent_ng_template_2_a_5_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵtemplate(3, ComingSoonBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 10);
-            i0.ɵɵtemplate(7, ComingSoonBadgeComponent_ng_template_2_a_7_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, ComingSoonBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var hostData_r4 = ctx.hostData;
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", hostData_r4.ariaLabelId);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.ariaLabel);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", hostData_r4.ariaDescriptionId);
-            i0.ɵɵattribute("aria-describedby", hostData_r4.ariaDescriptionId);
+            var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.description);
+            i0.ɵɵtextInterpolate(ctx_r1.description);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.learnMoreLink);
+            i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r3.showFeedbackLink);
+            i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
         }
     }
+    var _c1$s = function (a1) { return ["sme-icon", a1]; };
     /**
      * Defines a coming soon badge
      */
@@ -36992,18 +37182,29 @@
         return ComingSoonBadgeComponent;
     }(CoreBadgeBaseComponent));
     /** @nocollapse */ ComingSoonBadgeComponent.ɵfac = function ComingSoonBadgeComponent_Factory(t) { return new (t || ComingSoonBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ ComingSoonBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ComingSoonBadgeComponent, selectors: [["sme-badge", "type", "comingsoon"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$_, decls: 4, vars: 2, consts: [["tabindex", "0", 3, "smeTooltip", "title", 4, "ngIf"], [3, "smeTooltip", "title", 4, "ngIf"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], ["tabindex", "0", 3, "smeTooltip", "title"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], [3, "smeTooltip", "title"], [1, "sme-screen-reader", 3, "id"], [1, "sme-margin-bottom-xs", "sme-font-label", 3, "id"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function ComingSoonBadgeComponent_Template(rf, ctx) {
+    /** @nocollapse */ ComingSoonBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ComingSoonBadgeComponent, selectors: [["sme-badge", "type", "comingsoon"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$_, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function ComingSoonBadgeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, ComingSoonBadgeComponent_p_0_Template, 4, 7, "p", 0);
-                i0.ɵɵtemplate(1, ComingSoonBadgeComponent_p_1_Template, 3, 4, "p", 1);
-                i0.ɵɵtemplate(2, ComingSoonBadgeComponent_ng_template_2_Template, 8, 7, "ng-template", 2, 3, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(0, "p", 0);
+                i0.ɵɵelementStart(1, "span", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "span", 2);
+                i0.ɵɵtext(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(6, ComingSoonBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.resolvedTooltip || ctx.resolvedTitle);
+                i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.ariaLabel);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.label);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.resolvedTooltip && !ctx.resolvedTitle);
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$s, ctx.icon));
             }
-        }, directives: [i1$1.NgIf, TooltipDirective, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [TooltipDirective, i1$1.NgClass, i1$1.NgIf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComingSoonBadgeComponent, [{
                 type: i0.Component,
@@ -37015,100 +37216,55 @@
     })();
 
     var _c0$$ = ["type", "custom"];
-    var _c1$t = function (a1) { return ["sme-icon", a1]; };
-    function CustomBadgeComponent_p_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 4);
-            i0.ɵɵelementStart(1, "span", 5);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "span", 6);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r0.resolvedTooltip)("title", ctx_r0.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r0.resolvedTitle ? ctx_r0.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$t, ctx_r0.icon));
-        }
-    }
-    function CustomBadgeComponent_p_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 7);
-            i0.ɵɵelementStart(1, "span");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r1.resolvedTooltip)("title", ctx_r1.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r1.resolvedTitle ? ctx_r1.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.label);
-        }
-    }
-    function CustomBadgeComponent_ng_template_2_a_5_Template(rf, ctx) {
+    function CustomBadgeComponent_ng_template_6_a_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r5.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r5.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
+            i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
         }
     }
-    function CustomBadgeComponent_ng_template_2_a_7_Template(rf, ctx) {
+    function CustomBadgeComponent_ng_template_6_a_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r6.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Badges.Common.feedback);
+            i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
         }
     }
-    function CustomBadgeComponent_ng_template_2_Template(rf, ctx) {
+    function CustomBadgeComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵelementStart(0, "p", 6);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "p", 9);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 10);
-            i0.ɵɵtemplate(5, CustomBadgeComponent_ng_template_2_a_5_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵtemplate(3, CustomBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 10);
-            i0.ɵɵtemplate(7, CustomBadgeComponent_ng_template_2_a_7_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, CustomBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var hostData_r4 = ctx.hostData;
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", hostData_r4.ariaLabelId);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.ariaLabel);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", hostData_r4.ariaDescriptionId);
-            i0.ɵɵattribute("aria-describedby", hostData_r4.ariaDescriptionId);
+            var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.description);
+            i0.ɵɵtextInterpolate(ctx_r1.description);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.learnMoreLink);
+            i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r3.showFeedbackLink);
+            i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
         }
     }
+    var _c1$t = function (a1) { return ["sme-icon", a1]; };
     /**
      * Defines a custom badge
      */
@@ -37142,18 +37298,29 @@
         return CustomBadgeComponent;
     }(CoreBadgeBaseComponent));
     /** @nocollapse */ CustomBadgeComponent.ɵfac = function CustomBadgeComponent_Factory(t) { return new (t || CustomBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ CustomBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CustomBadgeComponent, selectors: [["sme-badge", "type", "custom"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$$, decls: 4, vars: 2, consts: [["tabindex", "0", 3, "smeTooltip", "title", 4, "ngIf"], [3, "smeTooltip", "title", 4, "ngIf"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], ["tabindex", "0", 3, "smeTooltip", "title"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], [3, "smeTooltip", "title"], [1, "sme-screen-reader", 3, "id"], [1, "sme-margin-bottom-xs", "sme-font-label", 3, "id"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function CustomBadgeComponent_Template(rf, ctx) {
+    /** @nocollapse */ CustomBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CustomBadgeComponent, selectors: [["sme-badge", "type", "custom"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$$, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function CustomBadgeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, CustomBadgeComponent_p_0_Template, 4, 7, "p", 0);
-                i0.ɵɵtemplate(1, CustomBadgeComponent_p_1_Template, 3, 4, "p", 1);
-                i0.ɵɵtemplate(2, CustomBadgeComponent_ng_template_2_Template, 8, 7, "ng-template", 2, 3, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(0, "p", 0);
+                i0.ɵɵelementStart(1, "span", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "span", 2);
+                i0.ɵɵtext(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(6, CustomBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.resolvedTooltip || ctx.resolvedTitle);
+                i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.ariaLabel);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.label);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.resolvedTooltip && !ctx.resolvedTitle);
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$t, ctx.icon));
             }
-        }, directives: [i1$1.NgIf, TooltipDirective, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [TooltipDirective, i1$1.NgClass, i1$1.NgIf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CustomBadgeComponent, [{
                 type: i0.Component,
@@ -37165,100 +37332,55 @@
     })();
 
     var _c0$10 = ["type", "feedback"];
-    var _c1$u = function (a1) { return ["sme-icon", a1]; };
-    function FeedbackBadgeComponent_p_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 4);
-            i0.ɵɵelementStart(1, "span", 5);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "span", 6);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r0.resolvedTooltip)("title", ctx_r0.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r0.resolvedTitle ? ctx_r0.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$u, ctx_r0.icon));
-        }
-    }
-    function FeedbackBadgeComponent_p_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 7);
-            i0.ɵɵelementStart(1, "span");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r1.resolvedTooltip)("title", ctx_r1.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r1.resolvedTitle ? ctx_r1.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.label);
-        }
-    }
-    function FeedbackBadgeComponent_ng_template_2_a_5_Template(rf, ctx) {
+    function FeedbackBadgeComponent_ng_template_6_a_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r5.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r5.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
+            i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
         }
     }
-    function FeedbackBadgeComponent_ng_template_2_a_7_Template(rf, ctx) {
+    function FeedbackBadgeComponent_ng_template_6_a_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r6.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Badges.Common.feedback);
+            i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
         }
     }
-    function FeedbackBadgeComponent_ng_template_2_Template(rf, ctx) {
+    function FeedbackBadgeComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵelementStart(0, "p", 6);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "p", 9);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 10);
-            i0.ɵɵtemplate(5, FeedbackBadgeComponent_ng_template_2_a_5_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵtemplate(3, FeedbackBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 10);
-            i0.ɵɵtemplate(7, FeedbackBadgeComponent_ng_template_2_a_7_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, FeedbackBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var hostData_r4 = ctx.hostData;
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", hostData_r4.ariaLabelId);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.ariaLabel);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", hostData_r4.ariaDescriptionId);
-            i0.ɵɵattribute("aria-describedby", hostData_r4.ariaDescriptionId);
+            var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.description);
+            i0.ɵɵtextInterpolate(ctx_r1.description);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.learnMoreLink);
+            i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r3.showFeedbackLink);
+            i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
         }
     }
+    var _c1$u = function (a1) { return ["sme-icon", a1]; };
     /**
      * Defines a feedback badge
      */
@@ -37295,18 +37417,29 @@
         return FeedbackBadgeComponent;
     }(CoreBadgeBaseComponent));
     /** @nocollapse */ FeedbackBadgeComponent.ɵfac = function FeedbackBadgeComponent_Factory(t) { return new (t || FeedbackBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ FeedbackBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FeedbackBadgeComponent, selectors: [["sme-badge", "type", "feedback"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$10, decls: 4, vars: 2, consts: [["tabindex", "0", 3, "smeTooltip", "title", 4, "ngIf"], [3, "smeTooltip", "title", 4, "ngIf"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], ["tabindex", "0", 3, "smeTooltip", "title"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], [3, "smeTooltip", "title"], [1, "sme-screen-reader", 3, "id"], [1, "sme-margin-bottom-xs", "sme-font-label", 3, "id"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function FeedbackBadgeComponent_Template(rf, ctx) {
+    /** @nocollapse */ FeedbackBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: FeedbackBadgeComponent, selectors: [["sme-badge", "type", "feedback"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$10, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function FeedbackBadgeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, FeedbackBadgeComponent_p_0_Template, 4, 7, "p", 0);
-                i0.ɵɵtemplate(1, FeedbackBadgeComponent_p_1_Template, 3, 4, "p", 1);
-                i0.ɵɵtemplate(2, FeedbackBadgeComponent_ng_template_2_Template, 8, 7, "ng-template", 2, 3, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(0, "p", 0);
+                i0.ɵɵelementStart(1, "span", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "span", 2);
+                i0.ɵɵtext(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(6, FeedbackBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.resolvedTooltip || ctx.resolvedTitle);
+                i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.ariaLabel);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.label);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.resolvedTooltip && !ctx.resolvedTitle);
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$u, ctx.icon));
             }
-        }, directives: [i1$1.NgIf, TooltipDirective, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [TooltipDirective, i1$1.NgClass, i1$1.NgIf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeedbackBadgeComponent, [{
                 type: i0.Component,
@@ -37318,100 +37451,55 @@
     })();
 
     var _c0$11 = ["type", "new"];
-    var _c1$v = function (a1) { return ["sme-icon", a1]; };
-    function NewBadgeComponent_p_0_Template(rf, ctx) {
+    function NewBadgeComponent_ng_template_6_a_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 4);
-            i0.ɵɵelementStart(1, "span", 5);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "span", 6);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r0.resolvedTooltip)("title", ctx_r0.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r0.resolvedTitle ? ctx_r0.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$v, ctx_r0.icon));
-        }
-    }
-    function NewBadgeComponent_p_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 7);
-            i0.ɵɵelementStart(1, "span");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r1.resolvedTooltip)("title", ctx_r1.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r1.resolvedTitle ? ctx_r1.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.label);
-        }
-    }
-    function NewBadgeComponent_ng_template_2_a_5_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r5.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r5.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
+            i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
         }
     }
-    function NewBadgeComponent_ng_template_2_a_7_Template(rf, ctx) {
+    function NewBadgeComponent_ng_template_6_a_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r6.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Badges.Common.feedback);
+            i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
         }
     }
-    function NewBadgeComponent_ng_template_2_Template(rf, ctx) {
+    function NewBadgeComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵelementStart(0, "p", 6);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "p", 9);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 10);
-            i0.ɵɵtemplate(5, NewBadgeComponent_ng_template_2_a_5_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵtemplate(3, NewBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 10);
-            i0.ɵɵtemplate(7, NewBadgeComponent_ng_template_2_a_7_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, NewBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var hostData_r4 = ctx.hostData;
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", hostData_r4.ariaLabelId);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.ariaLabel);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", hostData_r4.ariaDescriptionId);
-            i0.ɵɵattribute("aria-describedby", hostData_r4.ariaDescriptionId);
+            var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.description);
+            i0.ɵɵtextInterpolate(ctx_r1.description);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.learnMoreLink);
+            i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r3.showFeedbackLink);
+            i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
         }
     }
+    var _c1$v = function (a1) { return ["sme-icon", a1]; };
     /**
      * Defines a 'new' badge
      */
@@ -37448,18 +37536,29 @@
         return NewBadgeComponent;
     }(CoreBadgeBaseComponent));
     /** @nocollapse */ NewBadgeComponent.ɵfac = function NewBadgeComponent_Factory(t) { return new (t || NewBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ NewBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NewBadgeComponent, selectors: [["sme-badge", "type", "new"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$11, decls: 4, vars: 2, consts: [["tabindex", "0", 3, "smeTooltip", "title", 4, "ngIf"], [3, "smeTooltip", "title", 4, "ngIf"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], ["tabindex", "0", 3, "smeTooltip", "title"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], [3, "smeTooltip", "title"], [1, "sme-screen-reader", 3, "id"], [1, "sme-margin-bottom-xs", "sme-font-label", 3, "id"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function NewBadgeComponent_Template(rf, ctx) {
+    /** @nocollapse */ NewBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NewBadgeComponent, selectors: [["sme-badge", "type", "new"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$11, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function NewBadgeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, NewBadgeComponent_p_0_Template, 4, 7, "p", 0);
-                i0.ɵɵtemplate(1, NewBadgeComponent_p_1_Template, 3, 4, "p", 1);
-                i0.ɵɵtemplate(2, NewBadgeComponent_ng_template_2_Template, 8, 7, "ng-template", 2, 3, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(0, "p", 0);
+                i0.ɵɵelementStart(1, "span", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "span", 2);
+                i0.ɵɵtext(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(6, NewBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.resolvedTooltip || ctx.resolvedTitle);
+                i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.ariaLabel);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.label);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.resolvedTooltip && !ctx.resolvedTitle);
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$v, ctx.icon));
             }
-        }, directives: [i1$1.NgIf, TooltipDirective, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [TooltipDirective, i1$1.NgClass, i1$1.NgIf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NewBadgeComponent, [{
                 type: i0.Component,
@@ -37471,100 +37570,55 @@
     })();
 
     var _c0$12 = ["type", "preview"];
-    var _c1$w = function (a1) { return ["sme-icon", a1]; };
-    function PreviewBadgeComponent_p_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 4);
-            i0.ɵɵelementStart(1, "span", 5);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "span", 6);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r0.resolvedTooltip)("title", ctx_r0.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r0.resolvedTitle ? ctx_r0.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$w, ctx_r0.icon));
-        }
-    }
-    function PreviewBadgeComponent_p_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 7);
-            i0.ɵɵelementStart(1, "span");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r1.resolvedTooltip)("title", ctx_r1.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r1.resolvedTitle ? ctx_r1.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.label);
-        }
-    }
-    function PreviewBadgeComponent_ng_template_2_a_5_Template(rf, ctx) {
+    function PreviewBadgeComponent_ng_template_6_a_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r5.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r5.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
+            i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
         }
     }
-    function PreviewBadgeComponent_ng_template_2_a_7_Template(rf, ctx) {
+    function PreviewBadgeComponent_ng_template_6_a_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r6.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Badges.Common.feedback);
+            i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
         }
     }
-    function PreviewBadgeComponent_ng_template_2_Template(rf, ctx) {
+    function PreviewBadgeComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵelementStart(0, "p", 6);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "p", 9);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 10);
-            i0.ɵɵtemplate(5, PreviewBadgeComponent_ng_template_2_a_5_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵtemplate(3, PreviewBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 10);
-            i0.ɵɵtemplate(7, PreviewBadgeComponent_ng_template_2_a_7_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, PreviewBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var hostData_r4 = ctx.hostData;
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", hostData_r4.ariaLabelId);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.ariaLabel);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", hostData_r4.ariaDescriptionId);
-            i0.ɵɵattribute("aria-describedby", hostData_r4.ariaDescriptionId);
+            var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.description);
+            i0.ɵɵtextInterpolate(ctx_r1.description);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.learnMoreLink);
+            i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r3.showFeedbackLink);
+            i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
         }
     }
+    var _c1$w = function (a1) { return ["sme-icon", a1]; };
     /**
      * Defines a preview badge
      */
@@ -37602,18 +37656,29 @@
         return PreviewBadgeComponent;
     }(CoreBadgeBaseComponent));
     /** @nocollapse */ PreviewBadgeComponent.ɵfac = function PreviewBadgeComponent_Factory(t) { return new (t || PreviewBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ PreviewBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PreviewBadgeComponent, selectors: [["sme-badge", "type", "preview"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$12, decls: 4, vars: 2, consts: [["tabindex", "0", 3, "smeTooltip", "title", 4, "ngIf"], [3, "smeTooltip", "title", 4, "ngIf"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], ["tabindex", "0", 3, "smeTooltip", "title"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], [3, "smeTooltip", "title"], [1, "sme-screen-reader", 3, "id"], [1, "sme-margin-bottom-xs", "sme-font-label", 3, "id"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function PreviewBadgeComponent_Template(rf, ctx) {
+    /** @nocollapse */ PreviewBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: PreviewBadgeComponent, selectors: [["sme-badge", "type", "preview"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$12, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function PreviewBadgeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, PreviewBadgeComponent_p_0_Template, 4, 7, "p", 0);
-                i0.ɵɵtemplate(1, PreviewBadgeComponent_p_1_Template, 3, 4, "p", 1);
-                i0.ɵɵtemplate(2, PreviewBadgeComponent_ng_template_2_Template, 8, 7, "ng-template", 2, 3, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(0, "p", 0);
+                i0.ɵɵelementStart(1, "span", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "span", 2);
+                i0.ɵɵtext(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(6, PreviewBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.resolvedTooltip || ctx.resolvedTitle);
+                i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.ariaLabel);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.label);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.resolvedTooltip && !ctx.resolvedTitle);
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$w, ctx.icon));
             }
-        }, directives: [i1$1.NgIf, TooltipDirective, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [TooltipDirective, i1$1.NgClass, i1$1.NgIf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PreviewBadgeComponent, [{
                 type: i0.Component,
@@ -37625,100 +37690,55 @@
     })();
 
     var _c0$13 = ["type", "bugfixes-feature"];
-    var _c1$x = function (a1) { return ["sme-icon", a1]; };
-    function BugFixesFeatureBadgeComponent_p_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 4);
-            i0.ɵɵelementStart(1, "span", 5);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "span", 6);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r0.resolvedTooltip)("title", ctx_r0.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r0.resolvedTitle ? ctx_r0.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$x, ctx_r0.icon));
-        }
-    }
-    function BugFixesFeatureBadgeComponent_p_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 7);
-            i0.ɵɵelementStart(1, "span");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r1.resolvedTooltip)("title", ctx_r1.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r1.resolvedTitle ? ctx_r1.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.label);
-        }
-    }
-    function BugFixesFeatureBadgeComponent_ng_template_2_a_5_Template(rf, ctx) {
+    function BugFixesFeatureBadgeComponent_ng_template_6_a_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r5.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r5.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
+            i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
         }
     }
-    function BugFixesFeatureBadgeComponent_ng_template_2_a_7_Template(rf, ctx) {
+    function BugFixesFeatureBadgeComponent_ng_template_6_a_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r6.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Badges.Common.feedback);
+            i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
         }
     }
-    function BugFixesFeatureBadgeComponent_ng_template_2_Template(rf, ctx) {
+    function BugFixesFeatureBadgeComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵelementStart(0, "p", 6);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "p", 9);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 10);
-            i0.ɵɵtemplate(5, BugFixesFeatureBadgeComponent_ng_template_2_a_5_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵtemplate(3, BugFixesFeatureBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 10);
-            i0.ɵɵtemplate(7, BugFixesFeatureBadgeComponent_ng_template_2_a_7_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, BugFixesFeatureBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var hostData_r4 = ctx.hostData;
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", hostData_r4.ariaLabelId);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.ariaLabel);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", hostData_r4.ariaDescriptionId);
-            i0.ɵɵattribute("aria-describedby", hostData_r4.ariaDescriptionId);
+            var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.description);
+            i0.ɵɵtextInterpolate(ctx_r1.description);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.learnMoreLink);
+            i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r3.showFeedbackLink);
+            i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
         }
     }
+    var _c1$x = function (a1) { return ["sme-icon", a1]; };
     /**
      * Defines an 'improvement-feature' badge
      */
@@ -37758,18 +37778,29 @@
         return BugFixesFeatureBadgeComponent;
     }(CoreBadgeBaseComponent));
     /** @nocollapse */ BugFixesFeatureBadgeComponent.ɵfac = function BugFixesFeatureBadgeComponent_Factory(t) { return new (t || BugFixesFeatureBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ BugFixesFeatureBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BugFixesFeatureBadgeComponent, selectors: [["sme-badge", "type", "bugfixes-feature"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$13, decls: 4, vars: 2, consts: [["tabindex", "0", 3, "smeTooltip", "title", 4, "ngIf"], [3, "smeTooltip", "title", 4, "ngIf"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], ["tabindex", "0", 3, "smeTooltip", "title"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], [3, "smeTooltip", "title"], [1, "sme-screen-reader", 3, "id"], [1, "sme-margin-bottom-xs", "sme-font-label", 3, "id"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function BugFixesFeatureBadgeComponent_Template(rf, ctx) {
+    /** @nocollapse */ BugFixesFeatureBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BugFixesFeatureBadgeComponent, selectors: [["sme-badge", "type", "bugfixes-feature"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$13, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function BugFixesFeatureBadgeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, BugFixesFeatureBadgeComponent_p_0_Template, 4, 7, "p", 0);
-                i0.ɵɵtemplate(1, BugFixesFeatureBadgeComponent_p_1_Template, 3, 4, "p", 1);
-                i0.ɵɵtemplate(2, BugFixesFeatureBadgeComponent_ng_template_2_Template, 8, 7, "ng-template", 2, 3, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(0, "p", 0);
+                i0.ɵɵelementStart(1, "span", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "span", 2);
+                i0.ɵɵtext(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(6, BugFixesFeatureBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.resolvedTooltip || ctx.resolvedTitle);
+                i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.ariaLabel);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.label);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.resolvedTooltip && !ctx.resolvedTitle);
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$x, ctx.icon));
             }
-        }, directives: [i1$1.NgIf, TooltipDirective, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [TooltipDirective, i1$1.NgClass, i1$1.NgIf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BugFixesFeatureBadgeComponent, [{
                 type: i0.Component,
@@ -37781,100 +37812,55 @@
     })();
 
     var _c0$14 = ["type", "credsspenabled"];
-    var _c1$y = function (a1) { return ["sme-icon", a1]; };
-    function CredSSPEnabledBadgeComponent_p_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 4);
-            i0.ɵɵelementStart(1, "span", 5);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "span", 6);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r0.resolvedTooltip)("title", ctx_r0.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r0.resolvedTitle ? ctx_r0.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$y, ctx_r0.icon));
-        }
-    }
-    function CredSSPEnabledBadgeComponent_p_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 7);
-            i0.ɵɵelementStart(1, "span");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r1.resolvedTooltip)("title", ctx_r1.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r1.resolvedTitle ? ctx_r1.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.label);
-        }
-    }
-    function CredSSPEnabledBadgeComponent_ng_template_2_a_5_Template(rf, ctx) {
+    function CredSSPEnabledBadgeComponent_ng_template_6_a_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r5.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r5.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
+            i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
         }
     }
-    function CredSSPEnabledBadgeComponent_ng_template_2_a_7_Template(rf, ctx) {
+    function CredSSPEnabledBadgeComponent_ng_template_6_a_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r6.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Badges.Common.feedback);
+            i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
         }
     }
-    function CredSSPEnabledBadgeComponent_ng_template_2_Template(rf, ctx) {
+    function CredSSPEnabledBadgeComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵelementStart(0, "p", 6);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "p", 9);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 10);
-            i0.ɵɵtemplate(5, CredSSPEnabledBadgeComponent_ng_template_2_a_5_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵtemplate(3, CredSSPEnabledBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 10);
-            i0.ɵɵtemplate(7, CredSSPEnabledBadgeComponent_ng_template_2_a_7_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, CredSSPEnabledBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var hostData_r4 = ctx.hostData;
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", hostData_r4.ariaLabelId);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.ariaLabel);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", hostData_r4.ariaDescriptionId);
-            i0.ɵɵattribute("aria-describedby", hostData_r4.ariaDescriptionId);
+            var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.description);
+            i0.ɵɵtextInterpolate(ctx_r1.description);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.learnMoreLink);
+            i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r3.showFeedbackLink);
+            i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
         }
     }
+    var _c1$y = function (a1) { return ["sme-icon", a1]; };
     /**
      * Defines a preview badge
      */
@@ -37911,18 +37897,29 @@
         return CredSSPEnabledBadgeComponent;
     }(CoreBadgeBaseComponent));
     /** @nocollapse */ CredSSPEnabledBadgeComponent.ɵfac = function CredSSPEnabledBadgeComponent_Factory(t) { return new (t || CredSSPEnabledBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ CredSSPEnabledBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CredSSPEnabledBadgeComponent, selectors: [["sme-badge", "type", "credsspenabled"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$14, decls: 4, vars: 2, consts: [["tabindex", "0", 3, "smeTooltip", "title", 4, "ngIf"], [3, "smeTooltip", "title", 4, "ngIf"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], ["tabindex", "0", 3, "smeTooltip", "title"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], [3, "smeTooltip", "title"], [1, "sme-screen-reader", 3, "id"], [1, "sme-margin-bottom-xs", "sme-font-label", 3, "id"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function CredSSPEnabledBadgeComponent_Template(rf, ctx) {
+    /** @nocollapse */ CredSSPEnabledBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CredSSPEnabledBadgeComponent, selectors: [["sme-badge", "type", "credsspenabled"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$14, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function CredSSPEnabledBadgeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, CredSSPEnabledBadgeComponent_p_0_Template, 4, 7, "p", 0);
-                i0.ɵɵtemplate(1, CredSSPEnabledBadgeComponent_p_1_Template, 3, 4, "p", 1);
-                i0.ɵɵtemplate(2, CredSSPEnabledBadgeComponent_ng_template_2_Template, 8, 7, "ng-template", 2, 3, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(0, "p", 0);
+                i0.ɵɵelementStart(1, "span", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "span", 2);
+                i0.ɵɵtext(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(6, CredSSPEnabledBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.resolvedTooltip || ctx.resolvedTitle);
+                i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.ariaLabel);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.label);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.resolvedTooltip && !ctx.resolvedTitle);
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$y, ctx.icon));
             }
-        }, directives: [i1$1.NgIf, TooltipDirective, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [TooltipDirective, i1$1.NgClass, i1$1.NgIf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CredSSPEnabledBadgeComponent, [{
                 type: i0.Component,
@@ -37934,100 +37931,55 @@
     })();
 
     var _c0$15 = ["type", "critical"];
-    var _c1$z = function (a1) { return ["sme-icon", a1]; };
-    function CriticalBadgeComponent_p_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 4);
-            i0.ɵɵelementStart(1, "span", 5);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "span", 6);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r0.resolvedTooltip)("title", ctx_r0.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r0.resolvedTitle ? ctx_r0.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$z, ctx_r0.icon));
-        }
-    }
-    function CriticalBadgeComponent_p_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 7);
-            i0.ɵɵelementStart(1, "span");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r1.resolvedTooltip)("title", ctx_r1.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r1.resolvedTitle ? ctx_r1.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.label);
-        }
-    }
-    function CriticalBadgeComponent_ng_template_2_a_5_Template(rf, ctx) {
+    function CriticalBadgeComponent_ng_template_6_a_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r5.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r5.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
+            i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
         }
     }
-    function CriticalBadgeComponent_ng_template_2_a_7_Template(rf, ctx) {
+    function CriticalBadgeComponent_ng_template_6_a_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r6.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Badges.Common.feedback);
+            i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
         }
     }
-    function CriticalBadgeComponent_ng_template_2_Template(rf, ctx) {
+    function CriticalBadgeComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵelementStart(0, "p", 6);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "p", 9);
-            i0.ɵɵtext(3);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵtemplate(3, CriticalBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 10);
-            i0.ɵɵtemplate(5, CriticalBadgeComponent_ng_template_2_a_5_Template, 2, 2, "a", 11);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 10);
-            i0.ɵɵtemplate(7, CriticalBadgeComponent_ng_template_2_a_7_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, CriticalBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var hostData_r4 = ctx.hostData;
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", hostData_r4.ariaLabelId);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.ariaLabel);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", hostData_r4.ariaDescriptionId);
-            i0.ɵɵattribute("aria-describedby", hostData_r4.ariaDescriptionId);
+            var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.description);
+            i0.ɵɵtextInterpolate(ctx_r1.description);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.learnMoreLink);
+            i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r3.showFeedbackLink);
+            i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
         }
     }
+    var _c1$z = function (a1) { return ["sme-icon", a1]; };
     /**
      * Defines the critical badge.
      */
@@ -38063,18 +38015,29 @@
         return CriticalBadgeComponent;
     }(CoreBadgeBaseComponent));
     /** @nocollapse */ CriticalBadgeComponent.ɵfac = function CriticalBadgeComponent_Factory(t) { return new (t || CriticalBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ CriticalBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CriticalBadgeComponent, selectors: [["sme-badge", "type", "critical"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$15, decls: 4, vars: 2, consts: [["tabindex", "0", 3, "smeTooltip", "title", 4, "ngIf"], [3, "smeTooltip", "title", 4, "ngIf"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], ["tabindex", "0", 3, "smeTooltip", "title"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], [3, "smeTooltip", "title"], [1, "sme-screen-reader", 3, "id"], [1, "sme-margin-bottom-xs", "sme-font-label", 3, "id"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function CriticalBadgeComponent_Template(rf, ctx) {
+    /** @nocollapse */ CriticalBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CriticalBadgeComponent, selectors: [["sme-badge", "type", "critical"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$15, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function CriticalBadgeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, CriticalBadgeComponent_p_0_Template, 4, 7, "p", 0);
-                i0.ɵɵtemplate(1, CriticalBadgeComponent_p_1_Template, 3, 4, "p", 1);
-                i0.ɵɵtemplate(2, CriticalBadgeComponent_ng_template_2_Template, 8, 7, "ng-template", 2, 3, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(0, "p", 0);
+                i0.ɵɵelementStart(1, "span", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "span", 2);
+                i0.ɵɵtext(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(6, CriticalBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.resolvedTooltip || ctx.resolvedTitle);
+                i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.ariaLabel);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.label);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.resolvedTooltip && !ctx.resolvedTitle);
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$z, ctx.icon));
             }
-        }, directives: [i1$1.NgIf, TooltipDirective, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [TooltipDirective, i1$1.NgClass, i1$1.NgIf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CriticalBadgeComponent, [{
                 type: i0.Component,
@@ -38086,100 +38049,55 @@
     })();
 
     var _c0$16 = ["type", "improvement-feature"];
-    var _c1$A = function (a1) { return ["sme-icon", a1]; };
-    function ImprovementFeatureBadgeComponent_p_0_Template(rf, ctx) {
+    function ImprovementFeatureBadgeComponent_ng_template_6_a_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 4);
-            i0.ɵɵelementStart(1, "span", 5);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "span", 6);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r0.resolvedTooltip)("title", ctx_r0.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r0.resolvedTitle ? ctx_r0.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$A, ctx_r0.icon));
-        }
-    }
-    function ImprovementFeatureBadgeComponent_p_1_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 7);
-            i0.ɵɵelementStart(1, "span");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r1.resolvedTooltip)("title", ctx_r1.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r1.resolvedTitle ? ctx_r1.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.label);
-        }
-    }
-    function ImprovementFeatureBadgeComponent_ng_template_2_a_5_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r5.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r5.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
+            i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
         }
     }
-    function ImprovementFeatureBadgeComponent_ng_template_2_a_7_Template(rf, ctx) {
+    function ImprovementFeatureBadgeComponent_ng_template_6_a_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r6.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Badges.Common.feedback);
+            i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
         }
     }
-    function ImprovementFeatureBadgeComponent_ng_template_2_Template(rf, ctx) {
+    function ImprovementFeatureBadgeComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵelementStart(0, "p", 6);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "p", 9);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 10);
-            i0.ɵɵtemplate(5, ImprovementFeatureBadgeComponent_ng_template_2_a_5_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵtemplate(3, ImprovementFeatureBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 10);
-            i0.ɵɵtemplate(7, ImprovementFeatureBadgeComponent_ng_template_2_a_7_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, ImprovementFeatureBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var hostData_r4 = ctx.hostData;
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", hostData_r4.ariaLabelId);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.ariaLabel);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", hostData_r4.ariaDescriptionId);
-            i0.ɵɵattribute("aria-describedby", hostData_r4.ariaDescriptionId);
+            var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.description);
+            i0.ɵɵtextInterpolate(ctx_r1.description);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.learnMoreLink);
+            i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r3.showFeedbackLink);
+            i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
         }
     }
+    var _c1$A = function (a1) { return ["sme-icon", a1]; };
     /**
      * Defines an 'improvement-feature' badge
      */
@@ -38219,18 +38137,29 @@
         return ImprovementFeatureBadgeComponent;
     }(CoreBadgeBaseComponent));
     /** @nocollapse */ ImprovementFeatureBadgeComponent.ɵfac = function ImprovementFeatureBadgeComponent_Factory(t) { return new (t || ImprovementFeatureBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ ImprovementFeatureBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ImprovementFeatureBadgeComponent, selectors: [["sme-badge", "type", "improvement-feature"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$16, decls: 4, vars: 2, consts: [["tabindex", "0", 3, "smeTooltip", "title", 4, "ngIf"], [3, "smeTooltip", "title", 4, "ngIf"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], ["tabindex", "0", 3, "smeTooltip", "title"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], [3, "smeTooltip", "title"], [1, "sme-screen-reader", 3, "id"], [1, "sme-margin-bottom-xs", "sme-font-label", 3, "id"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function ImprovementFeatureBadgeComponent_Template(rf, ctx) {
+    /** @nocollapse */ ImprovementFeatureBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ImprovementFeatureBadgeComponent, selectors: [["sme-badge", "type", "improvement-feature"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$16, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function ImprovementFeatureBadgeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, ImprovementFeatureBadgeComponent_p_0_Template, 4, 7, "p", 0);
-                i0.ɵɵtemplate(1, ImprovementFeatureBadgeComponent_p_1_Template, 3, 4, "p", 1);
-                i0.ɵɵtemplate(2, ImprovementFeatureBadgeComponent_ng_template_2_Template, 8, 7, "ng-template", 2, 3, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(0, "p", 0);
+                i0.ɵɵelementStart(1, "span", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "span", 2);
+                i0.ɵɵtext(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(6, ImprovementFeatureBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.resolvedTooltip || ctx.resolvedTitle);
+                i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.ariaLabel);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.label);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.resolvedTooltip && !ctx.resolvedTitle);
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$A, ctx.icon));
             }
-        }, directives: [i1$1.NgIf, TooltipDirective, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [TooltipDirective, i1$1.NgClass, i1$1.NgIf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImprovementFeatureBadgeComponent, [{
                 type: i0.Component,
@@ -38242,100 +38171,55 @@
     })();
 
     var _c0$17 = ["type", "new-feature"];
-    var _c1$B = function (a1) { return ["sme-icon", a1]; };
-    function NewFeatureBadgeComponent_p_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 4);
-            i0.ɵɵelementStart(1, "span", 5);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "span", 6);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r0.resolvedTooltip)("title", ctx_r0.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r0.resolvedTitle ? ctx_r0.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$B, ctx_r0.icon));
-        }
-    }
-    function NewFeatureBadgeComponent_p_1_Template(rf, ctx) {
+    function NewFeatureBadgeComponent_ng_template_6_a_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 7);
-            i0.ɵɵelementStart(1, "span");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r1.resolvedTooltip)("title", ctx_r1.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r1.resolvedTitle ? ctx_r1.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.label);
-        }
-    }
-    function NewFeatureBadgeComponent_ng_template_2_a_5_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r5.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r5.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
+            i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
         }
     }
-    function NewFeatureBadgeComponent_ng_template_2_a_7_Template(rf, ctx) {
+    function NewFeatureBadgeComponent_ng_template_6_a_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r6.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Badges.Common.feedback);
+            i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
         }
     }
-    function NewFeatureBadgeComponent_ng_template_2_Template(rf, ctx) {
+    function NewFeatureBadgeComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵelementStart(0, "p", 6);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "p", 9);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 10);
-            i0.ɵɵtemplate(5, NewFeatureBadgeComponent_ng_template_2_a_5_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵtemplate(3, NewFeatureBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 10);
-            i0.ɵɵtemplate(7, NewFeatureBadgeComponent_ng_template_2_a_7_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, NewFeatureBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var hostData_r4 = ctx.hostData;
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", hostData_r4.ariaLabelId);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.ariaLabel);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", hostData_r4.ariaDescriptionId);
-            i0.ɵɵattribute("aria-describedby", hostData_r4.ariaDescriptionId);
+            var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.description);
+            i0.ɵɵtextInterpolate(ctx_r1.description);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.learnMoreLink);
+            i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r3.showFeedbackLink);
+            i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
         }
     }
+    var _c1$B = function (a1) { return ["sme-icon", a1]; };
     /**
      * Defines a 'new-feature' badge
      */
@@ -38375,18 +38259,29 @@
         return NewFeatureBadgeComponent;
     }(CoreBadgeBaseComponent));
     /** @nocollapse */ NewFeatureBadgeComponent.ɵfac = function NewFeatureBadgeComponent_Factory(t) { return new (t || NewFeatureBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ NewFeatureBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NewFeatureBadgeComponent, selectors: [["sme-badge", "type", "new-feature"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$17, decls: 4, vars: 2, consts: [["tabindex", "0", 3, "smeTooltip", "title", 4, "ngIf"], [3, "smeTooltip", "title", 4, "ngIf"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], ["tabindex", "0", 3, "smeTooltip", "title"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], [3, "smeTooltip", "title"], [1, "sme-screen-reader", 3, "id"], [1, "sme-margin-bottom-xs", "sme-font-label", 3, "id"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function NewFeatureBadgeComponent_Template(rf, ctx) {
+    /** @nocollapse */ NewFeatureBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: NewFeatureBadgeComponent, selectors: [["sme-badge", "type", "new-feature"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$17, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function NewFeatureBadgeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, NewFeatureBadgeComponent_p_0_Template, 4, 7, "p", 0);
-                i0.ɵɵtemplate(1, NewFeatureBadgeComponent_p_1_Template, 3, 4, "p", 1);
-                i0.ɵɵtemplate(2, NewFeatureBadgeComponent_ng_template_2_Template, 8, 7, "ng-template", 2, 3, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(0, "p", 0);
+                i0.ɵɵelementStart(1, "span", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "span", 2);
+                i0.ɵɵtext(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(6, NewFeatureBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.resolvedTooltip || ctx.resolvedTitle);
+                i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.ariaLabel);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.label);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.resolvedTooltip && !ctx.resolvedTitle);
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$B, ctx.icon));
             }
-        }, directives: [i1$1.NgIf, TooltipDirective, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [TooltipDirective, i1$1.NgClass, i1$1.NgIf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NewFeatureBadgeComponent, [{
                 type: i0.Component,
@@ -38398,100 +38293,55 @@
     })();
 
     var _c0$18 = ["type", "warning"];
-    var _c1$C = function (a1) { return ["sme-icon", a1]; };
-    function WarningBadgeComponent_p_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 4);
-            i0.ɵɵelementStart(1, "span", 5);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(3, "span", 6);
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r0.resolvedTooltip)("title", ctx_r0.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r0.resolvedTitle ? ctx_r0.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r0.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$C, ctx_r0.icon));
-        }
-    }
-    function WarningBadgeComponent_p_1_Template(rf, ctx) {
+    function WarningBadgeComponent_ng_template_6_a_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "p", 7);
-            i0.ɵɵelementStart(1, "span");
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("smeTooltip", ctx_r1.resolvedTooltip)("title", ctx_r1.resolvedTitle);
-            i0.ɵɵattribute("aria-label", ctx_r1.resolvedTitle ? ctx_r1.ariaLabel : null);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.label);
-        }
-    }
-    function WarningBadgeComponent_ng_template_2_a_5_Template(rf, ctx) {
-        if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r5 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r5.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r3 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r3.learnMoreLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r5.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
+            i0.ɵɵtextInterpolate(ctx_r3.strings.MsftSmeShell.Angular.Badges.Common.learnMore);
         }
     }
-    function WarningBadgeComponent_ng_template_2_a_7_Template(rf, ctx) {
+    function WarningBadgeComponent_ng_template_6_a_5_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 12);
+            i0.ɵɵelementStart(0, "a", 9);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r6 = i0.ɵɵnextContext(2);
-            i0.ɵɵproperty("href", ctx_r6.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
+            var ctx_r4 = i0.ɵɵnextContext(2);
+            i0.ɵɵproperty("href", ctx_r4.feedbackLink.toString(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r6.strings.MsftSmeShell.Angular.Badges.Common.feedback);
+            i0.ɵɵtextInterpolate(ctx_r4.strings.MsftSmeShell.Angular.Badges.Common.feedback);
         }
     }
-    function WarningBadgeComponent_ng_template_2_Template(rf, ctx) {
+    function WarningBadgeComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "h3", 8);
+            i0.ɵɵelementStart(0, "p", 6);
             i0.ɵɵtext(1);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "p", 9);
-            i0.ɵɵtext(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "div", 10);
-            i0.ɵɵtemplate(5, WarningBadgeComponent_ng_template_2_a_5_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(2, "div", 7);
+            i0.ɵɵtemplate(3, WarningBadgeComponent_ng_template_6_a_3_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "div", 10);
-            i0.ɵɵtemplate(7, WarningBadgeComponent_ng_template_2_a_7_Template, 2, 2, "a", 11);
+            i0.ɵɵelementStart(4, "div", 7);
+            i0.ɵɵtemplate(5, WarningBadgeComponent_ng_template_6_a_5_Template, 2, 2, "a", 8);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var hostData_r4 = ctx.hostData;
-            var ctx_r3 = i0.ɵɵnextContext();
-            i0.ɵɵproperty("id", hostData_r4.ariaLabelId);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.ariaLabel);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", hostData_r4.ariaDescriptionId);
-            i0.ɵɵattribute("aria-describedby", hostData_r4.ariaDescriptionId);
+            var ctx_r1 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(ctx_r3.description);
+            i0.ɵɵtextInterpolate(ctx_r1.description);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.learnMoreLink);
+            i0.ɵɵproperty("ngIf", !!ctx_r1.learnMoreLink);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx_r3.showFeedbackLink);
+            i0.ɵɵproperty("ngIf", ctx_r1.showFeedbackLink);
         }
     }
+    var _c1$C = function (a1) { return ["sme-icon", a1]; };
     /**
      * Defines the rbac badge.
      */
@@ -38527,18 +38377,29 @@
         return WarningBadgeComponent;
     }(CoreBadgeBaseComponent));
     /** @nocollapse */ WarningBadgeComponent.ɵfac = function WarningBadgeComponent_Factory(t) { return new (t || WarningBadgeComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ WarningBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WarningBadgeComponent, selectors: [["sme-badge", "type", "warning"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$18, decls: 4, vars: 2, consts: [["tabindex", "0", 3, "smeTooltip", "title", 4, "ngIf"], [3, "smeTooltip", "title", 4, "ngIf"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], ["tabindex", "0", 3, "smeTooltip", "title"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], [3, "smeTooltip", "title"], [1, "sme-screen-reader", 3, "id"], [1, "sme-margin-bottom-xs", "sme-font-label", 3, "id"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function WarningBadgeComponent_Template(rf, ctx) {
+    /** @nocollapse */ WarningBadgeComponent.ɵcmp = i0.ɵɵdefineComponent({ type: WarningBadgeComponent, selectors: [["sme-badge", "type", "warning"]], features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$18, decls: 8, vars: 6, consts: [["tabindex", "0", 3, "smeTooltip"], [1, "sme-screen-reader"], ["aria-hidden", "true"], ["aria-hidden", "true", 3, "ngClass"], ["class", "sme-arrange-stack-v"], ["defaultTooltip", ""], [1, "sme-margin-bottom-xs", "sme-font-label"], [1, "sme-position-stretch-h"], ["target", "about:blank", "class", "sme-link", 3, "href", 4, "ngIf"], ["target", "about:blank", 1, "sme-link", 3, "href"]], template: function WarningBadgeComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0.ɵɵtemplate(0, WarningBadgeComponent_p_0_Template, 4, 7, "p", 0);
-                i0.ɵɵtemplate(1, WarningBadgeComponent_p_1_Template, 3, 4, "p", 1);
-                i0.ɵɵtemplate(2, WarningBadgeComponent_ng_template_2_Template, 8, 7, "ng-template", 2, 3, i0.ɵɵtemplateRefExtractor);
+                i0.ɵɵelementStart(0, "p", 0);
+                i0.ɵɵelementStart(1, "span", 1);
+                i0.ɵɵtext(2);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelementStart(3, "span", 2);
+                i0.ɵɵtext(4);
+                i0.ɵɵelementEnd();
+                i0.ɵɵelement(5, "span", 3);
+                i0.ɵɵelementEnd();
+                i0.ɵɵtemplate(6, WarningBadgeComponent_ng_template_6_Template, 6, 3, "ng-template", 4, 5, i0.ɵɵtemplateRefExtractor);
             }
             if (rf & 2) {
-                i0.ɵɵproperty("ngIf", ctx.resolvedTooltip || ctx.resolvedTitle);
+                i0.ɵɵproperty("smeTooltip", ctx.resolvedTooltip);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.ariaLabel);
+                i0.ɵɵadvance(2);
+                i0.ɵɵtextInterpolate(ctx.label);
                 i0.ɵɵadvance(1);
-                i0.ɵɵproperty("ngIf", !ctx.resolvedTooltip && !ctx.resolvedTitle);
+                i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c1$C, ctx.icon));
             }
-        }, directives: [i1$1.NgIf, TooltipDirective, i1$1.NgClass], encapsulation: 2 });
+        }, directives: [TooltipDirective, i1$1.NgClass, i1$1.NgIf], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(WarningBadgeComponent, [{
                 type: i0.Component,
@@ -39351,7 +39212,7 @@
         return BreadcrumbHeaderComponent;
     }(CoreBaseComponent));
     /** @nocollapse */ BreadcrumbHeaderComponent.ɵfac = function BreadcrumbHeaderComponent_Factory(t) { return ɵBreadcrumbHeaderComponent_BaseFactory(t || BreadcrumbHeaderComponent); };
-    /** @nocollapse */ BreadcrumbHeaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BreadcrumbHeaderComponent, selectors: [["sme-breadcrumb-header"]], inputs: { breadcrumbItems: "breadcrumbItems", breadcrumbSeparator: "breadcrumbSeparator", noLeftPadding: "noLeftPadding", useToolTitleStyle: "useToolTitleStyle" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 1, consts: [["class", "tool-header-box", 3, "paddingLeft", 4, "ngIf"], ["content", ""], [1, "tool-header-box"], ["class", "sme-position-flex-none", 4, "ngIf"], ["class", "tool-header sme-position-flex-none", 4, "ngIf"], [1, "sme-position-flex-none"], [4, "ngTemplateOutlet"], [1, "tool-header", "sme-position-flex-none"], ["class", "sme-behavior-hover-trigger", 4, "ngFor", "ngForOf"], [1, "sme-behavior-hover-trigger"], ["class", "sme-behavior-hover-target-underline", "tabindex", "0", "role", "link", 3, "sme-font-family-normal", "click", 4, "ngIf"], [3, "sme-font-family-normal", 4, "ngIf"], ["class", "sme-font-family-normal", 3, "ngSwitch", 4, "ngIf"], ["tabindex", "0", "role", "link", 1, "sme-behavior-hover-target-underline", 3, "click"], [1, "sme-font-family-normal", 3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "sme-icon sme-icon-chevronRight sme-icon-size-sm", 4, "ngSwitchCase"], [1, "sme-icon", "sme-icon-chevronRight", "sme-icon-size-sm"]], template: function BreadcrumbHeaderComponent_Template(rf, ctx) {
+    /** @nocollapse */ BreadcrumbHeaderComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BreadcrumbHeaderComponent, selectors: [["sme-breadcrumb-header"]], inputs: { breadcrumbItems: "breadcrumbItems", breadcrumbSeparator: "breadcrumbSeparator", noLeftPadding: "noLeftPadding", useToolTitleStyle: "useToolTitleStyle" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 1, consts: [["class", "tool-header-box", 3, "paddingLeft", 4, "ngIf"], ["content", ""], [1, "tool-header-box"], ["class", "sme-position-flex-none", 4, "ngIf"], ["class", "tool-header sme-position-flex-none", 4, "ngIf"], [1, "sme-position-flex-none"], [4, "ngTemplateOutlet"], [1, "tool-header", "sme-position-flex-none"], ["class", "sme-behavior-hover-trigger", 4, "ngFor", "ngForOf"], [1, "sme-behavior-hover-trigger"], ["class", "sme-behavior-hover-target-underline sme-focus-zone", "tabindex", "0", "role", "link", 3, "sme-font-family-normal", "click", 4, "ngIf"], [3, "sme-font-family-normal", 4, "ngIf"], ["class", "sme-font-family-normal", 3, "ngSwitch", 4, "ngIf"], ["tabindex", "0", "role", "link", 1, "sme-behavior-hover-target-underline", "sme-focus-zone", 3, "click"], [1, "sme-font-family-normal", 3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "sme-icon sme-icon-chevronRight sme-icon-size-sm", 4, "ngSwitchCase"], [1, "sme-icon", "sme-icon-chevronRight", "sme-icon-size-sm"]], template: function BreadcrumbHeaderComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵtemplate(0, BreadcrumbHeaderComponent_div_0_Template, 3, 4, "div", 0);
                 i0.ɵɵtemplate(1, BreadcrumbHeaderComponent_ng_template_1_Template, 1, 1, "ng-template", null, 1, i0.ɵɵtemplateRefExtractor);
@@ -39448,26 +39309,26 @@
     }
     function BreadcrumbComponent_span_0_span_4_span_1_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "span");
+            i0.ɵɵelementStart(0, "span", 10);
             i0.ɵɵtext(1, "\u00A0\\\u00A0");
             i0.ɵɵelementEnd();
         }
     }
     function BreadcrumbComponent_span_0_span_4_span_2_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "span");
+            i0.ɵɵelementStart(0, "span", 10);
             i0.ɵɵtext(1, "\u00A0/\u00A0");
             i0.ɵɵelementEnd();
         }
     }
     function BreadcrumbComponent_span_0_span_4_span_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "span", 10);
+            i0.ɵɵelement(0, "span", 11);
         }
     }
     function BreadcrumbComponent_span_0_span_4_span_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelementStart(0, "span");
+            i0.ɵɵelementStart(0, "span", 10);
             i0.ɵɵtext(1, "\u00A0,\u00A0");
             i0.ɵɵelementEnd();
         }
@@ -39577,7 +39438,7 @@
         comma: exports.BreadcrumbSeparator.Comma
     };
     /** @nocollapse */ BreadcrumbComponent.ɵfac = function BreadcrumbComponent_Factory(t) { return new (t || BreadcrumbComponent)(i0.ɵɵdirectiveInject(i0.Injector)); };
-    /** @nocollapse */ BreadcrumbComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BreadcrumbComponent, selectors: [["sme-breadcrumb"]], inputs: { breadcrumbs: "breadcrumbs", separator: "separator" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"], [1, "sme-behavior-hover-trigger"], ["class", "sme-behavior-hover-target-underline", "tabindex", "0", "role", "link", 3, "click", 4, "ngIf"], ["tabindex", "0", 4, "ngIf"], ["class", "sme-breadcrumb-separator", 3, "ngSwitch", 4, "ngIf"], ["tabindex", "0", "role", "link", 1, "sme-behavior-hover-target-underline", 3, "click"], ["tabindex", "0"], [1, "sme-breadcrumb-separator", 3, "ngSwitch"], [4, "ngSwitchCase"], ["class", "sme-icon sme-icon-chevronRight", 4, "ngSwitchCase"], [1, "sme-icon", "sme-icon-chevronRight"]], template: function BreadcrumbComponent_Template(rf, ctx) {
+    /** @nocollapse */ BreadcrumbComponent.ɵcmp = i0.ɵɵdefineComponent({ type: BreadcrumbComponent, selectors: [["sme-breadcrumb"]], inputs: { breadcrumbs: "breadcrumbs", separator: "separator" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"], [1, "sme-behavior-hover-trigger"], ["class", "sme-behavior-hover-target-underline sme-focus-zone", "tabindex", "0", "role", "link", 3, "click", 4, "ngIf"], ["tabindex", "0", 4, "ngIf"], ["class", "sme-breadcrumb-separator", 3, "ngSwitch", 4, "ngIf"], ["tabindex", "0", "role", "link", 1, "sme-behavior-hover-target-underline", "sme-focus-zone", 3, "click"], ["tabindex", "0"], [1, "sme-breadcrumb-separator", 3, "ngSwitch"], ["aria-hidden", "true", 4, "ngSwitchCase"], ["class", "sme-icon sme-icon-chevronRight", "aria-hidden", "true", 4, "ngSwitchCase"], ["aria-hidden", "true"], ["aria-hidden", "true", 1, "sme-icon", "sme-icon-chevronRight"]], template: function BreadcrumbComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵtemplate(0, BreadcrumbComponent_span_0_Template, 5, 5, "span", 0);
             }
@@ -40358,7 +40219,7 @@
                 var _t = void 0;
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.expander = _t.first);
             }
-        }, inputs: { initialHeightPercentage: "initialHeightPercentage", header: "header", chevronInverted: "chevronInverted", title: "title", isExpanded: "isExpanded", ignoreChangeInExpandedSize: "ignoreChangeInExpandedSize" }, outputs: { isExpandedChange: "isExpandedChange" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c2$g, decls: 11, vars: 12, consts: [["role", "button", "tabindex", "0", 1, "sme-button", "sme-button-trigger", "sme-button-auto-width", "sme-position-flex-none", "sme-padding-squish-v-md", "sme-padding-horizontal-lg", "sme-position-stretch-h", "sme-position-left-inline", "sme-arrange-stack-h", "sme-focus-zone", 3, "title", "click"], ["expander", ""], [1, "sme-position-flex-auto", "sme-arrange-ellipsis"], ["class", "sme-icon sme-position-flex-none", 3, "ngClass", 4, "ngIf"], [1, "sme-screen-reader", 3, "id"], [1, "sme-position-flex-auto", "sme-layout-relative"], [1, "sme-layout-absolute", "sme-position-inset-none", "sme-padding-bottom-sm", "sme-arrange-overflow-auto"], [1, "sme-icon", "sme-position-flex-none", 3, "ngClass"]], template: function DetailsComponent_Template(rf, ctx) {
+        }, inputs: { initialHeightPercentage: "initialHeightPercentage", header: "header", chevronInverted: "chevronInverted", title: "title", isExpanded: "isExpanded", ignoreChangeInExpandedSize: "ignoreChangeInExpandedSize" }, outputs: { isExpandedChange: "isExpandedChange" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c2$g, decls: 11, vars: 12, consts: [["role", "button", "tabindex", "0", 1, "sme-button", "sme-button-trigger", "sme-button-auto-width", "sme-position-flex-none", "sme-padding-squish-v-md", "sme-padding-horizontal-lg", "sme-position-stretch-h", "sme-position-left-inline", "sme-arrange-stack-h", "sme-focus-zone", 3, "title", "click"], ["expander", ""], [1, "sme-position-flex-auto", "sme-arrange-ellipsis"], ["class", "sme-icon sme-position-flex-none", "aria-hidden", "true", 3, "ngClass", 4, "ngIf"], [1, "sme-screen-reader", 3, "id"], [1, "sme-position-flex-auto", "sme-layout-relative"], [1, "sme-layout-absolute", "sme-position-inset-none", "sme-padding-bottom-sm", "sme-arrange-overflow-auto"], ["aria-hidden", "true", 1, "sme-icon", "sme-position-flex-none", 3, "ngClass"]], template: function DetailsComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef();
                 i0.ɵɵelementStart(0, "div", 0, 1);
@@ -40601,49 +40462,35 @@
         if (rf & 1) {
             var _r5_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 10);
-            i0.ɵɵelementStart(1, "label", 11);
-            i0.ɵɵelementStart(2, "input", 12);
-            i0.ɵɵlistener("ngModelChange", function ConfirmationDialogComponent_div_9_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r5_1); var ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.checked = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "span");
-            i0.ɵɵtext(4);
-            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(1, "sme-form-field", 11);
+            i0.ɵɵlistener("ngModelChange", function ConfirmationDialogComponent_div_9_Template_sme_form_field_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r5_1); var ctx_r4 = i0.ɵɵnextContext(); return ctx_r4.checked = $event; });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r1 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngModel", ctx_r1.checked);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r1.checkboxText);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngModel", ctx_r1.checked)("label", ctx_r1.checkboxText);
         }
     }
     function ConfirmationDialogComponent_div_10_Template(rf, ctx) {
         if (rf & 1) {
             var _r7_1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "div", 13);
-            i0.ɵɵelementStart(1, "label", 11);
-            i0.ɵɵelementStart(2, "input", 14);
-            i0.ɵɵlistener("ngModelChange", function ConfirmationDialogComponent_div_10_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r7_1); var ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.doubleChecked = $event; });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "span");
-            i0.ɵɵtext(4);
-            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(0, "div", 12);
+            i0.ɵɵelementStart(1, "sme-form-field", 13);
+            i0.ɵɵlistener("ngModelChange", function ConfirmationDialogComponent_div_10_Template_sme_form_field_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r7_1); var ctx_r6 = i0.ɵɵnextContext(); return ctx_r6.doubleChecked = $event; });
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             var ctx_r2 = i0.ɵɵnextContext();
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngModel", ctx_r2.doubleChecked);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx_r2.doubleCheckText);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngModel", ctx_r2.doubleChecked)("label", ctx_r2.doubleCheckText);
         }
     }
     function ConfirmationDialogComponent_sme_alert_11_Template(rf, ctx) {
         if (rf & 1) {
-            i0.ɵɵelement(0, "sme-alert", 15);
+            i0.ɵɵelement(0, "sme-alert", 14);
         }
         if (rf & 2) {
             var ctx_r3 = i0.ɵɵnextContext();
@@ -40660,7 +40507,9 @@
          * Initializes a new instance of the ConfirmationDialogComponent class.
          */
         function ConfirmationDialogComponent(dialogService) {
-            return _super.call(this, dialogService) || this;
+            var _this = _super.call(this, dialogService) || this;
+            _this.keepOpen = true;
+            return _this;
         }
         /**
          * handler for when a close is requested
@@ -40730,7 +40579,7 @@
         return ConfirmationDialogComponent;
     }(BaseDialogComponent));
     /** @nocollapse */ ConfirmationDialogComponent.ɵfac = function ConfirmationDialogComponent_Factory(t) { return new (t || ConfirmationDialogComponent)(i0.ɵɵdirectiveInject(DialogService)); };
-    /** @nocollapse */ ConfirmationDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfirmationDialogComponent, selectors: [["sme-confirmation-dialog"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 17, vars: 13, consts: [["dialogMode", "centered", 3, "clickBackdrop"], ["dialog", ""], ["id", "sme-dialog-title"], ["id", "sme-confirmation-dialog-form"], ["id", "sme-dialog-desc"], ["class", "sme-checkbox sme-margin-top-sm", 4, "ngIf"], ["class", "sme-checkbox sme-margin-top-xs", 4, "ngIf"], ["class", "sme-margin-vertical-sm", 3, "alert", 4, "ngIf"], ["type", "submit", "form", "sme-confirmation-dialog-form", 1, "sme-button-primary", 3, "disabled", "click"], ["type", "button", 3, "click"], [1, "sme-checkbox", "sme-margin-top-sm"], [1, "sme-font-body"], ["type", "checkbox", "name", "checked", 3, "ngModel", "ngModelChange"], [1, "sme-checkbox", "sme-margin-top-xs"], ["type", "checkbox", "name", "doubleChecked", 3, "ngModel", "ngModelChange"], [1, "sme-margin-vertical-sm", 3, "alert"]], template: function ConfirmationDialogComponent_Template(rf, ctx) {
+    /** @nocollapse */ ConfirmationDialogComponent.ɵcmp = i0.ɵɵdefineComponent({ type: ConfirmationDialogComponent, selectors: [["sme-confirmation-dialog"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 17, vars: 13, consts: [["dialogMode", "centered", 3, "clickBackdrop"], ["dialog", ""], ["id", "sme-dialog-title"], ["id", "sme-confirmation-dialog-form"], ["id", "sme-dialog-desc"], ["class", "sme-margin-top-sm", 4, "ngIf"], ["class", "sme-margin-top-xs", 4, "ngIf"], ["class", "sme-margin-vertical-sm", 3, "alert", 4, "ngIf"], ["type", "submit", "form", "sme-confirmation-dialog-form", "data-uta-id", "dialog-confirm-button", 1, "sme-button-primary", "sme-focus-zone", 3, "disabled", "click"], ["type", "button", "data-uta-id", "dialog-cancel-button", 1, "sme-focus-zone", 3, "click"], [1, "sme-margin-top-sm"], ["type", "checkbox", "name", "checked", 3, "ngModel", "label", "ngModelChange"], [1, "sme-margin-top-xs"], ["type", "checkbox", "name", "doubleChecked", 3, "ngModel", "label", "ngModelChange"], [1, "sme-margin-vertical-sm", 3, "alert"]], template: function ConfirmationDialogComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "sme-dialog", 0, 1);
                 i0.ɵɵelementStart(2, "sme-dialog-header");
@@ -40743,8 +40592,8 @@
                 i0.ɵɵelementStart(7, "p", 4);
                 i0.ɵɵtext(8);
                 i0.ɵɵelementEnd();
-                i0.ɵɵtemplate(9, ConfirmationDialogComponent_div_9_Template, 5, 2, "div", 5);
-                i0.ɵɵtemplate(10, ConfirmationDialogComponent_div_10_Template, 5, 2, "div", 6);
+                i0.ɵɵtemplate(9, ConfirmationDialogComponent_div_9_Template, 2, 2, "div", 5);
+                i0.ɵɵtemplate(10, ConfirmationDialogComponent_div_10_Template, 2, 2, "div", 6);
                 i0.ɵɵtemplate(11, ConfirmationDialogComponent_sme_alert_11_Template, 1, 1, "sme-alert", 7);
                 i0.ɵɵelementEnd();
                 i0.ɵɵelementEnd();
@@ -40780,7 +40629,7 @@
                 i0.ɵɵadvance(2);
                 i0.ɵɵtextInterpolate(ctx.cancelButtonText);
             }
-        }, directives: [DialogComponent, DialogHeaderComponent, DialogContentComponent, i4.ɵangular_packages_forms_forms_ba, i4.NgControlStatusGroup, i4.NgForm, i1$1.NgIf, DialogFooterComponent, i4.CheckboxControlValueAccessor, i4.NgControlStatus, i4.NgModel, ValidationAlertComponent], encapsulation: 2 });
+        }, directives: [DialogComponent, DialogHeaderComponent, DialogContentComponent, i4.ɵangular_packages_forms_forms_ba, i4.NgControlStatusGroup, i4.NgForm, i1$1.NgIf, DialogFooterComponent, FormFieldAccessorDirective, FormFieldValidatorDirective, exports.CheckboxFormFieldComponent, i4.NgControlStatus, i4.NgModel, ValidationAlertComponent], encapsulation: 2 });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmationDialogComponent, [{
                 type: i0.Component,
@@ -43771,6 +43620,22 @@
             i0.ɵɵproperty("ngIf", ctx_r3.legendTotalData);
         }
     }
+    /**
+     *
+     * @smeDoc {@label Stacked Horizontal Bar Chart @id sme-stacked-horizontal-bar-chart-dev-guide}
+     *
+     * @overview
+     * @file {@filepath ./examples/overview.md}
+     *
+     * @example {@label Stacked horizontal bar chart @id horizontal-bar-chart}
+     * @file {@filename component.html @filepath ./examples/horizontal-bar-chart.component.html}
+     * @file {@filename component.ts @filepath ./examples/horizontal-bar-chart.component.ts}
+     *
+     * @example {@label Stacked horizontal bar chart with custom color @id horizontal-bar-chart-custom-color}
+     * @file {@filename component.html @filepath ./examples/horizontal-bar-chart-custom-color.component.html}
+     * @file {@filename component.ts @filepath ./examples/horizontal-bar-chart-custom-color.component.ts}
+     *
+     */
     var StackedHorizontalBarChartComponent = /** @class */ (function (_super) {
         __extends(StackedHorizontalBarChartComponent, _super);
         function StackedHorizontalBarChartComponent(injector) {
@@ -45464,7 +45329,7 @@
             i0.ɵɵproperty("title", item_r14.tooltip)("tooltipZone", _r16);
         }
     }
-    function PropertyGridComponent_sme_layout_item_5_ng_container_7_Template(rf, ctx) {
+    function PropertyGridComponent_sme_layout_item_5_ng_container_9_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementContainer(0);
         }
@@ -45479,17 +45344,11 @@
             i0.ɵɵtext(5);
             i0.ɵɵelementEnd();
             i0.ɵɵtemplate(6, PropertyGridComponent_sme_layout_item_5_span_6_Template, 1, 2, "span", 17);
+            i0.ɵɵelementStart(7, "span", 18);
+            i0.ɵɵtext(8);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(7, PropertyGridComponent_sme_layout_item_5_ng_container_7_Template, 1, 0, "ng-container", 18);
-            i0.ɵɵelementStart(8, "span", 19);
-            i0.ɵɵtext(9);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "span", 19);
-            i0.ɵɵtext(11);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(12, "span", 19);
-            i0.ɵɵtext(13);
             i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(9, PropertyGridComponent_sme_layout_item_5_ng_container_9_Template, 1, 0, "ng-container", 19);
             i0.ɵɵelementEnd();
             i0.ɵɵelementEnd();
         }
@@ -45502,20 +45361,10 @@
             i0.ɵɵtextInterpolate(item_r14.label);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", item_r14.tooltip);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.getTemplate(item_r14))("ngTemplateOutletContext", i0.ɵɵpureFunction2(12, _c4$6, item_r14, i_r15));
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", ctx_r3.idBag.detailsSpan + i_r15);
-            i0.ɵɵadvance(1);
+            i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate(item_r14.tooltip);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", ctx_r3.idBag.labelSpan + i_r15);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(item_r14.label);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("id", ctx_r3.idBag.valueSpan + i_r15);
-            i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate(item_r14.value);
+            i0.ɵɵproperty("ngTemplateOutlet", ctx_r3.getTemplate(item_r14))("ngTemplateOutletContext", i0.ɵɵpureFunction2(7, _c4$6, item_r14, i_r15));
         }
     }
     function PropertyGridComponent_ng_template_6_ng_container_1_Template(rf, ctx) {
@@ -45539,7 +45388,7 @@
     function PropertyGridComponent_ng_template_6_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "p", 21);
-            i0.ɵɵtemplate(1, PropertyGridComponent_ng_template_6_ng_container_1_Template, 1, 0, "ng-container", 18);
+            i0.ɵɵtemplate(1, PropertyGridComponent_ng_template_6_ng_container_1_Template, 1, 0, "ng-container", 19);
             i0.ɵɵtemplate(2, PropertyGridComponent_ng_template_6_span_2_Template, 2, 1, "span", 22);
             i0.ɵɵelementEnd();
         }
@@ -45563,7 +45412,7 @@
     function PropertyGridComponent_ng_template_8_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "p");
-            i0.ɵɵtemplate(1, PropertyGridComponent_ng_template_8_ng_container_1_Template, 1, 0, "ng-container", 18);
+            i0.ɵɵtemplate(1, PropertyGridComponent_ng_template_8_ng_container_1_Template, 1, 0, "ng-container", 19);
             i0.ɵɵelementStart(2, "a", 23);
             i0.ɵɵlistener("click", function PropertyGridComponent_ng_template_8_Template_a_click_2_listener() { var item_r25 = ctx.$implicit; return item_r25.action(item_r25); });
             i0.ɵɵtext(3);
@@ -45591,7 +45440,7 @@
     function PropertyGridComponent_ng_template_10_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "p");
-            i0.ɵɵtemplate(1, PropertyGridComponent_ng_template_10_ng_container_1_Template, 1, 0, "ng-container", 18);
+            i0.ɵɵtemplate(1, PropertyGridComponent_ng_template_10_ng_container_1_Template, 1, 0, "ng-container", 19);
             i0.ɵɵelementStart(2, "a", 24);
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
@@ -45619,7 +45468,7 @@
     function PropertyGridComponent_ng_template_12_Template(rf, ctx) {
         if (rf & 1) {
             i0.ɵɵelementStart(0, "p");
-            i0.ɵɵtemplate(1, PropertyGridComponent_ng_template_12_ng_container_1_Template, 1, 0, "ng-container", 18);
+            i0.ɵɵtemplate(1, PropertyGridComponent_ng_template_12_ng_container_1_Template, 1, 0, "ng-container", 19);
             i0.ɵɵelementStart(2, "a", 25);
             i0.ɵɵelementStart(3, "span");
             i0.ɵɵtext(4);
@@ -45827,13 +45676,13 @@
             }
         }, inputs: { orientation: "orientation" }, outputs: { layoutChanged: "layoutChanged" }, features: [i0.ɵɵProvidersFeature([
                 { provide: SME_LAYOUT_PROVIDER, useExisting: i0.forwardRef((function () { return PropertyGridComponent; })) }
-            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 16, vars: 6, consts: [[1, "sme-position-inset-none", "sme-position-stretch-h", 3, "padLastItem"], ["layout", ""], ["name", "narrow", 3, "until", "columns"], ["name", "medium", 3, "until", "columns", 4, "ngIf"], ["name", "wide", 3, "columns", 4, "ngIf"], [3, "columnSpan", "maxWidth", 4, "ngFor", "ngForOf"], ["readonlyTemplate", ""], ["actionLinkTemplate", ""], ["internalLinkTemplate", ""], ["externalLinkTemplate", ""], ["iconTemplate", ""], ["name", "medium", 3, "until", "columns"], ["name", "wide", 3, "columns"], [3, "columnSpan", "maxWidth"], ["smeTooltipZone", "", 1, "sme-property-grid-item"], ["zone", "smeTooltipZone"], ["aria-hidden", "true", 1, "sme-arrange-stack-h"], ["class", "sme-position-flex-none sme-icon sme-icon-info sme-info-bubble sme-margin-left-xs", 3, "title", "tooltipZone", 4, "ngIf"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["aria-hidden", "true", 1, "sme-screen-reader", 3, "id"], [1, "sme-position-flex-none", "sme-icon", "sme-icon-info", "sme-info-bubble", "sme-margin-left-xs", 3, "title", "tooltipZone"], [1, "read-only-template"], [4, "ngIf"], ["tabindex", "0", "role", "link", 1, "sme-link", "sme-focus-zone", "action-link-template", 3, "click"], ["role", "link", 1, "sme-link", "sme-focus-zone", 3, "routerLink"], ["role", "link", "target", "_blank", 1, "sme-link", "sme-focus-zone", 3, "href"], [1, "sme-icon", "sme-icon-openInNewWindow", "sme-margin-left-xs"], [3, "class", 4, "ngIf"], ["class", "sme-layout-inline-block sme-margin-right-xs ", "size", "16px", 3, "status", 4, "ngIf"], ["size", "16px", 1, "sme-layout-inline-block", "sme-margin-right-xs", 3, "status"]], template: function PropertyGridComponent_Template(rf, ctx) {
+            ]), i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 16, vars: 6, consts: [[1, "sme-position-inset-none", "sme-position-stretch-h", 3, "padLastItem"], ["layout", ""], ["name", "narrow", 3, "until", "columns"], ["name", "medium", 3, "until", "columns", 4, "ngIf"], ["name", "wide", 3, "columns", 4, "ngIf"], [3, "columnSpan", "maxWidth", 4, "ngFor", "ngForOf"], ["readonlyTemplate", ""], ["actionLinkTemplate", ""], ["internalLinkTemplate", ""], ["externalLinkTemplate", ""], ["iconTemplate", ""], ["name", "medium", 3, "until", "columns"], ["name", "wide", 3, "columns"], [3, "columnSpan", "maxWidth"], ["smeTooltipZone", "", 1, "sme-property-grid-item"], ["zone", "smeTooltipZone"], [1, "sme-arrange-stack-h"], ["class", "sme-position-flex-none sme-icon sme-icon-info sme-info-bubble sme-margin-left-xs", "aria-hidden", "true", 3, "title", "tooltipZone", 4, "ngIf"], [1, "sme-screen-reader"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["aria-hidden", "true", 1, "sme-position-flex-none", "sme-icon", "sme-icon-info", "sme-info-bubble", "sme-margin-left-xs", 3, "title", "tooltipZone"], [1, "read-only-template"], [4, "ngIf"], ["tabindex", "0", "role", "link", 1, "sme-link", "sme-focus-zone", "action-link-template", 3, "click"], ["role", "link", 1, "sme-link", "sme-focus-zone", 3, "routerLink"], ["role", "link", "target", "_blank", 1, "sme-link", "sme-focus-zone", 3, "href"], [1, "sme-icon", "sme-icon-openInNewWindow", "sme-margin-left-xs"], [3, "class", 4, "ngIf"], ["class", "sme-layout-inline-block sme-margin-right-xs ", "size", "16px", 3, "status", 4, "ngIf"], ["size", "16px", 1, "sme-layout-inline-block", "sme-margin-right-xs", 3, "status"]], template: function PropertyGridComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵelementStart(0, "sme-layout", 0, 1);
                 i0.ɵɵelement(2, "sme-layout-definition", 2);
                 i0.ɵɵtemplate(3, PropertyGridComponent_sme_layout_definition_3_Template, 1, 2, "sme-layout-definition", 3);
                 i0.ɵɵtemplate(4, PropertyGridComponent_sme_layout_definition_4_Template, 1, 1, "sme-layout-definition", 4);
-                i0.ɵɵtemplate(5, PropertyGridComponent_sme_layout_item_5_Template, 14, 15, "sme-layout-item", 5);
+                i0.ɵɵtemplate(5, PropertyGridComponent_sme_layout_item_5_Template, 10, 10, "sme-layout-item", 5);
                 i0.ɵɵelementEnd();
                 i0.ɵɵtemplate(6, PropertyGridComponent_ng_template_6_Template, 3, 8, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
                 i0.ɵɵtemplate(8, PropertyGridComponent_ng_template_8_Template, 4, 8, "ng-template", null, 7, i0.ɵɵtemplateRefExtractor);
@@ -48257,14 +48106,14 @@
         });
         Object.defineProperty(SchemaFormContentComponent.prototype, "isFormValid", {
             get: function () {
-                return this.fieldHostComponent.isValid();
+                return !!this.fieldHostComponent && this.fieldHostComponent.isValid();
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(SchemaFormContentComponent.prototype, "isFormDirty", {
             get: function () {
-                return this.fieldHostComponent.isDirty();
+                return !!this.fieldHostComponent && this.fieldHostComponent.isDirty();
             },
             enumerable: false,
             configurable: true
@@ -48279,7 +48128,10 @@
             this.context.formController = this.formController;
         };
         SchemaFormContentComponent.prototype.getFormContainerLoaderComponent = function () {
-            return this.fieldHostComponent.getFormFieldLoaderComponent();
+            if (this.fieldHostComponent) {
+                return this.fieldHostComponent.getFormFieldLoaderComponent();
+            }
+            return null;
         };
         return SchemaFormContentComponent;
     }());
@@ -50468,6 +50320,33 @@
     }
     var _c0$1u = [[["sme-settings-navigation"]], [["sme-settings-header"]], [["sme-settings-content"]], [["sme-settings-footer"]]];
     var _c1$O = ["sme-settings-navigation", "sme-settings-header", "sme-settings-content", "sme-settings-footer"];
+    /**
+     *
+     * @smeDoc {@label Settings @id sme-settings}
+     *
+     * @overview
+     * @file {@filepath ./examples/settings-overview.md}
+     *
+     * @example {@label Basic Multi-Form Usage @id basic-multi}
+     * @file {@filename component.html @filepath ./examples/multi-form-example/component.html}
+     * @file {@filename component.ts @filepath ./examples/multi-form-example/component.ts}
+     * @file {@filename panel1.ts @filepath ./examples/multi-form-example/panel1.ts}
+     * @file {@filename panel1.html @filepath ./examples/multi-form-example/panel1.html}
+     * @file {@filename panel2.ts @filepath ./examples/multi-form-example/panel2.ts}
+     * @file {@filename panel2.html @filepath ./examples/multi-form-example/panel2.html}
+     * @file {@filename component-routing.module @filepath ./examples/multi-form-example/routing.module.ts}
+     *
+     * @example {@label Basic Single-Form Usage @id basic-single}
+     * @file {@filename component.html @filepath ./examples/single-form-example/component.html}
+     * @file {@filename component.ts @filepath ./examples/single-form-example/component.ts}
+     * @file {@filename panel.ts @filepath ./examples/single-form-example/panel.ts}
+     * @file {@filename panel.html @filepath ./examples/single-form-example/panel.html}
+     * @file {@filename component-routing.module @filepath ./examples/single-form-example/routing.module.ts}
+     *
+     */
+    /**
+     * Defines base settings component, implements core functionality + settings form.
+     */
     var SettingsComponent = /** @class */ (function (_super) {
         __extends(SettingsComponent, _super);
         function SettingsComponent(injector) {
@@ -50687,7 +50566,9 @@
     }
     function CommonSettingsComponent_li_6_a_2_Template(rf, ctx) {
         if (rf & 1) {
+            var _r12_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "a", 13);
+            i0.ɵɵlistener("smeRouterLinkActivated", function CommonSettingsComponent_li_6_a_2_Template_a_smeRouterLinkActivated_0_listener() { i0.ɵɵrestoreView(_r12_1); var setting_r9 = ctx.$implicit; var ctx_r11 = i0.ɵɵnextContext(2); return ctx_r11.selectedSetting = setting_r9; });
             i0.ɵɵelement(1, "div", 14);
             i0.ɵɵelementStart(2, "div", 15);
             i0.ɵɵelementStart(3, "span", 16);
@@ -50703,7 +50584,7 @@
             var ctx_r7 = i0.ɵɵnextContext();
             i0.ɵɵattributeInterpolate5("aria-labelledby", "", ctx_r7.idBag.option, "-", j_r5, "-", i_r10, " ", ctx_r7.idBag.group, "-", j_r5, "");
             i0.ɵɵproperty("routerLink", setting_r9.routeParams.commands)("preserveFragment", setting_r9.routeParams.extras && setting_r9.routeParams.extras.preserveFragment)("skipLocationChange", setting_r9.routeParams.extras && setting_r9.routeParams.extras.skipLocationChange)("replaceUrl", setting_r9.routeParams.extras && setting_r9.routeParams.extras.replaceUrl)("queryParams", setting_r9.routeParams.extras && setting_r9.routeParams.extras.queryParams)("title", setting_r9.label);
-            i0.ɵɵattribute("aria-selected", ctx_r7.router.isActive(setting_r9.routeParams.commands[0], false));
+            i0.ɵɵattribute("aria-selected", ctx_r7.selectedSetting === setting_r9);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngClass", ctx_r7.getSmeIconClass(setting_r9));
             i0.ɵɵadvance(2);
@@ -50731,9 +50612,9 @@
     }
     function CommonSettingsComponent_div_7_div_1_Template(rf, ctx) {
         if (rf & 1) {
-            var _r15_1 = i0.ɵɵgetCurrentView();
+            var _r17_1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div", 18);
-            i0.ɵɵlistener("click", function CommonSettingsComponent_div_7_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r15_1); var layer_r13 = ctx.$implicit; var ctx_r14 = i0.ɵɵnextContext(2); return ctx_r14.onOverlayClick(layer_r13); });
+            i0.ɵɵlistener("click", function CommonSettingsComponent_div_7_div_1_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17_1); var layer_r15 = ctx.$implicit; var ctx_r16 = i0.ɵɵnextContext(2); return ctx_r16.onOverlayClick(layer_r15); });
             i0.ɵɵelementEnd();
         }
     }
@@ -50756,10 +50637,10 @@
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r16 = i0.ɵɵnextContext(2);
-            i0.ɵɵattribute("aria-label", ctx_r16.selectedSettingTitle);
+            var ctx_r18 = i0.ɵɵnextContext(2);
+            i0.ɵɵattribute("aria-label", ctx_r18.selectedSetting.label);
             i0.ɵɵadvance(1);
-            i0.ɵɵtextInterpolate1(" ", ctx_r16.selectedSettingTitle, "");
+            i0.ɵɵtextInterpolate1(" ", ctx_r18.selectedSetting.label, "");
         }
     }
     function CommonSettingsComponent_sme_settings_header_8_Template(rf, ctx) {
@@ -50771,16 +50652,18 @@
         if (rf & 2) {
             var ctx_r3 = i0.ɵɵnextContext();
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", !!ctx_r3.getActiveSettingItem());
+            i0.ɵɵproperty("ngIf", !!ctx_r3.selectedSetting);
         }
     }
     var _c0$1v = ["*"];
+    /**
+     * Container around settings component, handles common settings behavior.
+     */
     var CommonSettingsComponent = /** @class */ (function (_super) {
         __extends(CommonSettingsComponent, _super);
-        function CommonSettingsComponent(injector, router, activatedRoute, settingsForms, iterableDiffers, appContext, rpcShellService) {
+        function CommonSettingsComponent(injector, router, settingsForms, iterableDiffers, appContext, rpcShellService) {
             var _this = _super.call(this, injector) || this;
             _this.router = router;
-            _this.activatedRoute = activatedRoute;
             _this.settingsForms = settingsForms;
             _this.iterableDiffers = iterableDiffers;
             _this.appContext = appContext;
@@ -50881,7 +50764,7 @@
             }
         };
         CommonSettingsComponent.prototype.recalculateActivePanel = function () {
-            var setting = this.getActiveSettingItem();
+            var setting = this.selectedSetting;
             if (MsftSme.isNullOrUndefined(setting)) {
                 return;
             }
@@ -50911,7 +50794,7 @@
             var _this = this;
             // For the current active setting, we need to reset the form to its
             // original pristine form when discarding changes
-            var activeSetting = this.getActiveSettingItem();
+            var activeSetting = this.selectedSetting;
             var settingWithForm = activeSetting;
             if (settingWithForm.form) {
                 settingWithForm.form.reset(this.latestPristineFormValue);
@@ -50929,7 +50812,7 @@
         };
         CommonSettingsComponent.prototype.acceptAllChildFormsValue = function () {
             var _this = this;
-            var activeSetting = this.getActiveSettingItem();
+            var activeSetting = this.selectedSetting;
             this.settings.forEach(function (setting) {
                 var settingWithForm = setting;
                 if (settingWithForm.form) {
@@ -50971,33 +50854,6 @@
                 option: ''
             };
         };
-        CommonSettingsComponent.prototype.getActiveSettingItem = function () {
-            var e_1, _a;
-            if (this.settings && this.settings.length > 0) {
-                try {
-                    for (var _b = __values(this.settings), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var setting = _c.value;
-                        var extras = setting.routeParams.extras || {};
-                        Object.assign(extras, {
-                            relativeTo: this.activatedRoute
-                        });
-                        var urlTree = this.router.createUrlTree(setting.routeParams.commands, extras);
-                        if (this.router.isActive(urlTree, false)) {
-                            this.selectedSettingTitle = setting.label;
-                            return setting;
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-            return undefined;
-        };
         CommonSettingsComponent.prototype.onOverlayClick = function (layer) {
             var _this = this;
             var layerRpc = this.appContext.rpc.rpcManager.rpcChannel.getRpc(layer.sourceName, layer.sourceSubName, rpcBase.RpcType.Outbound);
@@ -51012,7 +50868,7 @@
                 if (_this.layers.length > 0) {
                     _this.layers.pop();
                 }
-                return rxjs.empty();
+                return rxjs.EMPTY;
             });
         };
         /**
@@ -51046,7 +50902,7 @@
         };
         return CommonSettingsComponent;
     }(CoreBaseComponent));
-    /** @nocollapse */ CommonSettingsComponent.ɵfac = function CommonSettingsComponent_Factory(t) { return new (t || CommonSettingsComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(i1.ActivatedRoute), i0.ɵɵdirectiveInject(SettingsFormService), i0.ɵɵdirectiveInject(i0.IterableDiffers), i0.ɵɵdirectiveInject(AppContextService), i0.ɵɵdirectiveInject(RpcShellService)); };
+    /** @nocollapse */ CommonSettingsComponent.ɵfac = function CommonSettingsComponent_Factory(t) { return new (t || CommonSettingsComponent)(i0.ɵɵdirectiveInject(i0.Injector), i0.ɵɵdirectiveInject(i1.Router), i0.ɵɵdirectiveInject(SettingsFormService), i0.ɵɵdirectiveInject(i0.IterableDiffers), i0.ɵɵdirectiveInject(AppContextService), i0.ɵɵdirectiveInject(RpcShellService)); };
     /** @nocollapse */ CommonSettingsComponent.ɵcmp = i0.ɵɵdefineComponent({ type: CommonSettingsComponent, selectors: [["sme-common-settings"]], viewQuery: function CommonSettingsComponent_Query(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵviewQuery(SettingsComponent, 1);
@@ -51055,7 +50911,7 @@
                 var _t = void 0;
                 i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.settingsComponent = _t.first);
             }
-        }, inputs: { settingsTitle: "settingsTitle", settings: "settings", showHeader: "showHeader", hackShowOverlay: "hackShowOverlay", hackToolHeader: "hackToolHeader", backRoute: "backRoute" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$1v, decls: 13, vars: 6, consts: [[3, "settingsTitle"], ["class", "sme-layout-tool-header", 4, "ngIf"], ["role", "region"], ["role", "tablist", 1, "sme-padding-horizontal-lg", "sme-arrange-stack-v", "sme-focus-zone"], ["role", "presentation", 1, "sme-position-flex-auto", "sme-arrange-stack-v", "sme-arrange-overflow-hide-x", "sme-arrange-overflow-auto-y"], ["class", "sme-margin-inset-none", "role", "presentation", 4, "ngFor", "ngForOf"], [4, "ngIf"], [1, "sme-layout-tool-header"], [1, "sme-position-flex-none", "sme-font-h3"], ["role", "presentation", 1, "sme-margin-inset-none"], ["class", "sme-margin-top-xs sme-font-h5", 3, "id", "title", 4, "ngIf"], ["class", "sme-padding-squish-v-sm sme-arrange-stack-h sme-scheme-nav-item", "role", "tab", "href", "setting.routeParams.extras && setting.routeParams.extras.replaceUrl", "routerLinkActive", "sme-active", 3, "routerLink", "preserveFragment", "skipLocationChange", "replaceUrl", "queryParams", "title", 4, "ngFor", "ngForOf"], [1, "sme-margin-top-xs", "sme-font-h5", 3, "id", "title"], ["role", "tab", "href", "setting.routeParams.extras && setting.routeParams.extras.replaceUrl", "routerLinkActive", "sme-active", 1, "sme-padding-squish-v-sm", "sme-arrange-stack-h", "sme-scheme-nav-item", 3, "routerLink", "preserveFragment", "skipLocationChange", "replaceUrl", "queryParams", "title"], [1, "sme-icon", "sme-margin-right-xs", 3, "ngClass"], [1, "sme-position-flex-auto"], [3, "id"], ["class", "sme-layout-absolute sme-position-inset-none sme-layer-above sme-scheme-backdrop-opaque", 3, "click", 4, "ngFor", "ngForOf"], [1, "sme-layout-absolute", "sme-position-inset-none", "sme-layer-above", "sme-scheme-backdrop-opaque", 3, "click"], ["id", "sme-shell-setting-selectedTitle", 4, "ngIf"], ["id", "sme-shell-setting-selectedTitle"]], template: function CommonSettingsComponent_Template(rf, ctx) {
+        }, inputs: { settingsTitle: "settingsTitle", settings: "settings", showHeader: "showHeader", hackShowOverlay: "hackShowOverlay", hackToolHeader: "hackToolHeader", backRoute: "backRoute" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], ngContentSelectors: _c0$1v, decls: 13, vars: 6, consts: [[3, "settingsTitle"], ["class", "sme-layout-tool-header", 4, "ngIf"], ["role", "region"], ["role", "tablist", 1, "sme-padding-horizontal-lg", "sme-arrange-stack-v", "sme-focus-zone"], ["role", "presentation", 1, "sme-position-flex-auto", "sme-arrange-stack-v", "sme-arrange-overflow-hide-x", "sme-arrange-overflow-auto-y"], ["class", "sme-margin-inset-none", "role", "presentation", 4, "ngFor", "ngForOf"], [4, "ngIf"], [1, "sme-layout-tool-header"], [1, "sme-position-flex-none", "sme-font-h3"], ["role", "presentation", 1, "sme-margin-inset-none"], ["class", "sme-margin-top-xs sme-font-h5", 3, "id", "title", 4, "ngIf"], ["class", "sme-padding-squish-v-sm sme-arrange-stack-h sme-scheme-nav-item", "role", "tab", "href", "setting.routeParams.extras && setting.routeParams.extras.replaceUrl", "routerLinkActive", "sme-active", 3, "routerLink", "preserveFragment", "skipLocationChange", "replaceUrl", "queryParams", "title", "smeRouterLinkActivated", 4, "ngFor", "ngForOf"], [1, "sme-margin-top-xs", "sme-font-h5", 3, "id", "title"], ["role", "tab", "href", "setting.routeParams.extras && setting.routeParams.extras.replaceUrl", "routerLinkActive", "sme-active", 1, "sme-padding-squish-v-sm", "sme-arrange-stack-h", "sme-scheme-nav-item", 3, "routerLink", "preserveFragment", "skipLocationChange", "replaceUrl", "queryParams", "title", "smeRouterLinkActivated"], [1, "sme-icon", "sme-margin-right-xs", 3, "ngClass"], [1, "sme-position-flex-auto"], [3, "id"], ["class", "sme-layout-absolute sme-position-inset-none sme-layer-above sme-scheme-backdrop-opaque", 3, "click", 4, "ngFor", "ngForOf"], [1, "sme-layout-absolute", "sme-position-inset-none", "sme-layer-above", "sme-scheme-backdrop-opaque", 3, "click"], ["id", "sme-shell-setting-selectedTitle", 4, "ngIf"], ["id", "sme-shell-setting-selectedTitle"]], template: function CommonSettingsComponent_Template(rf, ctx) {
             if (rf & 1) {
                 i0.ɵɵprojectionDef();
                 i0.ɵɵelementStart(0, "sme-settings", 0);
@@ -51100,7 +50956,7 @@
                         selector: 'sme-common-settings',
                         templateUrl: './common-settings.component.html'
                     }]
-            }], function () { return [{ type: i0.Injector }, { type: i1.Router }, { type: i1.ActivatedRoute }, { type: SettingsFormService }, { type: i0.IterableDiffers }, { type: AppContextService }, { type: RpcShellService }]; }, { settingsTitle: [{
+            }], function () { return [{ type: i0.Injector }, { type: i1.Router }, { type: SettingsFormService }, { type: i0.IterableDiffers }, { type: AppContextService }, { type: RpcShellService }]; }, { settingsTitle: [{
                     type: i0.Input
                 }], settings: [{
                     type: i0.Input
@@ -51431,6 +51287,7 @@
             SettingsFormService,
             CanDeactivateGuard
         ], imports: [[
+                SmeRouterModule,
                 i1.RouterModule,
                 i1$1.CommonModule,
                 HeaderModule,
@@ -51445,7 +51302,8 @@
                 SettingsContentComponent,
                 SettingsPageComponent,
                 SettingsNavigationComponent,
-                CommonSettingsComponent], imports: [i1.RouterModule,
+                CommonSettingsComponent], imports: [SmeRouterModule,
+                i1.RouterModule,
                 i1$1.CommonModule,
                 HeaderModule,
                 LayoutModule,
@@ -51463,6 +51321,7 @@
                 type: i0.NgModule,
                 args: [{
                         imports: [
+                            SmeRouterModule,
                             i1.RouterModule,
                             i1$1.CommonModule,
                             HeaderModule,
@@ -51497,7 +51356,7 @@
             }], null, null);
     })();
     i0.ɵɵsetComponentScope(CommonSettingsComponent, [SettingsComponent,
-        SettingsNavigationComponent, i1$1.NgIf, i1$1.NgForOf, TooltipDirective, i1.RouterLinkWithHref, i1.RouterLinkActive, i1$1.NgClass, SettingsHeaderComponent,
+        SettingsNavigationComponent, i1$1.NgIf, i1$1.NgForOf, TooltipDirective, i1.RouterLinkWithHref, i1.RouterLinkActive, SmeRouterLinkDirective, i1$1.NgClass, SettingsHeaderComponent,
         SettingsContentComponent, i1.RouterOutlet, SettingsFooterComponent], []);
 
     // tslint:disable-next-line: directive-class-suffix
@@ -52253,7 +52112,7 @@
             i0.ɵɵtextInterpolate(step_r14.name);
         }
     }
-    var _c3$c = function (a0) { return { "sme-scheme-list-item sme-active sme-color-base-5": a0 }; };
+    var _c3$c = function (a0) { return { "sme-scheme-nav-list-item sme-active sme-color-base-5": a0 }; };
     var _c4$8 = function (a0) { return { "sme-step-active": a0 }; };
     function WizardComponent_div_4_ul_1_li_1_Template(rf, ctx) {
         if (rf & 1) {
@@ -52410,6 +52269,23 @@
         }
         return WizardTelemetryData;
     }());
+    /**
+     * @smeDoc {@label Wizard @id sme-wizard}
+     *
+     * @overview
+     * @file {@filepath ./examples/overview.md}
+     *
+     * @example {@label Example Wizard @id simple-wizard}
+     * @file {@filename component.html @filepath ./examples/wizard-example.component.html}
+     * @file {@filename component.ts @filepath ./examples/wizard-example.component.ts}
+     * @file {@filename data-model.ts @filepath ./examples/example-model.ts}
+     * @file {@filename finish-component.ts @filepath ./examples/finish.component.ts}
+     * @file {@filename finish-component.html @filepath ./examples/finish.component.html}
+     * @file {@filename simple-static-text.html @filepath ./examples/simple-static-text.component.html}
+     * @file {@filename simple-static-text.ts @filepath ./examples/simple-static-text.ts}
+     * @file {@filename simple-text-input.component.html @filepath ./examples/simple-text-input.component.html}
+     * @file {@filename simple-text-input.component.ts @filepath ./examples/simple-text-input.component.ts}
+     */
     /**
      * The component class definition for the wizard component.
      */
@@ -52432,6 +52308,7 @@
              */
             _this.telemetryData = {
                 stepIndexNumber: '1.1',
+                stepName: '',
                 stepIndexStartTime: (new Date()).toISOString(),
                 entryPoint: environmentModules.EnvironmentModule.createEntrypointId(MsftSme.self().Init.moduleName, MsftSme.self().Init.entryPointName),
                 state: WizardState.Entry
@@ -52490,6 +52367,22 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(WizardComponent.prototype, "wizardTelemetryEventBlob", {
+            /**
+             * Create and return the current telemetry event structure for wizard telemetry. This can be used for any automatic
+             * actions not triggered by a DOM interaction.
+             */
+            get: function () {
+                var wizardTelemetryBase = {
+                    contentId: 'sme-wizard',
+                    areaName: 'WizardComponent'
+                };
+                MsftSme.deepAssign(wizardTelemetryBase, this.telemetryData);
+                return wizardTelemetryBase;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(WizardComponent.prototype, "stagesArrayIndex", {
             /**
              * Gets the index of the current stage of the wizard.
@@ -52822,17 +52715,17 @@
                 this.telemetryData.wizardType = filledModel.wizardType;
             }
             this.navigationInformation.resetHistory();
+            // update here first to get updated telemetry info
             this.updateTelemetryTags();
+            smeWebTelemetry.SmeWebTelemetry.traceAction(null, { content: this.wizardTelemetryEventBlob, actionType: smeWebTelemetryModels.TelemetryActionTypes.Automatic });
+            this.updateTelemetryTags(WizardState.Active);
             window.addEventListener('pagehide', function () {
                 if (_this.telemetryData.state !== WizardState.Finished) {
                     // manually set at this point b/c view is destructed.
                     _this.telemetryData.state = WizardState.Exit;
                 }
-                // Populate ourselves b/c the element ref is destructed at this point. Container tags should not change
-                var exitTelemetryData = { contentId: 'sme-wizard', areaName: 'WizardComponent' };
-                MsftSme.deepAssign(exitTelemetryData, _this.telemetryData);
                 // actionType A for Auto (according to AWA dictionary) to differentiate from CL
-                smeWebTelemetry.SmeWebTelemetry.traceAction(null, { content: exitTelemetryData, actionType: 'A' });
+                smeWebTelemetry.SmeWebTelemetry.traceAction(null, { content: _this.wizardTelemetryEventBlob, actionType: smeWebTelemetryModels.TelemetryActionTypes.Automatic });
             });
         };
         /**
@@ -53097,6 +52990,7 @@
         WizardComponent.prototype.updateTelemetryTags = function (state) {
             this.telemetryData.state = state ? state : this.telemetryData.state;
             this.telemetryData.stepIndexNumber = this.stageIndex + 1 + "." + (this.stepIndex + 1);
+            this.telemetryData.stepName = this.currentStage.name + "." + this.currentStep.name;
             this.telemetryData.stepIndexStartTime = (new Date()).toISOString(); // keep same format as event timestamp
             this.changeDetectorRef.detectChanges();
         };