@microsoft/windows-admin-center-sdk 2.128.0 → 2.165.0

package/angular/fesm2015/microsoft-windows-admin-center-sdk-angular.js

@@ -1,4 +1,4 @@
-import { EventEmitter, ɵɵdirectiveInject, ChangeDetectorRef, ɵɵdefineDirective, ɵsetClassMetadata, Directive, Optional, Host, Output, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule, ɵɵdefineInjectable, ɵɵgetInheritedFactory, Injectable, ElementRef, ViewContainerRef, ɵɵNgOnChangesFeature, ɵɵInheritDefinitionFeature, ɵɵattribute, HostBinding, Renderer2, ɵɵhostProperty, ɵɵsanitizeHtml, InjectFlags, ɵɵinject, Injector, ɵɵclassProp, KeyValueDiffers, ɵɵdefinePipe, Pipe, ɵɵdefineComponent, ɵɵstyleProp, ɵɵprojectionDef, ɵɵelementStart, ɵɵlistener, ɵɵelementEnd, ɵɵprojection, ɵɵproperty, ɵɵadvance, Component, ɵɵelement, InjectionToken, ɵɵelementContainerStart, ɵɵelementContainer, ɵɵelementContainerEnd, ɵɵnextContext, ɵɵtext, ɵɵtextInterpolate, ɵɵtemplate, NgZone, ɵɵviewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ɵɵresolveWindow, ɵɵresolveDocument, ViewChild, HostListener, ɵɵProvidersFeature, forwardRef, ɵɵpureFunction4, Inject, IterableDiffers, ɵɵcontentQuery, ContentChildren, ɵɵgetCurrentView, ɵɵrestoreView, ɵɵreference, ɵɵpipe, ɵɵpipeBind3, QueryList, ComponentFactoryResolver, ɵɵsetComponentScope, ɵɵpureFunction2, ɵɵtextInterpolate1, ɵɵpureFunction1, ɵɵpureFunction3, ɵɵclassMapInterpolate1, Self, TemplateRef, ContentChild, SkipSelf, ViewChildren, ɵɵtemplateRefExtractor, ɵɵpureFunction0, ɵɵpipeBind2, ɵɵclassMap, ɵɵpropertyInterpolate, ɵɵsanitizeUrl, ɵɵpipeBind1, ɵɵnamespaceSVG, ɵɵtextInterpolate2, isDevMode, ɵɵattributeInterpolate5, ErrorHandler } from '@angular/core';
+import { EventEmitter, ɵɵdirectiveInject, ChangeDetectorRef, ɵɵdefineDirective, ɵsetClassMetadata, Directive, Optional, Host, Output, Input, ɵɵdefineNgModule, ɵɵdefineInjector, ɵɵsetNgModuleScope, NgModule, ɵɵdefineInjectable, ɵɵgetInheritedFactory, Injectable, ElementRef, ViewContainerRef, ɵɵNgOnChangesFeature, ɵɵInheritDefinitionFeature, ɵɵattribute, HostBinding, Renderer2, ɵɵhostProperty, ɵɵsanitizeHtml, InjectFlags, ɵɵinject, Injector, ɵɵclassProp, KeyValueDiffers, ɵɵdefinePipe, Pipe, ɵɵdefineComponent, ɵɵstyleProp, ɵɵprojectionDef, ɵɵelementStart, ɵɵlistener, ɵɵelementEnd, ɵɵprojection, ɵɵproperty, ɵɵadvance, Component, ɵɵelement, InjectionToken, ɵɵelementContainerStart, ɵɵelementContainer, ɵɵelementContainerEnd, ɵɵnextContext, ɵɵtext, ɵɵtextInterpolate, ɵɵtemplate, NgZone, ɵɵviewQuery, ɵɵqueryRefresh, ɵɵloadQuery, ɵɵresolveWindow, ɵɵresolveDocument, ViewChild, HostListener, ɵɵProvidersFeature, forwardRef, ɵɵpureFunction2, ɵɵcontentQuery, ContentChildren, ɵɵpureFunction4, Inject, IterableDiffers, ɵɵgetCurrentView, ɵɵrestoreView, ɵɵreference, ɵɵpipe, ɵɵpipeBind3, QueryList, ComponentFactoryResolver, ɵɵsetComponentScope, ɵɵtextInterpolate1, ɵɵpureFunction1, ɵɵpureFunction3, ɵɵclassMapInterpolate1, Self, TemplateRef, ContentChild, SkipSelf, ViewChildren, ɵɵtemplateRefExtractor, ɵɵpureFunction0, ɵɵpipeBind2, ɵɵclassMap, ɵɵpropertyInterpolate, ɵɵsanitizeUrl, ɵɵpipeBind1, ɵɵnamespaceSVG, ɵɵtextInterpolate2, isDevMode, ɵɵattributeInterpolate5, ErrorHandler } from '@angular/core';
 import { NavigationEnd, RouterLink, RouterLinkWithHref, Router, PRIMARY_OUTLET, RouterOutlet, RouterModule, ActivatedRoute, RouterLinkActive, NavigationStart } from '@angular/router';
 import { ResourceCache } from '@microsoft/windows-admin-center-sdk/core/data/resource-cache';
 import { LogLevel } from '@microsoft/windows-admin-center-sdk/core/diagnostics/log-level';
@@ -4442,10 +4442,10 @@ class TooltipZoneDirective extends CoreBaseComponent {
     }
     onShortcut(event) {
         if (event.keyCode === KeyCode.F1 && event.altKey) {
-            event.stopImmediatePropagation();
             if (this.tooltipDirective) {
                 if (!this.tooltipDirective.shown) {
                     this.tooltipDirective.show(true);
+                    event.stopImmediatePropagation();
                 }
                 else {
                     this.tooltipDirective.hide();
@@ -5054,6 +5054,215 @@ class ExtensionRootModule {
             }]
     }], null, null); })();
 
+const _c0$4 = ["*"];
+const _c1$1 = function (a0, a1) { return { "sme-icon-chevronDown": a0, "sme-icon-chevronRight": a1 }; };
+function AccordionPanelComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelement(0, "span", 6);
+} if (rf & 2) {
+    const ctx_r1 = ɵɵnextContext();
+    ɵɵproperty("ngClass", ɵɵpureFunction2(1, _c1$1, ctx_r1.opened, !ctx_r1.opened));
+} }
+function AccordionPanelComponent_div_8_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "div", 7);
+    ɵɵprojection(1, 1);
+    ɵɵelementEnd();
+} }
+const _c2 = [[["sme-panel-control"]], "*"];
+const _c3 = ["sme-panel-control", "*"];
+class PanelControlComponent {
+}
+/** @nocollapse */ PanelControlComponent.ɵfac = function PanelControlComponent_Factory(t) { return new (t || PanelControlComponent)(); };
+/** @nocollapse */ PanelControlComponent.ɵcmp = ɵɵdefineComponent({ type: PanelControlComponent, selectors: [["sme-panel-control"]], ngContentSelectors: _c0$4, decls: 1, vars: 0, template: function PanelControlComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵprojectionDef();
+        ɵɵprojection(0);
+    } }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(PanelControlComponent, [{
+        type: Component,
+        args: [{
+                selector: 'sme-panel-control',
+                template: '<ng-content></ng-content>'
+            }]
+    }], null, null); })();
+class AccordionPanelComponent {
+    constructor() {
+        this.isExpandable = true;
+        this.toggled = new EventEmitter();
+        this.opened = true;
+        this.canClose = this.isExpandable;
+    }
+    onToggle() {
+        if (this.isExpandable) {
+            this.opened = !this.opened;
+            this.toggled.emit(this);
+        }
+    }
+}
+/** @nocollapse */ AccordionPanelComponent.ɵfac = function AccordionPanelComponent_Factory(t) { return new (t || AccordionPanelComponent)(); };
+/** @nocollapse */ AccordionPanelComponent.ɵcmp = ɵɵdefineComponent({ type: AccordionPanelComponent, selectors: [["sme-accordion-panel"]], inputs: { header: "header", opened: "opened", isExpandable: "isExpandable" }, outputs: { toggled: "toggled" }, ngContentSelectors: _c3, decls: 9, vars: 5, consts: [[1, "sme-accordion-panel"], [1, "sme-arrange-stack-h", "sme-panel-header"], [1, "sme-button", "sme-button-align-left", "sme-button-trigger", "sme-position-flex-auto", "sme-panel-expander", 3, "click"], ["accordionPanelButton", ""], ["class", "sme-position-flex-none sme-icon", 3, "ngClass", 4, "ngIf"], ["class", "sme-panel-body", 4, "ngIf"], [1, "sme-position-flex-none", "sme-icon", 3, "ngClass"], [1, "sme-panel-body"]], template: function AccordionPanelComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵprojectionDef(_c2);
+        ɵɵelementStart(0, "div", 0);
+        ɵɵelementStart(1, "div", 1);
+        ɵɵelementStart(2, "div", 2, 3);
+        ɵɵlistener("click", function AccordionPanelComponent_Template_div_click_2_listener() { return ctx.onToggle(); });
+        ɵɵtemplate(4, AccordionPanelComponent_span_4_Template, 1, 4, "span", 4);
+        ɵɵelementStart(5, "span");
+        ɵɵtext(6);
+        ɵɵelementEnd();
+        ɵɵelementEnd();
+        ɵɵprojection(7);
+        ɵɵelementEnd();
+        ɵɵtemplate(8, AccordionPanelComponent_div_8_Template, 2, 0, "div", 5);
+        ɵɵelementEnd();
+    } if (rf & 2) {
+        ɵɵadvance(2);
+        ɵɵclassProp("sme-focus-zone", ctx.canClose);
+        ɵɵadvance(2);
+        ɵɵproperty("ngIf", ctx.canClose);
+        ɵɵadvance(2);
+        ɵɵtextInterpolate(ctx.header);
+        ɵɵadvance(2);
+        ɵɵproperty("ngIf", ctx.opened);
+    } }, directives: [NgIf, NgClass], encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(AccordionPanelComponent, [{
+        type: Component,
+        args: [{
+                selector: 'sme-accordion-panel',
+                templateUrl: './accordion-panel.component.html'
+            }]
+    }], function () { return []; }, { header: [{
+            type: Input
+        }], opened: [{
+            type: Input
+        }], isExpandable: [{
+            type: Input
+        }], toggled: [{
+            type: Output
+        }] }); })();
+
+const _c0$5 = ["*"];
+class AccordionComponent extends CoreBaseComponent {
+    constructor(injector) {
+        super(injector);
+        this.canOpenMultiple = true;
+        this.canCloseAll = true;
+        this.canCloseAny = false;
+    }
+    /**
+     * The source name to use for logging
+     */
+    get logSourceName() {
+        return 'AccordionComponent';
+    }
+    set canCloseAny(value) {
+        this._canCloseAny = value;
+        if (this.panels) {
+            this.panels.forEach(p => p.canClose = this._canCloseAny);
+        }
+    }
+    get canCloseAny() {
+        return this._canCloseAny;
+    }
+    ngAfterContentInit() {
+        this.subscriptions.push(merge(of(null).pipe(mergeMap(() => this.getToggleObservables(this.panels))), this.panels.changes.pipe(mergeMap(panels => {
+            return this.getToggleObservables(panels);
+        }))).subscribe(panel => this.onPanelToggled(panel)));
+        this.subscriptions.push(merge(of(null).pipe(mergeMap(() => this.getAllPanelObservables(this.panels))), this.panels.changes.pipe(mergeMap((panels) => {
+            return this.getAllPanelObservables(panels);
+        }))).subscribe(panel => panel.canClose = this.canCloseAny));
+    }
+    getToggleObservables(panels) {
+        const observables = panels.toArray().map((panel) => {
+            return panel.toggled;
+        });
+        return merge(...observables);
+    }
+    getAllPanelObservables(panels) {
+        const observables = panels.toArray().map((panel) => {
+            return of(panel);
+        });
+        return merge(...observables);
+    }
+    onPanelToggled(panel) {
+        if (panel.opened) {
+            if (!this.canOpenMultiple) {
+                this.closePanelsExcept(panel);
+            }
+        }
+        else {
+            if ((!this.canCloseAll && !this.panels.some(p => p.opened)) || !this.canCloseAny) {
+                panel.opened = true;
+            }
+        }
+    }
+    closePanelsExcept(panel) {
+        this.panels.toArray().forEach(p => {
+            if (p !== panel) {
+                p.opened = false;
+            }
+        });
+    }
+}
+/** @nocollapse */ AccordionComponent.ɵfac = function AccordionComponent_Factory(t) { return new (t || AccordionComponent)(ɵɵdirectiveInject(Injector)); };
+/** @nocollapse */ AccordionComponent.ɵcmp = ɵɵdefineComponent({ type: AccordionComponent, selectors: [["sme-accordion"]], contentQueries: function AccordionComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+        ɵɵcontentQuery(dirIndex, AccordionPanelComponent, 0);
+    } if (rf & 2) {
+        let _t;
+        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.panels = _t);
+    } }, inputs: { canOpenMultiple: "canOpenMultiple", canCloseAll: "canCloseAll", canCloseAny: "canCloseAny" }, features: [ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$5, decls: 1, vars: 0, template: function AccordionComponent_Template(rf, ctx) { if (rf & 1) {
+        ɵɵprojectionDef();
+        ɵɵprojection(0);
+    } }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(AccordionComponent, [{
+        type: Component,
+        args: [{
+                selector: 'sme-accordion',
+                templateUrl: './accordion.component.html'
+            }]
+    }], function () { return [{ type: Injector }]; }, { panels: [{
+            type: ContentChildren,
+            args: [AccordionPanelComponent]
+        }], canOpenMultiple: [{
+            type: Input
+        }], canCloseAll: [{
+            type: Input
+        }], canCloseAny: [{
+            type: Input
+        }] }); })();
+
+class AccordionModule {
+}
+/** @nocollapse */ AccordionModule.ɵfac = function AccordionModule_Factory(t) { return new (t || AccordionModule)(); };
+/** @nocollapse */ AccordionModule.ɵmod = ɵɵdefineNgModule({ type: AccordionModule });
+/** @nocollapse */ AccordionModule.ɵinj = ɵɵdefineInjector({ imports: [[
+            RouterModule,
+            CommonModule
+        ]] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(AccordionModule, { declarations: [AccordionComponent,
+        AccordionPanelComponent,
+        PanelControlComponent], imports: [RouterModule,
+        CommonModule], exports: [AccordionComponent,
+        AccordionPanelComponent,
+        PanelControlComponent] }); })();
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(AccordionModule, [{
+        type: NgModule,
+        args: [{
+                exports: [
+                    AccordionComponent,
+                    AccordionPanelComponent,
+                    PanelControlComponent
+                ],
+                declarations: [
+                    AccordionComponent,
+                    AccordionPanelComponent,
+                    PanelControlComponent
+                ],
+                imports: [
+                    RouterModule,
+                    CommonModule
+                ]
+            }]
+    }], null, null); })();
+
 /**
  * Service for maintaining dropdown state.
  * Only one dropdown can be opened at a time.
@@ -5241,7 +5450,8 @@ class DropdownService {
         // if the esc key is pressed, close the popup and focus on the toggle element
         if (event.keyCode === KeyCode.Escape) {
             if (this.activeDropdown && this.activeDropdown.toggleElement) {
-                const nextElement = Dom.getNextFocusableElement(this.activeDropdown.toggleElement.nativeElement);
+                const docElement = this.activeDropdown.toggleElement.nativeElement;
+                const nextElement = Dom.getFirstFocusableDescendent(docElement) || Dom.getNextFocusableElement(docElement);
                 if (nextElement) {
                     nextElement.focus();
                 }
@@ -5620,10 +5830,10 @@ __decorate([
         type: Injectable
     }], null, { closeNestedHelper: [] }); })();
 
-const _c0$4 = ["smeDropdownContent"];
-const _c1$1 = ["smeDropdownToggle"];
-const _c2 = [[["", 8, "sme-dropdown-toggle"]], [["", 8, "sme-dropdown-content"]]];
-const _c3 = function (a0, a1, a2, a3) { return { "sme-layout-hidden": a0, "sme-layout-inline-block": a1, "sme-arrange-overflow-auto-x": a2, "sme-arrange-overflow-auto-y": a3 }; };
+const _c0$6 = ["smeDropdownContent"];
+const _c1$2 = ["smeDropdownToggle"];
+const _c2$1 = [[["", 8, "sme-dropdown-toggle"]], [["", 8, "sme-dropdown-content"]]];
+const _c3$1 = function (a0, a1, a2, a3) { return { "sme-layout-hidden": a0, "sme-layout-inline-block": a1, "sme-arrange-overflow-auto-x": a2, "sme-arrange-overflow-auto-y": a3 }; };
 const _c4 = [".sme-dropdown-toggle", ".sme-dropdown-content"];
 /**
  *
@@ -5812,8 +6022,8 @@ class DropdownComponent {
 }
 /** @nocollapse */ DropdownComponent.ɵfac = function DropdownComponent_Factory(t) { return new (t || DropdownComponent)(ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(DropdownService), ɵɵdirectiveInject(SME_LAYOUT_PROVIDER, 8)); };
 /** @nocollapse */ DropdownComponent.ɵcmp = ɵɵdefineComponent({ type: DropdownComponent, selectors: [["sme-dropdown"]], viewQuery: function DropdownComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$4, 1);
-        ɵɵviewQuery(_c1$1, 3);
+        ɵɵviewQuery(_c0$6, 1);
+        ɵɵviewQuery(_c1$2, 3);
     } if (rf & 2) {
         let _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.contentElement = _t.first);
@@ -5823,7 +6033,7 @@ class DropdownComponent {
     } if (rf & 2) {
         ɵɵ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) { if (rf & 1) {
-        ɵɵprojectionDef(_c2);
+        ɵɵprojectionDef(_c2$1);
         ɵɵelementStart(0, "div", 0, 1);
         ɵɵprojection(2);
         ɵɵelementEnd();
@@ -5832,7 +6042,7 @@ class DropdownComponent {
         ɵɵelementEnd();
     } if (rf & 2) {
         ɵɵadvance(3);
-        ɵɵproperty("ngClass", ɵɵpureFunction4(1, _c3, !ctx.isOpen, ctx.isOpen, ctx.overflowX, ctx.overflowY));
+        ɵɵproperty("ngClass", ɵɵpureFunction4(1, _c3$1, !ctx.isOpen, ctx.isOpen, ctx.overflowX, ctx.overflowY));
     } }, directives: [NgClass], encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(DropdownComponent, [{
         type: Component,
@@ -5905,7 +6115,7 @@ class DropdownModule {
             }]
     }], null, null); })();
 
-const _c0$5 = ["action"];
+const _c0$7 = ["action"];
 // tslint:disable-next-line: directive-class-suffix
 class ActionContainerComponent extends CoreBaseComponent {
     /**
@@ -6046,7 +6256,7 @@ class ActionContainerComponent extends CoreBaseComponent {
 }
 /** @nocollapse */ ActionContainerComponent.ɵfac = function ActionContainerComponent_Factory(t) { return new (t || ActionContainerComponent)(ɵɵdirectiveInject(IterableDiffers), ɵɵdirectiveInject(Injector)); };
 /** @nocollapse */ ActionContainerComponent.ɵdir = ɵɵdefineDirective({ type: ActionContainerComponent, contentQueries: function ActionContainerComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        ɵɵcontentQuery(dirIndex, _c0$5, 0);
+        ɵɵcontentQuery(dirIndex, _c0$7, 0);
     } if (rf & 2) {
         let _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.childActions = _t);
@@ -6074,9 +6284,9 @@ class ActionContainerComponent extends CoreBaseComponent {
             type: Output
         }] }); })();
 
-const _c0$6 = ["actionBarElement"];
-const _c1$2 = ["dropDownButton"];
-const _c2$1 = ["dropDown"];
+const _c0$8 = ["actionBarElement"];
+const _c1$3 = ["dropDownButton"];
+const _c2$2 = ["dropDown"];
 function ActionBarComponent_sme_dynamic_action_item_2_Template(rf, ctx) { if (rf & 1) {
     const _r6 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "sme-dynamic-action-item", 10);
@@ -6088,7 +6298,7 @@ function ActionBarComponent_sme_dynamic_action_item_2_Template(rf, ctx) { if (rf
     ɵɵclassProp("sme-action-bar-item-no-padding-v", ctx_r1.heightOverflow);
     ɵɵproperty("item", item_r4);
 } }
-const _c3$1 = ["*"];
+const _c3$2 = ["*"];
 /**
  *
  * @smeDoc {@label Actions @id sme-actions}
@@ -6435,9 +6645,9 @@ class ActionBarComponent extends ActionContainerComponent {
 }
 /** @nocollapse */ ActionBarComponent.ɵfac = function ActionBarComponent_Factory(t) { return new (t || ActionBarComponent)(ɵɵdirectiveInject(IterableDiffers), ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(ElementRef), ɵɵdirectiveInject(SME_LAYOUT_PROVIDER, 8), ɵɵdirectiveInject(Injector)); };
 /** @nocollapse */ ActionBarComponent.ɵcmp = ɵɵdefineComponent({ type: ActionBarComponent, selectors: [["sme-action-bar"]], viewQuery: function ActionBarComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$6, 1);
-        ɵɵviewQuery(_c1$2, 1);
-        ɵɵviewQuery(_c2$1, 1);
+        ɵɵviewQuery(_c0$8, 1);
+        ɵɵviewQuery(_c1$3, 1);
+        ɵɵviewQuery(_c2$2, 1);
     } if (rf & 2) {
         let _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.element = _t.first);
@@ -6445,7 +6655,7 @@ class ActionBarComponent extends ActionContainerComponent {
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.dropDown = _t.first);
     } }, hostBindings: function ActionBarComponent_HostBindings(rf, ctx) { if (rf & 1) {
         ɵɵ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, ɵɵresolveWindow);
-    } }, outputs: { actionsUpdated: "actionsUpdated" }, features: [ɵɵInheritDefinitionFeature], ngContentSelectors: _c3$1, 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) { if (rf & 1) {
+    } }, outputs: { actionsUpdated: "actionsUpdated" }, features: [ɵɵ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) { if (rf & 1) {
         ɵɵprojectionDef();
         ɵɵelementStart(0, "div", 0, 1);
         ɵɵtemplate(2, ActionBarComponent_sme_dynamic_action_item_2_Template, 1, 3, "sme-dynamic-action-item", 2);
@@ -7187,15 +7397,15 @@ class ActionButtonComponent extends ActionItemComponent {
             type: Output
         }] }); })();
 
-const _c0$7 = ["dropDown"];
-const _c1$3 = ["dropDownButton"];
+const _c0$9 = ["dropDown"];
+const _c1$4 = ["dropDownButton"];
 function ActionDropdownRendererComponent_span_7_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "span", 8);
 } }
 function ActionDropdownRendererComponent_span_8_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "span", 9);
 } }
-const _c2$2 = ["action"];
+const _c2$3 = ["action"];
 class ActionDropdown extends ActionItem {
     /**
      * Constructor for ActionDropdown.
@@ -7280,8 +7490,8 @@ class ActionDropdownRendererComponent extends ActionItemRendererComponent {
 ActionDropdownRendererComponent.hoverTimeToActivate = 500;
 /** @nocollapse */ ActionDropdownRendererComponent.ɵfac = function ActionDropdownRendererComponent_Factory(t) { return new (t || ActionDropdownRendererComponent)(ɵɵdirectiveInject(Renderer2), ɵɵdirectiveInject(ElementRef)); };
 /** @nocollapse */ ActionDropdownRendererComponent.ɵcmp = ɵɵdefineComponent({ type: ActionDropdownRendererComponent, selectors: [["sme-action-dropdown-renderer"]], viewQuery: function ActionDropdownRendererComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$7, 1);
-        ɵɵviewQuery(_c1$3, 1);
+        ɵɵviewQuery(_c0$9, 1);
+        ɵɵviewQuery(_c1$4, 1);
     } if (rf & 2) {
         let _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.dropDown = _t.first);
@@ -7392,12 +7602,12 @@ class ActionDropdownComponent extends ActionItemComponent {
 }
 /** @nocollapse */ ActionDropdownComponent.ɵfac = function ActionDropdownComponent_Factory(t) { return new (t || ActionDropdownComponent)(ɵɵdirectiveInject(ActionBarComponent)); };
 /** @nocollapse */ ActionDropdownComponent.ɵcmp = ɵɵdefineComponent({ type: ActionDropdownComponent, selectors: [["sme-action-dropdown"]], contentQueries: function ActionDropdownComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        ɵɵcontentQuery(dirIndex, _c2$2, 0);
+        ɵɵcontentQuery(dirIndex, _c2$3, 0);
     } if (rf & 2) {
         let _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.childActions = _t);
     } }, viewQuery: function ActionDropdownComponent_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$7, 1);
+        ɵɵviewQuery(_c0$9, 1);
     } if (rf & 2) {
         let _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.dropDown = _t.first);
@@ -7528,7 +7738,7 @@ class ActionItemSeparatorComponent extends ActionItemComponent {
             }]
     }], function () { return [{ type: ActionBarComponent }]; }, null); })();
 
-const _c0$8 = ["container"];
+const _c0$a = ["container"];
 // tslint:disable-next-line: directive-class-suffix
 class DynamicComponentBase {
     constructor(componentFactoryResolver) {
@@ -7556,7 +7766,7 @@ class DynamicComponentBase {
 }
 /** @nocollapse */ DynamicComponentBase.ɵfac = function DynamicComponentBase_Factory(t) { return new (t || DynamicComponentBase)(ɵɵdirectiveInject(ComponentFactoryResolver)); };
 /** @nocollapse */ DynamicComponentBase.ɵdir = ɵɵdefineDirective({ type: DynamicComponentBase, viewQuery: function DynamicComponentBase_Query(rf, ctx) { if (rf & 1) {
-        ɵɵviewQuery(_c0$8, 3, ViewContainerRef);
+        ɵɵviewQuery(_c0$a, 3, ViewContainerRef);
     } if (rf & 2) {
         let _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.container = _t.first);
@@ -7641,7 +7851,7 @@ class TagService extends TagManager {
         type: Injectable
     }], function () { return [{ type: ExtensionBrokerService }]; }, null); })();
 
-const _c0$9 = ["type", "tags"];
+const _c0$b = ["type", "tags"];
 class TagsActionButtonComponent extends ActionButtonAsyncComponent {
     /**
      * Constructor for TagsActionButtonComponent.
@@ -7678,7 +7888,7 @@ class TagsActionButtonComponent extends ActionButtonAsyncComponent {
     }
 }
 /** @nocollapse */ TagsActionButtonComponent.ɵfac = function TagsActionButtonComponent_Factory(t) { return new (t || TagsActionButtonComponent)(ɵɵdirectiveInject(ActionBarComponent), ɵɵdirectiveInject(TagService)); };
-/** @nocollapse */ TagsActionButtonComponent.ɵcmp = ɵɵdefineComponent({ type: TagsActionButtonComponent, selectors: [["sme-action-button-async", "type", "tags"]], inputs: { componentId: "componentId", suggestions: "suggestions", target: "target", enabled: "enabled" }, outputs: { execute: "execute" }, features: [ɵɵInheritDefinitionFeature], attrs: _c0$9, decls: 0, vars: 0, template: function TagsActionButtonComponent_Template(rf, ctx) { }, encapsulation: 2 });
+/** @nocollapse */ TagsActionButtonComponent.ɵcmp = ɵɵdefineComponent({ type: TagsActionButtonComponent, selectors: [["sme-action-button-async", "type", "tags"]], inputs: { componentId: "componentId", suggestions: "suggestions", target: "target", enabled: "enabled" }, outputs: { execute: "execute" }, features: [ɵɵInheritDefinitionFeature], attrs: _c0$b, decls: 0, vars: 0, template: function TagsActionButtonComponent_Template(rf, ctx) { }, encapsulation: 2 });
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(TagsActionButtonComponent, [{
         type: Component,
         args: [{
@@ -7779,215 +7989,6 @@ class ActionsModule {
 ɵɵsetComponentScope(ActionMenuComponent, [NgForOf, DynamicActionItemComponent], [FilterPipe]);
 ɵɵsetComponentScope(ActionDropdownRendererComponent, [DropdownComponent, DisabledDirective, NgClass, NgIf, ActionMenuComponent], []);
 
-const _c0$a = ["*"];
-const _c1$4 = function (a0, a1) { return { "sme-icon-chevronDown": a0, "sme-icon-chevronRight": a1 }; };
-function AccordionPanelComponent_span_4_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "span", 6);
-} if (rf & 2) {
-    const ctx_r1 = ɵɵnextContext();
-    ɵɵproperty("ngClass", ɵɵpureFunction2(1, _c1$4, ctx_r1.opened, !ctx_r1.opened));
-} }
-function AccordionPanelComponent_div_8_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 7);
-    ɵɵprojection(1, 1);
-    ɵɵelementEnd();
-} }
-const _c2$3 = [[["sme-panel-control"]], "*"];
-const _c3$2 = ["sme-panel-control", "*"];
-class PanelControlComponent {
-}
-/** @nocollapse */ PanelControlComponent.ɵfac = function PanelControlComponent_Factory(t) { return new (t || PanelControlComponent)(); };
-/** @nocollapse */ PanelControlComponent.ɵcmp = ɵɵdefineComponent({ type: PanelControlComponent, selectors: [["sme-panel-control"]], ngContentSelectors: _c0$a, decls: 1, vars: 0, template: function PanelControlComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵprojectionDef();
-        ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(PanelControlComponent, [{
-        type: Component,
-        args: [{
-                selector: 'sme-panel-control',
-                template: '<ng-content></ng-content>'
-            }]
-    }], null, null); })();
-class AccordionPanelComponent {
-    constructor() {
-        this.isExpandable = true;
-        this.toggled = new EventEmitter();
-        this.opened = true;
-        this.canClose = this.isExpandable;
-    }
-    onToggle() {
-        if (this.isExpandable) {
-            this.opened = !this.opened;
-            this.toggled.emit(this);
-        }
-    }
-}
-/** @nocollapse */ AccordionPanelComponent.ɵfac = function AccordionPanelComponent_Factory(t) { return new (t || AccordionPanelComponent)(); };
-/** @nocollapse */ AccordionPanelComponent.ɵcmp = ɵɵdefineComponent({ type: AccordionPanelComponent, selectors: [["sme-accordion-panel"]], inputs: { header: "header", opened: "opened", isExpandable: "isExpandable" }, outputs: { toggled: "toggled" }, ngContentSelectors: _c3$2, decls: 9, vars: 5, consts: [[1, "sme-accordion-panel"], [1, "sme-arrange-stack-h", "sme-panel-header"], [1, "sme-button", "sme-button-align-left", "sme-button-trigger", "sme-position-flex-auto", "sme-panel-expander", 3, "click"], ["accordionPanelButton", ""], ["class", "sme-position-flex-none sme-icon", 3, "ngClass", 4, "ngIf"], ["class", "sme-panel-body", 4, "ngIf"], [1, "sme-position-flex-none", "sme-icon", 3, "ngClass"], [1, "sme-panel-body"]], template: function AccordionPanelComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵprojectionDef(_c2$3);
-        ɵɵelementStart(0, "div", 0);
-        ɵɵelementStart(1, "div", 1);
-        ɵɵelementStart(2, "div", 2, 3);
-        ɵɵlistener("click", function AccordionPanelComponent_Template_div_click_2_listener() { return ctx.onToggle(); });
-        ɵɵtemplate(4, AccordionPanelComponent_span_4_Template, 1, 4, "span", 4);
-        ɵɵelementStart(5, "span");
-        ɵɵtext(6);
-        ɵɵelementEnd();
-        ɵɵelementEnd();
-        ɵɵprojection(7);
-        ɵɵelementEnd();
-        ɵɵtemplate(8, AccordionPanelComponent_div_8_Template, 2, 0, "div", 5);
-        ɵɵelementEnd();
-    } if (rf & 2) {
-        ɵɵadvance(2);
-        ɵɵclassProp("sme-focus-zone", ctx.canClose);
-        ɵɵadvance(2);
-        ɵɵproperty("ngIf", ctx.canClose);
-        ɵɵadvance(2);
-        ɵɵtextInterpolate(ctx.header);
-        ɵɵadvance(2);
-        ɵɵproperty("ngIf", ctx.opened);
-    } }, directives: [NgIf, NgClass], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(AccordionPanelComponent, [{
-        type: Component,
-        args: [{
-                selector: 'sme-accordion-panel',
-                templateUrl: './accordion-panel.component.html'
-            }]
-    }], function () { return []; }, { header: [{
-            type: Input
-        }], opened: [{
-            type: Input
-        }], isExpandable: [{
-            type: Input
-        }], toggled: [{
-            type: Output
-        }] }); })();
-
-const _c0$b = ["*"];
-class AccordionComponent extends CoreBaseComponent {
-    constructor(injector) {
-        super(injector);
-        this.canOpenMultiple = true;
-        this.canCloseAll = true;
-        this.canCloseAny = false;
-    }
-    /**
-     * The source name to use for logging
-     */
-    get logSourceName() {
-        return 'AccordionComponent';
-    }
-    set canCloseAny(value) {
-        this._canCloseAny = value;
-        if (this.panels) {
-            this.panels.forEach(p => p.canClose = this._canCloseAny);
-        }
-    }
-    get canCloseAny() {
-        return this._canCloseAny;
-    }
-    ngAfterContentInit() {
-        this.subscriptions.push(merge(of(null).pipe(mergeMap(() => this.getToggleObservables(this.panels))), this.panels.changes.pipe(mergeMap(panels => {
-            return this.getToggleObservables(panels);
-        }))).subscribe(panel => this.onPanelToggled(panel)));
-        this.subscriptions.push(merge(of(null).pipe(mergeMap(() => this.getAllPanelObservables(this.panels))), this.panels.changes.pipe(mergeMap((panels) => {
-            return this.getAllPanelObservables(panels);
-        }))).subscribe(panel => panel.canClose = this.canCloseAny));
-    }
-    getToggleObservables(panels) {
-        const observables = panels.toArray().map((panel) => {
-            return panel.toggled;
-        });
-        return merge(...observables);
-    }
-    getAllPanelObservables(panels) {
-        const observables = panels.toArray().map((panel) => {
-            return of(panel);
-        });
-        return merge(...observables);
-    }
-    onPanelToggled(panel) {
-        if (panel.opened) {
-            if (!this.canOpenMultiple) {
-                this.closePanelsExcept(panel);
-            }
-        }
-        else {
-            if ((!this.canCloseAll && !this.panels.some(p => p.opened)) || !this.canCloseAny) {
-                panel.opened = true;
-            }
-        }
-    }
-    closePanelsExcept(panel) {
-        this.panels.toArray().forEach(p => {
-            if (p !== panel) {
-                p.opened = false;
-            }
-        });
-    }
-}
-/** @nocollapse */ AccordionComponent.ɵfac = function AccordionComponent_Factory(t) { return new (t || AccordionComponent)(ɵɵdirectiveInject(Injector)); };
-/** @nocollapse */ AccordionComponent.ɵcmp = ɵɵdefineComponent({ type: AccordionComponent, selectors: [["sme-accordion"]], contentQueries: function AccordionComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-        ɵɵcontentQuery(dirIndex, AccordionPanelComponent, 0);
-    } if (rf & 2) {
-        let _t;
-        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.panels = _t);
-    } }, inputs: { canOpenMultiple: "canOpenMultiple", canCloseAll: "canCloseAll", canCloseAny: "canCloseAny" }, features: [ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$b, decls: 1, vars: 0, template: function AccordionComponent_Template(rf, ctx) { if (rf & 1) {
-        ɵɵprojectionDef();
-        ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(AccordionComponent, [{
-        type: Component,
-        args: [{
-                selector: 'sme-accordion',
-                templateUrl: './accordion.component.html'
-            }]
-    }], function () { return [{ type: Injector }]; }, { panels: [{
-            type: ContentChildren,
-            args: [AccordionPanelComponent]
-        }], canOpenMultiple: [{
-            type: Input
-        }], canCloseAll: [{
-            type: Input
-        }], canCloseAny: [{
-            type: Input
-        }] }); })();
-
-class AccordionModule {
-}
-/** @nocollapse */ AccordionModule.ɵfac = function AccordionModule_Factory(t) { return new (t || AccordionModule)(); };
-/** @nocollapse */ AccordionModule.ɵmod = ɵɵdefineNgModule({ type: AccordionModule });
-/** @nocollapse */ AccordionModule.ɵinj = ɵɵdefineInjector({ imports: [[
-            RouterModule,
-            CommonModule
-        ]] });
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(AccordionModule, { declarations: [AccordionComponent,
-        AccordionPanelComponent,
-        PanelControlComponent], imports: [RouterModule,
-        CommonModule], exports: [AccordionComponent,
-        AccordionPanelComponent,
-        PanelControlComponent] }); })();
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(AccordionModule, [{
-        type: NgModule,
-        args: [{
-                exports: [
-                    AccordionComponent,
-                    AccordionPanelComponent,
-                    PanelControlComponent
-                ],
-                declarations: [
-                    AccordionComponent,
-                    AccordionPanelComponent,
-                    PanelControlComponent
-                ],
-                imports: [
-                    RouterModule,
-                    CommonModule
-                ]
-            }]
-    }], null, null); })();
-
 const _c0$c = ["*"];
 class DropZoneComponent extends BaseComponent {
     /**
@@ -11012,7 +11013,8 @@ class ValidationAlertComponent extends CoreBaseComponent {
      * Indicates that this alert is hidden
      */
     get isHidden() {
-        return !this.hasAlert || this.alert.hidden;
+        var _a;
+        return !!((_a = this.alert) === null || _a === void 0 ? void 0 : _a.hidden);
     }
     /**
      * Indicates that the current alert is valid
@@ -11814,7 +11816,7 @@ function DialogComponent_sme_backdrop_0_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("level", ctx_r0.dialogLevel)("showBackdrop", ctx_r0.showBackdrop)("allowBackgroundInteraction", ctx_r0.allowBackgroundInteraction);
     ɵɵadvance(1);
     ɵɵproperty("ngClass", ctx_r0.dialogClasses);
-    ɵɵattribute("role", ctx_r0.dialogRole)("aria-hidden", !ctx_r0.visible)("aria-labelledby", ctx_r0.ariaLabel ? ctx_r0.idBag.ariaLabelSpan : null)("aria-describedby", ctx_r0.ariaDescription ? ctx_r0.idBag.ariaDescriptionSpan : null);
+    ɵɵattribute("role", ctx_r0.dialogRole)("aria-hidden", !ctx_r0.visible)("aria-labelledby", ctx_r0.ariaLabel ? ctx_r0.idBag.ariaLabelSpan : "sme-dialog-title")("aria-describedby", ctx_r0.ariaDescription ? ctx_r0.idBag.ariaDescriptionSpan : "sme-dialog-desc");
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r0.closeButton);
     ɵɵadvance(7);
@@ -12011,9 +12013,15 @@ class DialogComponent extends CoreBaseComponent {
      */
     autoFocus() {
         this.doAutoFocus = false;
-        const firstFocusable = Dom.getFirstFocusableDescendent(this.elementRef.nativeElement);
-        if (firstFocusable) {
-            firstFocusable.focus();
+        if (this.elementRef.nativeElement) {
+            // If the dialog has a loading wheel, focus first goes to the loading wheel then gets lost.
+            // TO avoid this, we get the parent element or native element of the dialog, then get the first
+            // focusable element in that element
+            const element = this.elementRef.nativeElement.parentElement || this.elementRef.nativeElement;
+            const firstFocusable = Dom.getFirstFocusableDescendent(element);
+            if (firstFocusable) {
+                firstFocusable.focus();
+            }
         }
     }
     /**
@@ -12498,19 +12506,12 @@ class DialogService {
                     this.resumeFocus(id, 100);
                 }
                 else {
-                    if (this.dialogOrigins[id]) {
-                        // if block handles button elements that get disabled during an action execution
-                        if (this.dialogOrigins[id].disabled) {
-                            const nextZoneElement = Dom.getNextZoneElement(this.dialogOrigins[id]);
-                            if (nextZoneElement) {
-                                nextZoneElement.focus();
-                            }
-                        }
-                        else {
-                            this.dialogOrigins[id].focus();
-                        }
-                        delete this.dialogOrigins[id];
+                    const element = this.dialogOrigins[id];
+                    const focusOn = Dom.getFocusOrigin(element);
+                    if (focusOn) {
+                        focusOn.focus();
                     }
+                    delete this.dialogOrigins[id];
                 }
             }, delay);
         }
@@ -13726,10 +13727,10 @@ function ArrayFormFieldLoaderComponent_ng_template_2_Template(rf, ctx) { if (rf
 } }
 const _c1$b = ["addButton"];
 const _c2$7 = ["type", "array"];
-function ArrayFormFieldComponent_sme_accordion_panel_3_button_2_Template(rf, ctx) { if (rf & 1) {
+function ArrayFormFieldComponent_sme_accordion_panel_3_button_3_Template(rf, ctx) { if (rf & 1) {
     const _r9 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "button", 13);
-    ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_2_Template_button_click_0_listener() { ɵɵrestoreView(_r9); const item_r2 = ɵɵnextContext().$implicit; const ctx_r7 = ɵɵnextContext(); return ctx_r7.moveUp(item_r2); });
+    ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_3_Template_button_click_0_listener() { ɵɵrestoreView(_r9); const item_r2 = ɵɵnextContext().$implicit; const ctx_r7 = ɵɵnextContext(); return ctx_r7.moveUp(item_r2); });
     ɵɵelement(1, "span", 14);
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -13737,10 +13738,10 @@ function ArrayFormFieldComponent_sme_accordion_panel_3_button_2_Template(rf, ctx
     ɵɵproperty("title", ctx_r4.strings.MsftSmeShell.Angular.Form.Array.promoteButtonTooltip)("smeDisabled", ctx_r4.loadingOrDisabled);
     ɵɵattribute("aria-label", ctx_r4.strings.MsftSmeShell.Angular.Form.Array.promoteButtonAriaLabel);
 } }
-function ArrayFormFieldComponent_sme_accordion_panel_3_button_3_Template(rf, ctx) { if (rf & 1) {
+function ArrayFormFieldComponent_sme_accordion_panel_3_button_4_Template(rf, ctx) { if (rf & 1) {
     const _r12 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "button", 13);
-    ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_3_Template_button_click_0_listener() { ɵɵrestoreView(_r12); const item_r2 = ɵɵnextContext().$implicit; const ctx_r10 = ɵɵnextContext(); return ctx_r10.moveDown(item_r2); });
+    ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_4_Template_button_click_0_listener() { ɵɵrestoreView(_r12); const item_r2 = ɵɵnextContext().$implicit; const ctx_r10 = ɵɵnextContext(); return ctx_r10.moveDown(item_r2); });
     ɵɵelement(1, "span", 15);
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -13748,10 +13749,10 @@ function ArrayFormFieldComponent_sme_accordion_panel_3_button_3_Template(rf, ctx
     ɵɵproperty("title", ctx_r5.strings.MsftSmeShell.Angular.Form.Array.demoteButtonTooltip)("smeDisabled", ctx_r5.loadingOrDisabled);
     ɵɵattribute("aria-label", ctx_r5.strings.MsftSmeShell.Angular.Form.Array.demoteButtonAriaLabel);
 } }
-function ArrayFormFieldComponent_sme_accordion_panel_3_button_4_Template(rf, ctx) { if (rf & 1) {
+function ArrayFormFieldComponent_sme_accordion_panel_3_button_5_Template(rf, ctx) { if (rf & 1) {
     const _r15 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "button", 13);
-    ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_4_Template_button_click_0_listener() { ɵɵrestoreView(_r15); const item_r2 = ɵɵnextContext().$implicit; const ctx_r13 = ɵɵnextContext(); return ctx_r13.delete(item_r2); });
+    ɵɵlistener("click", function ArrayFormFieldComponent_sme_accordion_panel_3_button_5_Template_button_click_0_listener() { ɵɵrestoreView(_r15); const item_r2 = ɵɵnextContext().$implicit; const ctx_r13 = ɵɵnextContext(); return ctx_r13.delete(item_r2); });
     ɵɵelement(1, "span", 16);
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -13763,16 +13764,17 @@ const _c3$3 = function (a0, a1) { return { index: a0, ariaLabelId: a1 }; };
 function ArrayFormFieldComponent_sme_accordion_panel_3_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "sme-accordion-panel", 7);
     ɵɵelementStart(1, "sme-panel-control");
-    ɵɵtemplate(2, ArrayFormFieldComponent_sme_accordion_panel_3_button_2_Template, 2, 3, "button", 8);
-    ɵɵtemplate(3, ArrayFormFieldComponent_sme_accordion_panel_3_button_3_Template, 2, 3, "button", 8);
-    ɵɵtemplate(4, ArrayFormFieldComponent_sme_accordion_panel_3_button_4_Template, 2, 3, "button", 8);
+    ɵɵelementContainer(2, 8);
+    ɵɵtemplate(3, ArrayFormFieldComponent_sme_accordion_panel_3_button_3_Template, 2, 3, "button", 9);
+    ɵɵtemplate(4, ArrayFormFieldComponent_sme_accordion_panel_3_button_4_Template, 2, 3, "button", 9);
+    ɵɵtemplate(5, ArrayFormFieldComponent_sme_accordion_panel_3_button_5_Template, 2, 3, "button", 9);
     ɵɵelementEnd();
-    ɵɵelementStart(5, "span", 9);
-    ɵɵtext(6);
+    ɵɵelementStart(6, "span", 10);
+    ɵɵtext(7);
     ɵɵelementEnd();
-    ɵɵelementStart(7, "fieldset", 10);
-    ɵɵelementStart(8, "div", 11);
-    ɵɵelementContainer(9, 12);
+    ɵɵelementStart(8, "fieldset", 11);
+    ɵɵelementStart(9, "div", 12);
+    ɵɵelementContainer(10, 8);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -13782,6 +13784,8 @@ function ArrayFormFieldComponent_sme_accordion_panel_3_Template(rf, ctx) { if (r
     const ctx_r0 = ɵɵnextContext();
     ɵɵproperty("header", ctx_r0.getItemTitle(item_r2, i_r3))("isExpandable", false);
     ɵɵadvance(2);
+    ɵɵproperty("template", ctx_r0.headerTemplate)("data", item_r2)("hostData", ɵɵpureFunction2(17, _c3$3, i_r3, ctx_r0.getItemAriaId(i_r3, "itemHeader")));
+    ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r0.showMove);
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r0.showMove);
@@ -13797,7 +13801,7 @@ function ArrayFormFieldComponent_sme_accordion_panel_3_Template(rf, ctx) { if (r
     ɵɵadvance(1);
     ɵɵproperty("id", ctx_r0.getItemAriaId(i_r3, "itemContainer"));
     ɵɵadvance(1);
-    ɵɵproperty("template", ctx_r0.itemTemplate)("data", item_r2)("hostData", ɵɵpureFunction2(14, _c3$3, i_r3, ctx_r0.getItemAriaId(i_r3, "item")));
+    ɵɵproperty("template", ctx_r0.itemTemplate)("data", item_r2)("hostData", ɵɵpureFunction2(20, _c3$3, i_r3, ctx_r0.getItemAriaId(i_r3, "item")));
 } }
 function ArrayFormFieldComponent_button_4_Template(rf, ctx) { if (rf & 1) {
     const _r18 = ɵɵgetCurrentView();
@@ -14040,6 +14044,8 @@ let ArrayFormFieldComponent = class ArrayFormFieldComponent extends SmeInternalF
         switch (idName) {
             case 'item':
                 return `${this.idBag['item']}-${index}`;
+            case 'itemHeader':
+                return `${this.idBag['item']}-header-${index}`;
             case 'itemContainer':
                 return `${this.idBag['item']}-container-${index}`;
             default: return null;
@@ -14111,11 +14117,11 @@ let ArrayFormFieldComponent = class ArrayFormFieldComponent extends SmeInternalF
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.addButton = _t.first);
     } }, hostVars: 1, hostBindings: function ArrayFormFieldComponent_HostBindings(rf, ctx) { if (rf & 2) {
         ɵɵ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", itemTitle: "itemTitle" }, outputs: { askForNewItem: "askForNewItem", askForItemHeader: "askForItemHeader", askForRemoveEvaluator: "askForRemoveEvaluator" }, features: [ɵɵ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"], ["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"], ["smeTemplateOutlet", "", "hostDataName", "context", 3, "template", "data", "hostData"], ["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) { if (rf & 1) {
+    } }, 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: [ɵɵ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) { if (rf & 1) {
         ɵɵelementStart(0, "sme-form-field-layout", 0);
         ɵɵelementStart(1, "div", 1);
         ɵɵelementStart(2, "sme-accordion", 2);
-        ɵɵtemplate(3, ArrayFormFieldComponent_sme_accordion_panel_3_Template, 10, 17, "sme-accordion-panel", 3);
+        ɵɵtemplate(3, ArrayFormFieldComponent_sme_accordion_panel_3_Template, 11, 23, "sme-accordion-panel", 3);
         ɵɵelementEnd();
         ɵɵtemplate(4, ArrayFormFieldComponent_button_4_Template, 3, 4, "button", 4);
         ɵɵelementEnd();
@@ -14136,7 +14142,7 @@ let ArrayFormFieldComponent = class ArrayFormFieldComponent extends SmeInternalF
         ɵɵproperty("alert", ctx.alert);
         ɵɵadvance(2);
         ɵɵtextInterpolate(ctx.screenReaderEvent);
-    } }, directives: [FormFieldLayoutComponent, AccordionComponent, NgForOf, NgIf, ValidationAlertComponent, AccordionPanelComponent, PanelControlComponent, FieldsetDirective, TemplateOutletDirective, TooltipDirective, DisabledDirective], encapsulation: 2 });
+    } }, directives: [FormFieldLayoutComponent, AccordionComponent, NgForOf, NgIf, ValidationAlertComponent, AccordionPanelComponent, PanelControlComponent, TemplateOutletDirective, FieldsetDirective, TooltipDirective, DisabledDirective], encapsulation: 2 });
 ArrayFormFieldComponent = __decorate([
     SmeSchemaProperty({
         type: SchemaPrimitiveType.Array,
@@ -14182,6 +14188,8 @@ ArrayFormFieldComponent = __decorate([
             type: Input
         }], addButtonText: [{
             type: Input
+        }], headerTemplate: [{
+            type: Input
         }], itemTitle: [{
             type: Input
         }], ariaLabel: [{
@@ -18685,7 +18693,8 @@ class DateTimeRangeFormFieldComponent extends SmeInternalFormFieldComponent {
                 alerts['invalidDateRange'] = alert;
             }
             else {
-                if (!this.endFormField.ngModel.valid && this.startFormField.ngModel.control.errors) {
+                if ((this.endFormField && !this.endFormField.ngModel.valid) &&
+                    (this.startFormField && this.startFormField.ngModel.control.errors)) {
                     this.endFormField.ngModel.control.setErrors(null);
                 }
             }
@@ -18696,7 +18705,7 @@ class DateTimeRangeFormFieldComponent extends SmeInternalFormFieldComponent {
                 alerts['invalidDateRange'] = alert;
             }
             else {
-                if (!this.startFormField.ngModel.valid && this.startFormField.ngModel.control.errors) {
+                if (this.startFormField && !this.startFormField.ngModel.valid && this.startFormField.ngModel.control.errors) {
                     this.startFormField.ngModel.control.setErrors(null);
                 }
             }
@@ -24180,7 +24189,7 @@ function DataTableComponent_div_7_sme_resizer_4_Template(rf, ctx) { if (rf & 1)
     ɵɵlistener("resized", function DataTableComponent_div_7_sme_resizer_4_Template_sme_resizer_resized_0_listener($event) { ɵɵrestoreView(_r31); const colIndex_r19 = ɵɵnextContext().index; const ctx_r29 = ɵɵnextContext(); return ctx_r29.onColumnResized(colIndex_r19, $event); })("resizing", function DataTableComponent_div_7_sme_resizer_4_Template_sme_resizer_resizing_0_listener($event) { ɵɵrestoreView(_r31); const ctx_r32 = ɵɵnextContext(2); return ctx_r32.onColumnResizing($event); });
     ɵɵelementEnd();
 } if (rf & 2) {
-    ɵɵproperty("visibleToScreenReader", false)("showResizerCover", false);
+    ɵɵproperty("visibleToScreenReader", true)("showResizerCover", false);
 } }
 const _c13 = function (a0) { return { "width": a0 }; };
 function DataTableComponent_div_7_Template(rf, ctx) { if (rf & 1) {
@@ -24492,14 +24501,17 @@ function DataTableComponent_div_20_div_4_div_2_span_3_Template(rf, ctx) { if (rf
 } }
 function DataTableComponent_div_20_div_4_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r106 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 63);
+    ɵɵelementStart(0, "div", 83);
     ɵɵlistener("click", function DataTableComponent_div_20_div_4_div_2_Template_div_click_0_listener() { ɵɵrestoreView(_r106); const renderedItem_r78 = ɵɵnextContext(2).$implicit; const ctx_r104 = ɵɵnextContext(); return ctx_r104.clickGroupToggle(renderedItem_r78); });
     ɵɵtemplate(1, DataTableComponent_div_20_div_4_div_2_span_1_Template, 1, 4, "span", 64);
     ɵɵtemplate(2, DataTableComponent_div_20_div_4_div_2_span_2_Template, 2, 1, "span", 61);
     ɵɵtemplate(3, DataTableComponent_div_20_div_4_div_2_span_3_Template, 2, 2, "span", 61);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r90 = ɵɵnextContext(3);
+    const column_r87 = ɵɵnextContext().$implicit;
+    const renderedItem_r78 = ɵɵnextContext().$implicit;
+    const ctx_r90 = ɵɵnextContext();
+    ɵɵproperty("id", ctx_r90.getFirstColumnId(column_r87, renderedItem_r78));
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r90.useGroupToggle);
     ɵɵadvance(1);
@@ -24508,10 +24520,10 @@ function DataTableComponent_div_20_div_4_div_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("ngIf", ctx_r90.groupHeaderTemplate);
 } }
 function DataTableComponent_div_20_div_4_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r109 = ɵɵgetCurrentView();
+    const _r111 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 67);
     ɵɵelementStart(1, "span", 68);
-    ɵɵlistener("click", function DataTableComponent_div_20_div_4_div_3_Template_span_click_1_listener($event) { ɵɵrestoreView(_r109); const renderedItem_r78 = ɵɵnextContext(2).$implicit; const ctx_r107 = ɵɵnextContext(); return ctx_r107.clickTreeToggle($event, renderedItem_r78); });
+    ɵɵlistener("click", function DataTableComponent_div_20_div_4_div_3_Template_span_click_1_listener($event) { ɵɵrestoreView(_r111); const renderedItem_r78 = ɵɵnextContext(2).$implicit; const ctx_r109 = ɵɵnextContext(); return ctx_r109.clickTreeToggle($event, renderedItem_r78); });
     ɵɵelementEnd();
     ɵɵelement(2, "span", 69);
     ɵɵelementEnd();
@@ -24535,11 +24547,11 @@ function DataTableComponent_div_20_div_4_div_4_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("inline", true)("isBackgroundTransparent", true);
 } }
 function DataTableComponent_div_20_div_4_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r114 = ɵɵgetCurrentView();
+    const _r116 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 72);
     ɵɵelementStart(1, "div", 53);
     ɵɵelementStart(2, "input", 73);
-    ɵɵlistener("change", function DataTableComponent_div_20_div_4_div_5_Template_input_change_2_listener() { ɵɵrestoreView(_r114); const renderedItem_r78 = ɵɵnextContext(2).$implicit; const ctx_r112 = ɵɵnextContext(); return ctx_r112.onItemCheckBoxClicked(renderedItem_r78); });
+    ɵɵlistener("change", function DataTableComponent_div_20_div_4_div_5_Template_input_change_2_listener() { ɵɵrestoreView(_r116); const renderedItem_r78 = ɵɵnextContext(2).$implicit; const ctx_r114 = ɵɵnextContext(); return ctx_r114.onItemCheckBoxClicked(renderedItem_r78); });
     ɵɵelementEnd();
     ɵɵelement(3, "label", 31);
     ɵɵelementEnd();
@@ -24552,46 +24564,46 @@ function DataTableComponent_div_20_div_4_div_5_Template(rf, ctx) { if (rf & 1) {
     ɵɵattribute("aria-checked", ctx_r93.isItemSelected(renderedItem_r78) ? "true" : "false")("aria-labelledby", ctx_r93.idBag.firstDataColumn + renderedItem_r78.index);
 } }
 function DataTableComponent_div_20_div_4_ng_container_6_div_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 84);
+    ɵɵelementStart(0, "div", 86);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
     const renderedItem_r78 = ɵɵnextContext().$implicit;
-    const ctx_r116 = ɵɵnextContext();
-    ɵɵclassProp("sme-table-cell-full-height", ctx_r116.autoRowHeight);
-    ɵɵproperty("id", ctx_r116.getFirstColumnId(column_r87, renderedItem_r78));
+    const ctx_r118 = ɵɵnextContext();
+    ɵɵclassProp("sme-table-cell-full-height", ctx_r118.autoRowHeight);
+    ɵɵproperty("id", ctx_r118.getFirstColumnId(column_r87, renderedItem_r78));
     ɵɵattribute("title", column_r87.getTooltipHandler && column_r87.getTooltipHandler(renderedItem_r78.data));
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r116.resolveObjectPath(renderedItem_r78.data, column_r87.field) : ".", "");
+    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r118.resolveObjectPath(renderedItem_r78.data, column_r87.field) : ".", "");
 } }
 function DataTableComponent_div_20_div_4_ng_container_6_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "sme-data-table-template-loader", 77);
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(3).$implicit;
-    const ctx_r122 = ɵɵnextContext();
-    const renderedItem_r78 = ctx_r122.$implicit;
-    const rowIndex_r79 = ctx_r122.index;
+    const ctx_r124 = ɵɵnextContext();
+    const renderedItem_r78 = ctx_r124.$implicit;
+    const rowIndex_r79 = ctx_r124.index;
     ɵɵproperty("template", column_r87.bodyTemplate)("data", renderedItem_r78.data)("rowIndex", rowIndex_r79);
 } }
 function DataTableComponent_div_20_div_4_ng_container_6_div_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 84);
+    ɵɵelementStart(0, "div", 86);
     ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_6_div_2_sme_data_table_template_loader_1_Template, 1, 3, "sme-data-table-template-loader", 76);
     ɵɵelementEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
     const renderedItem_r78 = ɵɵnextContext().$implicit;
-    const ctx_r117 = ɵɵnextContext();
-    ɵɵclassProp("sme-table-cell-height-auto", ctx_r117.autoRowHeight)("sme-table-cell-full-height", ctx_r117.autoRowHeight);
-    ɵɵproperty("id", ctx_r117.getFirstColumnId(column_r87, renderedItem_r78));
+    const ctx_r119 = ɵɵnextContext();
+    ɵɵclassProp("sme-table-cell-height-auto", ctx_r119.autoRowHeight)("sme-table-cell-full-height", ctx_r119.autoRowHeight);
+    ɵɵproperty("id", ctx_r119.getFirstColumnId(column_r87, renderedItem_r78));
     ɵɵattribute("title", column_r87.getTooltipHandler && column_r87.getTooltipHandler(renderedItem_r78.data));
     ɵɵadvance(1);
     ɵɵproperty("ngIf", !renderedItem_r78.data.placeholder);
 } }
 function DataTableComponent_div_20_div_4_ng_container_6_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_6_div_1_Template, 2, 5, "div", 82);
-    ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_6_div_2_Template, 2, 7, "div", 83);
+    ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_6_div_1_Template, 2, 5, "div", 84);
+    ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_6_div_2_Template, 2, 7, "div", 85);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext().$implicit;
@@ -24609,23 +24621,23 @@ function DataTableComponent_div_20_div_4_ng_container_7_div_1_Template(rf, ctx)
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
     const renderedItem_r78 = ɵɵnextContext().$implicit;
-    const ctx_r127 = ɵɵnextContext();
+    const ctx_r129 = ɵɵnextContext();
     ɵɵattribute("title", column_r87.getTooltipHandler && column_r87.getTooltipHandler(renderedItem_r78.data));
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r127.resolveObjectPath(renderedItem_r78.data.content, column_r87.field) : ".", "");
+    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r129.resolveObjectPath(renderedItem_r78.data.content, column_r87.field) : ".", "");
 } }
 function DataTableComponent_div_20_div_4_ng_container_7_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "sme-data-table-template-loader", 87);
+    ɵɵelement(0, "sme-data-table-template-loader", 89);
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(3).$implicit;
-    const ctx_r132 = ɵɵnextContext();
-    const renderedItem_r78 = ctx_r132.$implicit;
-    const rowIndex_r79 = ctx_r132.index;
+    const ctx_r134 = ɵɵnextContext();
+    const renderedItem_r78 = ctx_r134.$implicit;
+    const rowIndex_r79 = ctx_r134.index;
     ɵɵproperty("renderedItem", renderedItem_r78)("template", column_r87.bodyReadTemplate)("data", renderedItem_r78.data.content)("rowIndex", rowIndex_r79);
 } }
 function DataTableComponent_div_20_div_4_ng_container_7_div_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 24);
-    ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_7_div_2_sme_data_table_template_loader_1_Template, 1, 4, "sme-data-table-template-loader", 86);
+    ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_7_div_2_sme_data_table_template_loader_1_Template, 1, 4, "sme-data-table-template-loader", 88);
     ɵɵelementEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
@@ -24636,8 +24648,8 @@ function DataTableComponent_div_20_div_4_ng_container_7_div_2_Template(rf, ctx)
 } }
 function DataTableComponent_div_20_div_4_ng_container_7_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_7_div_1_Template, 2, 2, "div", 85);
-    ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_7_div_2_Template, 2, 2, "div", 85);
+    ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_7_div_1_Template, 2, 2, "div", 87);
+    ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_7_div_2_Template, 2, 2, "div", 87);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext().$implicit;
@@ -24655,18 +24667,18 @@ function DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_1_Tem
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(3).$implicit;
     const renderedItem_r78 = ɵɵnextContext().$implicit;
-    const ctx_r140 = ɵɵnextContext();
+    const ctx_r142 = ɵɵnextContext();
     ɵɵattribute("title", column_r87.getTooltipHandler && column_r87.getTooltipHandler(renderedItem_r78.data.content));
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r140.resolveObjectPath(renderedItem_r78.data.content, column_r87.field) : ".", "");
+    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r142.resolveObjectPath(renderedItem_r78.data.content, column_r87.field) : ".", "");
 } }
 function DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "sme-data-table-template-loader", 77);
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(4).$implicit;
-    const ctx_r146 = ɵɵnextContext();
-    const renderedItem_r78 = ctx_r146.$implicit;
-    const rowIndex_r79 = ctx_r146.index;
+    const ctx_r148 = ɵɵnextContext();
+    const renderedItem_r78 = ctx_r148.$implicit;
+    const rowIndex_r79 = ctx_r148.index;
     ɵɵproperty("template", column_r87.bodyReadTemplate)("data", renderedItem_r78.data.content)("rowIndex", rowIndex_r79);
 } }
 function DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_Template(rf, ctx) { if (rf & 1) {
@@ -24682,33 +24694,33 @@ function DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_Tem
 } }
 function DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_1_Template, 2, 2, "div", 85);
-    ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_Template, 2, 2, "div", 85);
+    ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_1_Template, 2, 2, "div", 87);
+    ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_Template, 2, 2, "div", 87);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
     const renderedItem_r78 = ɵɵnextContext().$implicit;
-    const ctx_r138 = ɵɵnextContext();
+    const ctx_r140 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", !column_r87.bodyReadTemplate && renderedItem_r78.type != ctx_r138.renderedItemTypeEnum.GroupHeader);
+    ɵɵproperty("ngIf", !column_r87.bodyReadTemplate && renderedItem_r78.type != ctx_r140.renderedItemTypeEnum.GroupHeader);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", renderedItem_r78.type != ctx_r138.renderedItemTypeEnum.GroupHeader && renderedItem_r78.data && column_r87.bodyReadTemplate);
+    ɵɵproperty("ngIf", renderedItem_r78.type != ctx_r140.renderedItemTypeEnum.GroupHeader && renderedItem_r78.data && column_r87.bodyReadTemplate);
 } }
 function DataTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
-    const _r154 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "sme-data-table-template-loader", 91);
-    ɵɵlistener("validationAlert", function DataTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template_sme_data_table_template_loader_validationAlert_0_listener($event) { ɵɵrestoreView(_r154); const column_r87 = ɵɵnextContext(3).$implicit; const renderedItem_r78 = ɵɵnextContext().$implicit; const ctx_r152 = ɵɵnextContext(); return ctx_r152.onValidationAlertHandler(renderedItem_r78, column_r87.field, $event.alert); })("dataChanged", function DataTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template_sme_data_table_template_loader_dataChanged_0_listener($event) { ɵɵrestoreView(_r154); const ctx_r156 = ɵɵnextContext(5); return ctx_r156.onEditableDataChanged($event.renderedItem, $event.field); });
+    const _r156 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "sme-data-table-template-loader", 93);
+    ɵɵlistener("validationAlert", function DataTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template_sme_data_table_template_loader_validationAlert_0_listener($event) { ɵɵrestoreView(_r156); const column_r87 = ɵɵnextContext(3).$implicit; const renderedItem_r78 = ɵɵnextContext().$implicit; const ctx_r154 = ɵɵnextContext(); return ctx_r154.onValidationAlertHandler(renderedItem_r78, column_r87.field, $event.alert); })("dataChanged", function DataTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template_sme_data_table_template_loader_dataChanged_0_listener($event) { ɵɵrestoreView(_r156); const ctx_r158 = ɵɵnextContext(5); return ctx_r158.onEditableDataChanged($event.renderedItem, $event.field); });
     ɵɵelementEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(3).$implicit;
-    const ctx_r158 = ɵɵnextContext();
-    const renderedItem_r78 = ctx_r158.$implicit;
-    const rowIndex_r79 = ctx_r158.index;
+    const ctx_r160 = ɵɵnextContext();
+    const renderedItem_r78 = ctx_r160.$implicit;
+    const rowIndex_r79 = ctx_r160.index;
     ɵɵproperty("template", column_r87.bodyEditTemplate)("field", column_r87.field)("data", renderedItem_r78.data.content)("rowIndex", rowIndex_r79)("renderedItem", renderedItem_r78);
 } }
 function DataTableComponent_div_20_div_4_ng_container_8_div_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 89);
-    ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template, 1, 5, "sme-data-table-template-loader", 90);
+    ɵɵelementStart(0, "div", 91);
+    ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template, 1, 5, "sme-data-table-template-loader", 92);
     ɵɵelementEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
@@ -24720,7 +24732,7 @@ function DataTableComponent_div_20_div_4_ng_container_8_div_2_Template(rf, ctx)
 function DataTableComponent_div_20_div_4_ng_container_8_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
     ɵɵtemplate(1, DataTableComponent_div_20_div_4_ng_container_8_ng_container_1_Template, 3, 2, "ng-container", 61);
-    ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_8_div_2_Template, 2, 2, "div", 88);
+    ɵɵtemplate(2, DataTableComponent_div_20_div_4_ng_container_8_div_2_Template, 2, 2, "div", 90);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const renderedItem_r78 = ɵɵnextContext(2).$implicit;
@@ -24733,7 +24745,7 @@ function DataTableComponent_div_20_div_4_ng_container_8_Template(rf, ctx) { if (
 function DataTableComponent_div_20_div_4_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 55);
     ɵɵtemplate(1, DataTableComponent_div_20_div_4_div_1_Template, 2, 1, "div", 56);
-    ɵɵtemplate(2, DataTableComponent_div_20_div_4_div_2_Template, 4, 3, "div", 57);
+    ɵɵtemplate(2, DataTableComponent_div_20_div_4_div_2_Template, 4, 4, "div", 82);
     ɵɵtemplate(3, DataTableComponent_div_20_div_4_div_3_Template, 3, 12, "div", 58);
     ɵɵtemplate(4, DataTableComponent_div_20_div_4_div_4_Template, 3, 5, "div", 59);
     ɵɵtemplate(5, DataTableComponent_div_20_div_4_div_5_Template, 4, 3, "div", 60);
@@ -24768,18 +24780,18 @@ function DataTableComponent_div_20_div_4_Template(rf, ctx) { if (rf & 1) {
 } }
 function DataTableComponent_div_20_div_5_div_3_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div");
-    ɵɵelement(1, "sme-validation-alert", 95);
+    ɵɵelement(1, "sme-validation-alert", 97);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const validationResultItem_r164 = ctx.$implicit;
+    const validationResultItem_r166 = ctx.$implicit;
     ɵɵadvance(1);
-    ɵɵproperty("alert", validationResultItem_r164.alert);
+    ɵɵproperty("alert", validationResultItem_r166.alert);
 } }
 function DataTableComponent_div_20_div_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 92);
+    ɵɵelementStart(0, "div", 94);
     ɵɵelementStart(1, "div", 50);
-    ɵɵelementStart(2, "div", 93);
-    ɵɵtemplate(3, DataTableComponent_div_20_div_5_div_3_Template, 2, 1, "div", 94);
+    ɵɵelementStart(2, "div", 95);
+    ɵɵtemplate(3, DataTableComponent_div_20_div_5_div_3_Template, 2, 1, "div", 96);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -24792,9 +24804,9 @@ function DataTableComponent_div_20_div_5_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("ngForOf", renderedItem_r78.validationResult);
 } }
 function DataTableComponent_div_20_Template(rf, ctx) { if (rf & 1) {
-    const _r167 = ɵɵgetCurrentView();
+    const _r169 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 78);
-    ɵɵlistener("keydown", function DataTableComponent_div_20_Template_div_keydown_0_listener($event) { ɵɵrestoreView(_r167); const ctx_r166 = ɵɵnextContext(); return ctx_r166.onContentTablePressed($event); })("keyup", function DataTableComponent_div_20_Template_div_keyup_0_listener($event) { ɵɵrestoreView(_r167); const ctx_r168 = ɵɵnextContext(); return ctx_r168.onContentTableKeyUp($event); })("contextmenu", function DataTableComponent_div_20_Template_div_contextmenu_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r169 = ɵɵnextContext(); return ctx_r169.enableRightClickSelect ? ctx_r169.selectItem($event, renderedItem_r78) : true; })("click", function DataTableComponent_div_20_Template_div_click_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r170 = ɵɵnextContext(); return ctx_r170.selectItem($event, renderedItem_r78); })("dblclick", function DataTableComponent_div_20_Template_div_dblclick_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r171 = ɵɵnextContext(); return ctx_r171.doubleClickRow($event, renderedItem_r78); })("focus", function DataTableComponent_div_20_Template_div_focus_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r172 = ɵɵnextContext(); return ctx_r172.onContentItemFocused($event, renderedItem_r78); })("focusin", function DataTableComponent_div_20_Template_div_focusin_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r173 = ɵɵnextContext(); return ctx_r173.onContentItemFocused($event, renderedItem_r78); })("focusout", function DataTableComponent_div_20_Template_div_focusout_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r174 = ɵɵnextContext(); return ctx_r174.onContentItemBlurred($event, renderedItem_r78); })("mouseenter", function DataTableComponent_div_20_Template_div_mouseenter_0_listener() { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r175 = ɵɵnextContext(); return ctx_r175.setHoveredRenderedItem(renderedItem_r78); })("mouseleave", function DataTableComponent_div_20_Template_div_mouseleave_0_listener() { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r176 = ɵɵnextContext(); return ctx_r176.unsetHoveredRenderedItem(renderedItem_r78); });
+    ɵɵlistener("keydown", function DataTableComponent_div_20_Template_div_keydown_0_listener($event) { ɵɵrestoreView(_r169); const ctx_r168 = ɵɵnextContext(); return ctx_r168.onContentTablePressed($event); })("keyup", function DataTableComponent_div_20_Template_div_keyup_0_listener($event) { ɵɵrestoreView(_r169); const ctx_r170 = ɵɵnextContext(); return ctx_r170.onContentTableKeyUp($event); })("contextmenu", function DataTableComponent_div_20_Template_div_contextmenu_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r171 = ɵɵnextContext(); return ctx_r171.enableRightClickSelect ? ctx_r171.selectItem($event, renderedItem_r78) : true; })("click", function DataTableComponent_div_20_Template_div_click_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r172 = ɵɵnextContext(); return ctx_r172.selectItem($event, renderedItem_r78); })("dblclick", function DataTableComponent_div_20_Template_div_dblclick_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r173 = ɵɵnextContext(); return ctx_r173.doubleClickRow($event, renderedItem_r78); })("focus", function DataTableComponent_div_20_Template_div_focus_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r174 = ɵɵnextContext(); return ctx_r174.onContentItemFocused($event, renderedItem_r78); })("focusin", function DataTableComponent_div_20_Template_div_focusin_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r175 = ɵɵnextContext(); return ctx_r175.onContentItemFocused($event, renderedItem_r78); })("focusout", function DataTableComponent_div_20_Template_div_focusout_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r176 = ɵɵnextContext(); return ctx_r176.onContentItemBlurred($event, renderedItem_r78); })("mouseenter", function DataTableComponent_div_20_Template_div_mouseenter_0_listener() { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r177 = ɵɵnextContext(); return ctx_r177.setHoveredRenderedItem(renderedItem_r78); })("mouseleave", function DataTableComponent_div_20_Template_div_mouseleave_0_listener() { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r178 = ɵɵnextContext(); return ctx_r178.unsetHoveredRenderedItem(renderedItem_r78); });
     ɵɵelementStart(1, "div", 79);
     ɵɵelementStart(2, "div", 50);
     ɵɵtemplate(3, DataTableComponent_div_20_div_3_Template, 4, 5, "div", 80);
@@ -24818,14 +24830,14 @@ function DataTableComponent_div_20_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("ngIf", ctx_r11.hasValidationError(renderedItem_r78));
 } }
 function DataTableComponent_div_26_Template(rf, ctx) { if (rf & 1) {
-    const _r179 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 96, 97);
-    ɵɵlistener("focus", function DataTableComponent_div_26_Template_div_focus_0_listener($event) { ɵɵrestoreView(_r179); const ctx_r178 = ɵɵnextContext(); return ctx_r178.onLastFocusableShadowElementFocused($event); });
+    const _r181 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 98, 99);
+    ɵɵlistener("focus", function DataTableComponent_div_26_Template_div_focus_0_listener($event) { ɵɵrestoreView(_r181); const ctx_r180 = ɵɵnextContext(); return ctx_r180.onLastFocusableShadowElementFocused($event); });
     ɵɵelementEnd();
 } }
 function DataTableComponent_div_27_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 98);
-    ɵɵelement(1, "sme-loading-wheel", 99);
+    ɵɵelementStart(0, "div", 100);
+    ɵɵelement(1, "sme-loading-wheel", 101);
     ɵɵelementEnd();
 } if (rf & 2) {
     ɵɵadvance(1);
@@ -24891,7 +24903,7 @@ function TreeTableComponent_div_7_sme_resizer_4_Template(rf, ctx) { if (rf & 1)
     ɵɵlistener("resized", function TreeTableComponent_div_7_sme_resizer_4_Template_sme_resizer_resized_0_listener($event) { ɵɵrestoreView(_r31); const colIndex_r19 = ɵɵnextContext().index; const ctx_r29 = ɵɵnextContext(); return ctx_r29.onColumnResized(colIndex_r19, $event); })("resizing", function TreeTableComponent_div_7_sme_resizer_4_Template_sme_resizer_resizing_0_listener($event) { ɵɵrestoreView(_r31); const ctx_r32 = ɵɵnextContext(2); return ctx_r32.onColumnResizing($event); });
     ɵɵelementEnd();
 } if (rf & 2) {
-    ɵɵproperty("visibleToScreenReader", false)("showResizerCover", false);
+    ɵɵproperty("visibleToScreenReader", true)("showResizerCover", false);
 } }
 function TreeTableComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 32);
@@ -25198,14 +25210,17 @@ function TreeTableComponent_div_20_div_4_div_2_span_3_Template(rf, ctx) { if (rf
 } }
 function TreeTableComponent_div_20_div_4_div_2_Template(rf, ctx) { if (rf & 1) {
     const _r106 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 63);
+    ɵɵelementStart(0, "div", 83);
     ɵɵlistener("click", function TreeTableComponent_div_20_div_4_div_2_Template_div_click_0_listener() { ɵɵrestoreView(_r106); const renderedItem_r78 = ɵɵnextContext(2).$implicit; const ctx_r104 = ɵɵnextContext(); return ctx_r104.clickGroupToggle(renderedItem_r78); });
     ɵɵtemplate(1, TreeTableComponent_div_20_div_4_div_2_span_1_Template, 1, 4, "span", 64);
     ɵɵtemplate(2, TreeTableComponent_div_20_div_4_div_2_span_2_Template, 2, 1, "span", 61);
     ɵɵtemplate(3, TreeTableComponent_div_20_div_4_div_2_span_3_Template, 2, 2, "span", 61);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r90 = ɵɵnextContext(3);
+    const column_r87 = ɵɵnextContext().$implicit;
+    const renderedItem_r78 = ɵɵnextContext().$implicit;
+    const ctx_r90 = ɵɵnextContext();
+    ɵɵproperty("id", ctx_r90.getFirstColumnId(column_r87, renderedItem_r78));
     ɵɵadvance(1);
     ɵɵproperty("ngIf", ctx_r90.useGroupToggle);
     ɵɵadvance(1);
@@ -25214,10 +25229,10 @@ function TreeTableComponent_div_20_div_4_div_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("ngIf", ctx_r90.groupHeaderTemplate);
 } }
 function TreeTableComponent_div_20_div_4_div_3_Template(rf, ctx) { if (rf & 1) {
-    const _r109 = ɵɵgetCurrentView();
+    const _r111 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 67);
     ɵɵelementStart(1, "span", 68);
-    ɵɵlistener("click", function TreeTableComponent_div_20_div_4_div_3_Template_span_click_1_listener($event) { ɵɵrestoreView(_r109); const renderedItem_r78 = ɵɵnextContext(2).$implicit; const ctx_r107 = ɵɵnextContext(); return ctx_r107.clickTreeToggle($event, renderedItem_r78); });
+    ɵɵlistener("click", function TreeTableComponent_div_20_div_4_div_3_Template_span_click_1_listener($event) { ɵɵrestoreView(_r111); const renderedItem_r78 = ɵɵnextContext(2).$implicit; const ctx_r109 = ɵɵnextContext(); return ctx_r109.clickTreeToggle($event, renderedItem_r78); });
     ɵɵelementEnd();
     ɵɵelement(2, "span", 69);
     ɵɵelementEnd();
@@ -25241,11 +25256,11 @@ function TreeTableComponent_div_20_div_4_div_4_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("inline", true)("isBackgroundTransparent", true);
 } }
 function TreeTableComponent_div_20_div_4_div_5_Template(rf, ctx) { if (rf & 1) {
-    const _r114 = ɵɵgetCurrentView();
+    const _r116 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 72);
     ɵɵelementStart(1, "div", 53);
     ɵɵelementStart(2, "input", 73);
-    ɵɵlistener("change", function TreeTableComponent_div_20_div_4_div_5_Template_input_change_2_listener() { ɵɵrestoreView(_r114); const renderedItem_r78 = ɵɵnextContext(2).$implicit; const ctx_r112 = ɵɵnextContext(); return ctx_r112.onItemCheckBoxClicked(renderedItem_r78); });
+    ɵɵlistener("change", function TreeTableComponent_div_20_div_4_div_5_Template_input_change_2_listener() { ɵɵrestoreView(_r116); const renderedItem_r78 = ɵɵnextContext(2).$implicit; const ctx_r114 = ɵɵnextContext(); return ctx_r114.onItemCheckBoxClicked(renderedItem_r78); });
     ɵɵelementEnd();
     ɵɵelement(3, "label", 31);
     ɵɵelementEnd();
@@ -25258,46 +25273,46 @@ function TreeTableComponent_div_20_div_4_div_5_Template(rf, ctx) { if (rf & 1) {
     ɵɵattribute("aria-checked", ctx_r93.isItemSelected(renderedItem_r78) ? "true" : "false")("aria-labelledby", ctx_r93.idBag.firstDataColumn + renderedItem_r78.index);
 } }
 function TreeTableComponent_div_20_div_4_ng_container_6_div_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 84);
+    ɵɵelementStart(0, "div", 86);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
     const renderedItem_r78 = ɵɵnextContext().$implicit;
-    const ctx_r116 = ɵɵnextContext();
-    ɵɵclassProp("sme-table-cell-full-height", ctx_r116.autoRowHeight);
-    ɵɵproperty("id", ctx_r116.getFirstColumnId(column_r87, renderedItem_r78));
+    const ctx_r118 = ɵɵnextContext();
+    ɵɵclassProp("sme-table-cell-full-height", ctx_r118.autoRowHeight);
+    ɵɵproperty("id", ctx_r118.getFirstColumnId(column_r87, renderedItem_r78));
     ɵɵattribute("title", column_r87.getTooltipHandler && column_r87.getTooltipHandler(renderedItem_r78.data));
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r116.resolveObjectPath(renderedItem_r78.data, column_r87.field) : ".", "");
+    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r118.resolveObjectPath(renderedItem_r78.data, column_r87.field) : ".", "");
 } }
 function TreeTableComponent_div_20_div_4_ng_container_6_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "sme-data-table-template-loader", 77);
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(3).$implicit;
-    const ctx_r122 = ɵɵnextContext();
-    const renderedItem_r78 = ctx_r122.$implicit;
-    const rowIndex_r79 = ctx_r122.index;
+    const ctx_r124 = ɵɵnextContext();
+    const renderedItem_r78 = ctx_r124.$implicit;
+    const rowIndex_r79 = ctx_r124.index;
     ɵɵproperty("template", column_r87.bodyTemplate)("data", renderedItem_r78.data)("rowIndex", rowIndex_r79);
 } }
 function TreeTableComponent_div_20_div_4_ng_container_6_div_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 84);
+    ɵɵelementStart(0, "div", 86);
     ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_6_div_2_sme_data_table_template_loader_1_Template, 1, 3, "sme-data-table-template-loader", 76);
     ɵɵelementEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
     const renderedItem_r78 = ɵɵnextContext().$implicit;
-    const ctx_r117 = ɵɵnextContext();
-    ɵɵclassProp("sme-table-cell-height-auto", ctx_r117.autoRowHeight)("sme-table-cell-full-height", ctx_r117.autoRowHeight);
-    ɵɵproperty("id", ctx_r117.getFirstColumnId(column_r87, renderedItem_r78));
+    const ctx_r119 = ɵɵnextContext();
+    ɵɵclassProp("sme-table-cell-height-auto", ctx_r119.autoRowHeight)("sme-table-cell-full-height", ctx_r119.autoRowHeight);
+    ɵɵproperty("id", ctx_r119.getFirstColumnId(column_r87, renderedItem_r78));
     ɵɵattribute("title", column_r87.getTooltipHandler && column_r87.getTooltipHandler(renderedItem_r78.data));
     ɵɵadvance(1);
     ɵɵproperty("ngIf", !renderedItem_r78.data.placeholder);
 } }
 function TreeTableComponent_div_20_div_4_ng_container_6_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_6_div_1_Template, 2, 5, "div", 82);
-    ɵɵtemplate(2, TreeTableComponent_div_20_div_4_ng_container_6_div_2_Template, 2, 7, "div", 83);
+    ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_6_div_1_Template, 2, 5, "div", 84);
+    ɵɵtemplate(2, TreeTableComponent_div_20_div_4_ng_container_6_div_2_Template, 2, 7, "div", 85);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext().$implicit;
@@ -25315,23 +25330,23 @@ function TreeTableComponent_div_20_div_4_ng_container_7_div_1_Template(rf, ctx)
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
     const renderedItem_r78 = ɵɵnextContext().$implicit;
-    const ctx_r127 = ɵɵnextContext();
+    const ctx_r129 = ɵɵnextContext();
     ɵɵattribute("title", column_r87.getTooltipHandler && column_r87.getTooltipHandler(renderedItem_r78.data));
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r127.resolveObjectPath(renderedItem_r78.data.content, column_r87.field) : ".", "");
+    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r129.resolveObjectPath(renderedItem_r78.data.content, column_r87.field) : ".", "");
 } }
 function TreeTableComponent_div_20_div_4_ng_container_7_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelement(0, "sme-data-table-template-loader", 87);
+    ɵɵelement(0, "sme-data-table-template-loader", 89);
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(3).$implicit;
-    const ctx_r132 = ɵɵnextContext();
-    const renderedItem_r78 = ctx_r132.$implicit;
-    const rowIndex_r79 = ctx_r132.index;
+    const ctx_r134 = ɵɵnextContext();
+    const renderedItem_r78 = ctx_r134.$implicit;
+    const rowIndex_r79 = ctx_r134.index;
     ɵɵproperty("renderedItem", renderedItem_r78)("template", column_r87.bodyReadTemplate)("data", renderedItem_r78.data.content)("rowIndex", rowIndex_r79);
 } }
 function TreeTableComponent_div_20_div_4_ng_container_7_div_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 24);
-    ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_7_div_2_sme_data_table_template_loader_1_Template, 1, 4, "sme-data-table-template-loader", 86);
+    ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_7_div_2_sme_data_table_template_loader_1_Template, 1, 4, "sme-data-table-template-loader", 88);
     ɵɵelementEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
@@ -25342,8 +25357,8 @@ function TreeTableComponent_div_20_div_4_ng_container_7_div_2_Template(rf, ctx)
 } }
 function TreeTableComponent_div_20_div_4_ng_container_7_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_7_div_1_Template, 2, 2, "div", 85);
-    ɵɵtemplate(2, TreeTableComponent_div_20_div_4_ng_container_7_div_2_Template, 2, 2, "div", 85);
+    ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_7_div_1_Template, 2, 2, "div", 87);
+    ɵɵtemplate(2, TreeTableComponent_div_20_div_4_ng_container_7_div_2_Template, 2, 2, "div", 87);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext().$implicit;
@@ -25361,18 +25376,18 @@ function TreeTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_1_Tem
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(3).$implicit;
     const renderedItem_r78 = ɵɵnextContext().$implicit;
-    const ctx_r140 = ɵɵnextContext();
+    const ctx_r142 = ɵɵnextContext();
     ɵɵattribute("title", column_r87.getTooltipHandler && column_r87.getTooltipHandler(renderedItem_r78.data.content));
     ɵɵadvance(1);
-    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r140.resolveObjectPath(renderedItem_r78.data.content, column_r87.field) : ".", "");
+    ɵɵtextInterpolate1(" ", renderedItem_r78.data ? ctx_r142.resolveObjectPath(renderedItem_r78.data.content, column_r87.field) : ".", "");
 } }
 function TreeTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelement(0, "sme-data-table-template-loader", 77);
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(4).$implicit;
-    const ctx_r146 = ɵɵnextContext();
-    const renderedItem_r78 = ctx_r146.$implicit;
-    const rowIndex_r79 = ctx_r146.index;
+    const ctx_r148 = ɵɵnextContext();
+    const renderedItem_r78 = ctx_r148.$implicit;
+    const rowIndex_r79 = ctx_r148.index;
     ɵɵproperty("template", column_r87.bodyReadTemplate)("data", renderedItem_r78.data.content)("rowIndex", rowIndex_r79);
 } }
 function TreeTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_Template(rf, ctx) { if (rf & 1) {
@@ -25388,33 +25403,33 @@ function TreeTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_Tem
 } }
 function TreeTableComponent_div_20_div_4_ng_container_8_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
-    ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_1_Template, 2, 2, "div", 85);
-    ɵɵtemplate(2, TreeTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_Template, 2, 2, "div", 85);
+    ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_1_Template, 2, 2, "div", 87);
+    ɵɵtemplate(2, TreeTableComponent_div_20_div_4_ng_container_8_ng_container_1_div_2_Template, 2, 2, "div", 87);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
     const renderedItem_r78 = ɵɵnextContext().$implicit;
-    const ctx_r138 = ɵɵnextContext();
+    const ctx_r140 = ɵɵnextContext();
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", !column_r87.bodyReadTemplate && renderedItem_r78.type != ctx_r138.renderedItemTypeEnum.GroupHeader);
+    ɵɵproperty("ngIf", !column_r87.bodyReadTemplate && renderedItem_r78.type != ctx_r140.renderedItemTypeEnum.GroupHeader);
     ɵɵadvance(1);
-    ɵɵproperty("ngIf", renderedItem_r78.type != ctx_r138.renderedItemTypeEnum.GroupHeader && renderedItem_r78.data && column_r87.bodyReadTemplate);
+    ɵɵproperty("ngIf", renderedItem_r78.type != ctx_r140.renderedItemTypeEnum.GroupHeader && renderedItem_r78.data && column_r87.bodyReadTemplate);
 } }
 function TreeTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template(rf, ctx) { if (rf & 1) {
-    const _r154 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "sme-data-table-template-loader", 91);
-    ɵɵlistener("validationAlert", function TreeTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template_sme_data_table_template_loader_validationAlert_0_listener($event) { ɵɵrestoreView(_r154); const column_r87 = ɵɵnextContext(3).$implicit; const renderedItem_r78 = ɵɵnextContext().$implicit; const ctx_r152 = ɵɵnextContext(); return ctx_r152.onValidationAlertHandler(renderedItem_r78, column_r87.field, $event.alert); })("dataChanged", function TreeTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template_sme_data_table_template_loader_dataChanged_0_listener($event) { ɵɵrestoreView(_r154); const ctx_r156 = ɵɵnextContext(5); return ctx_r156.onEditableDataChanged($event.renderedItem, $event.field); });
+    const _r156 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "sme-data-table-template-loader", 93);
+    ɵɵlistener("validationAlert", function TreeTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template_sme_data_table_template_loader_validationAlert_0_listener($event) { ɵɵrestoreView(_r156); const column_r87 = ɵɵnextContext(3).$implicit; const renderedItem_r78 = ɵɵnextContext().$implicit; const ctx_r154 = ɵɵnextContext(); return ctx_r154.onValidationAlertHandler(renderedItem_r78, column_r87.field, $event.alert); })("dataChanged", function TreeTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template_sme_data_table_template_loader_dataChanged_0_listener($event) { ɵɵrestoreView(_r156); const ctx_r158 = ɵɵnextContext(5); return ctx_r158.onEditableDataChanged($event.renderedItem, $event.field); });
     ɵɵelementEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(3).$implicit;
-    const ctx_r158 = ɵɵnextContext();
-    const renderedItem_r78 = ctx_r158.$implicit;
-    const rowIndex_r79 = ctx_r158.index;
+    const ctx_r160 = ɵɵnextContext();
+    const renderedItem_r78 = ctx_r160.$implicit;
+    const rowIndex_r79 = ctx_r160.index;
     ɵɵproperty("template", column_r87.bodyEditTemplate)("field", column_r87.field)("data", renderedItem_r78.data.content)("rowIndex", rowIndex_r79)("renderedItem", renderedItem_r78);
 } }
 function TreeTableComponent_div_20_div_4_ng_container_8_div_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 89);
-    ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template, 1, 5, "sme-data-table-template-loader", 90);
+    ɵɵelementStart(0, "div", 91);
+    ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_8_div_2_sme_data_table_template_loader_1_Template, 1, 5, "sme-data-table-template-loader", 92);
     ɵɵelementEnd();
 } if (rf & 2) {
     const column_r87 = ɵɵnextContext(2).$implicit;
@@ -25426,7 +25441,7 @@ function TreeTableComponent_div_20_div_4_ng_container_8_div_2_Template(rf, ctx)
 function TreeTableComponent_div_20_div_4_ng_container_8_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementContainerStart(0);
     ɵɵtemplate(1, TreeTableComponent_div_20_div_4_ng_container_8_ng_container_1_Template, 3, 2, "ng-container", 61);
-    ɵɵtemplate(2, TreeTableComponent_div_20_div_4_ng_container_8_div_2_Template, 2, 2, "div", 88);
+    ɵɵtemplate(2, TreeTableComponent_div_20_div_4_ng_container_8_div_2_Template, 2, 2, "div", 90);
     ɵɵelementContainerEnd();
 } if (rf & 2) {
     const renderedItem_r78 = ɵɵnextContext(2).$implicit;
@@ -25439,7 +25454,7 @@ function TreeTableComponent_div_20_div_4_ng_container_8_Template(rf, ctx) { if (
 function TreeTableComponent_div_20_div_4_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div", 55);
     ɵɵtemplate(1, TreeTableComponent_div_20_div_4_div_1_Template, 2, 1, "div", 56);
-    ɵɵtemplate(2, TreeTableComponent_div_20_div_4_div_2_Template, 4, 3, "div", 57);
+    ɵɵtemplate(2, TreeTableComponent_div_20_div_4_div_2_Template, 4, 4, "div", 82);
     ɵɵtemplate(3, TreeTableComponent_div_20_div_4_div_3_Template, 3, 12, "div", 58);
     ɵɵtemplate(4, TreeTableComponent_div_20_div_4_div_4_Template, 3, 5, "div", 59);
     ɵɵtemplate(5, TreeTableComponent_div_20_div_4_div_5_Template, 4, 3, "div", 60);
@@ -25474,18 +25489,18 @@ function TreeTableComponent_div_20_div_4_Template(rf, ctx) { if (rf & 1) {
 } }
 function TreeTableComponent_div_20_div_5_div_3_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div");
-    ɵɵelement(1, "sme-validation-alert", 95);
+    ɵɵelement(1, "sme-validation-alert", 97);
     ɵɵelementEnd();
 } if (rf & 2) {
-    const validationResultItem_r164 = ctx.$implicit;
+    const validationResultItem_r166 = ctx.$implicit;
     ɵɵadvance(1);
-    ɵɵproperty("alert", validationResultItem_r164.alert);
+    ɵɵproperty("alert", validationResultItem_r166.alert);
 } }
 function TreeTableComponent_div_20_div_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 92);
+    ɵɵelementStart(0, "div", 94);
     ɵɵelementStart(1, "div", 50);
-    ɵɵelementStart(2, "div", 93);
-    ɵɵtemplate(3, TreeTableComponent_div_20_div_5_div_3_Template, 2, 1, "div", 94);
+    ɵɵelementStart(2, "div", 95);
+    ɵɵtemplate(3, TreeTableComponent_div_20_div_5_div_3_Template, 2, 1, "div", 96);
     ɵɵelementEnd();
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -25498,9 +25513,9 @@ function TreeTableComponent_div_20_div_5_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("ngForOf", renderedItem_r78.validationResult);
 } }
 function TreeTableComponent_div_20_Template(rf, ctx) { if (rf & 1) {
-    const _r167 = ɵɵgetCurrentView();
+    const _r169 = ɵɵgetCurrentView();
     ɵɵelementStart(0, "div", 78);
-    ɵɵlistener("keydown", function TreeTableComponent_div_20_Template_div_keydown_0_listener($event) { ɵɵrestoreView(_r167); const ctx_r166 = ɵɵnextContext(); return ctx_r166.onContentTablePressed($event); })("keyup", function TreeTableComponent_div_20_Template_div_keyup_0_listener($event) { ɵɵrestoreView(_r167); const ctx_r168 = ɵɵnextContext(); return ctx_r168.onContentTableKeyUp($event); })("contextmenu", function TreeTableComponent_div_20_Template_div_contextmenu_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r169 = ɵɵnextContext(); return ctx_r169.enableRightClickSelect ? ctx_r169.selectItem($event, renderedItem_r78) : true; })("click", function TreeTableComponent_div_20_Template_div_click_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r170 = ɵɵnextContext(); return ctx_r170.selectItem($event, renderedItem_r78); })("dblclick", function TreeTableComponent_div_20_Template_div_dblclick_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r171 = ɵɵnextContext(); return ctx_r171.doubleClickRow($event, renderedItem_r78); })("focus", function TreeTableComponent_div_20_Template_div_focus_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r172 = ɵɵnextContext(); return ctx_r172.onContentItemFocused($event, renderedItem_r78); })("focusin", function TreeTableComponent_div_20_Template_div_focusin_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r173 = ɵɵnextContext(); return ctx_r173.onContentItemFocused($event, renderedItem_r78); })("focusout", function TreeTableComponent_div_20_Template_div_focusout_0_listener($event) { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r174 = ɵɵnextContext(); return ctx_r174.onContentItemBlurred($event, renderedItem_r78); })("mouseenter", function TreeTableComponent_div_20_Template_div_mouseenter_0_listener() { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r175 = ɵɵnextContext(); return ctx_r175.setHoveredRenderedItem(renderedItem_r78); })("mouseleave", function TreeTableComponent_div_20_Template_div_mouseleave_0_listener() { ɵɵrestoreView(_r167); const renderedItem_r78 = ctx.$implicit; const ctx_r176 = ɵɵnextContext(); return ctx_r176.unsetHoveredRenderedItem(renderedItem_r78); });
+    ɵɵlistener("keydown", function TreeTableComponent_div_20_Template_div_keydown_0_listener($event) { ɵɵrestoreView(_r169); const ctx_r168 = ɵɵnextContext(); return ctx_r168.onContentTablePressed($event); })("keyup", function TreeTableComponent_div_20_Template_div_keyup_0_listener($event) { ɵɵrestoreView(_r169); const ctx_r170 = ɵɵnextContext(); return ctx_r170.onContentTableKeyUp($event); })("contextmenu", function TreeTableComponent_div_20_Template_div_contextmenu_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r171 = ɵɵnextContext(); return ctx_r171.enableRightClickSelect ? ctx_r171.selectItem($event, renderedItem_r78) : true; })("click", function TreeTableComponent_div_20_Template_div_click_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r172 = ɵɵnextContext(); return ctx_r172.selectItem($event, renderedItem_r78); })("dblclick", function TreeTableComponent_div_20_Template_div_dblclick_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r173 = ɵɵnextContext(); return ctx_r173.doubleClickRow($event, renderedItem_r78); })("focus", function TreeTableComponent_div_20_Template_div_focus_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r174 = ɵɵnextContext(); return ctx_r174.onContentItemFocused($event, renderedItem_r78); })("focusin", function TreeTableComponent_div_20_Template_div_focusin_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r175 = ɵɵnextContext(); return ctx_r175.onContentItemFocused($event, renderedItem_r78); })("focusout", function TreeTableComponent_div_20_Template_div_focusout_0_listener($event) { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r176 = ɵɵnextContext(); return ctx_r176.onContentItemBlurred($event, renderedItem_r78); })("mouseenter", function TreeTableComponent_div_20_Template_div_mouseenter_0_listener() { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r177 = ɵɵnextContext(); return ctx_r177.setHoveredRenderedItem(renderedItem_r78); })("mouseleave", function TreeTableComponent_div_20_Template_div_mouseleave_0_listener() { ɵɵrestoreView(_r169); const renderedItem_r78 = ctx.$implicit; const ctx_r178 = ɵɵnextContext(); return ctx_r178.unsetHoveredRenderedItem(renderedItem_r78); });
     ɵɵelementStart(1, "div", 79);
     ɵɵelementStart(2, "div", 50);
     ɵɵtemplate(3, TreeTableComponent_div_20_div_3_Template, 4, 5, "div", 80);
@@ -25524,14 +25539,14 @@ function TreeTableComponent_div_20_Template(rf, ctx) { if (rf & 1) {
     ɵɵproperty("ngIf", ctx_r11.hasValidationError(renderedItem_r78));
 } }
 function TreeTableComponent_div_26_Template(rf, ctx) { if (rf & 1) {
-    const _r179 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 96, 97);
-    ɵɵlistener("focus", function TreeTableComponent_div_26_Template_div_focus_0_listener($event) { ɵɵrestoreView(_r179); const ctx_r178 = ɵɵnextContext(); return ctx_r178.onLastFocusableShadowElementFocused($event); });
+    const _r181 = ɵɵgetCurrentView();
+    ɵɵelementStart(0, "div", 98, 99);
+    ɵɵlistener("focus", function TreeTableComponent_div_26_Template_div_focus_0_listener($event) { ɵɵrestoreView(_r181); const ctx_r180 = ɵɵnextContext(); return ctx_r180.onLastFocusableShadowElementFocused($event); });
     ɵɵelementEnd();
 } }
 function TreeTableComponent_div_27_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 98);
-    ɵɵelement(1, "sme-loading-wheel", 99);
+    ɵɵelementStart(0, "div", 100);
+    ɵɵelement(1, "sme-loading-wheel", 101);
     ɵɵelementEnd();
 } if (rf & 2) {
     ɵɵadvance(1);
@@ -29127,7 +29142,7 @@ DataTableComponent.pxConverter = new PxConverter();
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.emptyMessageElement = _t.first);
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.lastFocusableShadowElement = _t.first);
         ɵɵqueryRefresh(_t = ɵɵ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: [ɵɵ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"], ["resizerHostSelector", "div.sme-table-header", "orientation", "left", 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"], ["resizerHostSelector", "div.sme-table-header", "orientation", "left", 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, "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) {
+    } }, 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: [ɵɵ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) { if (rf & 1) {
         ɵɵelementStart(0, "div", 0, 1);
         ɵɵelementStart(2, "div", 2, 3);
         ɵɵelementStart(4, "div", 4);
@@ -29435,7 +29450,7 @@ class TreeTableComponent extends DataTableComponent {
     }
 }
 /** @nocollapse */ TreeTableComponent.ɵfac = function TreeTableComponent_Factory(t) { return new (t || TreeTableComponent)(ɵɵdirectiveInject(Injector)); };
-/** @nocollapse */ TreeTableComponent.ɵcmp = ɵɵdefineComponent({ type: TreeTableComponent, selectors: [["sme-tree-table"]], features: [ɵɵ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"], ["resizerHostSelector", "div.sme-table-header", "orientation", "left", 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"], ["resizerHostSelector", "div.sme-table-header", "orientation", "left", 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, "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) {
+/** @nocollapse */ TreeTableComponent.ɵcmp = ɵɵdefineComponent({ type: TreeTableComponent, selectors: [["sme-tree-table"]], features: [ɵɵ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) { if (rf & 1) {
         ɵɵelementStart(0, "div", 0, 1);
         ɵɵelementStart(2, "div", 2, 3);
         ɵɵelementStart(4, "div", 4);
@@ -30103,13 +30118,14 @@ class PivotComponent extends CoreBaseComponent {
             this.selection = tab;
             this.selectionChange.emit(tab);
             this.changeDetectorRef.detectChanges();
-            setTimeout(() => {
-                this.layoutChanged.emit();
-            });
+            this.emitLayoutChanged();
         }
     }
+    emitLayoutChanged() {
+        this.layoutChanged.emit();
+    }
     onLayoutChanged() {
-        setTimeout(() => { this.updatePivotTabs(); }, 0);
+        this.updatePivotTabs();
     }
     getTabPanelIndex(id, currentTab) {
         const tabPanelSection = document.getElementById(id);
@@ -30173,9 +30189,7 @@ class PivotComponent extends CoreBaseComponent {
                 currentFill += tabWidth;
             }
         }
-    }
-    tabWidthChanged(pivotTab) {
-        this.updatePivotTabs();
+        this.emitLayoutChanged();
     }
 }
 /** @nocollapse */ PivotComponent.ɵfac = function PivotComponent_Factory(t) { return new (t || PivotComponent)(ɵɵdirectiveInject(Injector), ɵɵdirectiveInject(SME_LAYOUT_PROVIDER, 12)); };
@@ -30247,6 +30261,18 @@ __decorate([
     SmeInject(ChangeDetectorRef),
     __metadata("design:type", ChangeDetectorRef)
 ], PivotComponent.prototype, "changeDetectorRef", void 0);
+__decorate([
+    Debounce$1(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], PivotComponent.prototype, "emitLayoutChanged", null);
+__decorate([
+    Debounce$1(0),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], PivotComponent.prototype, "onLayoutChanged", null);
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵsetClassMetadata(PivotComponent, [{
         type: Component,
         args: [{
@@ -30294,7 +30320,7 @@ __decorate([
         }], changeDetectorRef: [], dropDownButtonElement: [{
             type: ViewChild,
             args: ['dropDownButton']
-        }] }); })();
+        }], emitLayoutChanged: [], onLayoutChanged: [] }); })();
 
 class PivotModule {
 }
@@ -44538,8 +44564,8 @@ class SettingsFormService {
     }], function () { return [{ type: Router }]; }, null); })();
 
 function SettingsComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "div", 4);
-    ɵɵelementStart(1, "h2", 5);
+    ɵɵelementStart(0, "div", 8);
+    ɵɵelementStart(1, "h2", 9);
     ɵɵtext(2);
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -44624,25 +44650,50 @@ class SettingsComponent extends CoreBaseComponent {
             'sme-settings'
         ]);
     }
+    isPaddingRequired() {
+        if (this.layoutComponent && this.layoutComponent.currentLayoutDefinition) {
+            return this.addPadding = this.layoutComponent.currentLayoutDefinition.name === 'narrow';
+        }
+    }
 }
 /** @nocollapse */ SettingsComponent.ɵfac = function SettingsComponent_Factory(t) { return new (t || SettingsComponent)(ɵɵdirectiveInject(Injector)); };
-/** @nocollapse */ SettingsComponent.ɵcmp = ɵɵdefineComponent({ type: SettingsComponent, selectors: [["sme-settings"]], inputs: { backRoute: "backRoute", settingsTitle: "settingsTitle" }, features: [ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$O, decls: 8, vars: 1, consts: [[1, "sme-arrange-stack-v", "sme-layout-absolute", "sme-position-inset-none", "sme-layout-responsive-zone-md"], ["class", " sme-layout-tool-header sme-position-flex-none sme-arrange-ellipsis", 4, "ngIf"], [1, "sme-position-flex-auto", "sme-arrange-stack-h"], [1, "sme-position-flex-auto", "sme-arrange-stack-v"], [1, "sme-layout-tool-header", "sme-position-flex-none", "sme-arrange-ellipsis"], [1, "sme-font-h3", 3, "title"]], template: function SettingsComponent_Template(rf, ctx) { if (rf & 1) {
+/** @nocollapse */ SettingsComponent.ɵcmp = ɵɵdefineComponent({ type: SettingsComponent, selectors: [["sme-settings"]], viewQuery: function SettingsComponent_Query(rf, ctx) { if (rf & 1) {
+        ɵɵviewQuery(LayoutComponent, 1);
+    } if (rf & 2) {
+        let _t;
+        ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.layoutComponent = _t.first);
+    } }, inputs: { backRoute: "backRoute", settingsTitle: "settingsTitle" }, features: [ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$O, decls: 12, vars: 8, consts: [[1, "sme-arrange-stack-v", "sme-layout-relative", "sme-arrange-overflow-auto-y", "sme-position-stretch"], ["class", " sme-layout-tool-header sme-position-flex-none sme-arrange-ellipsis", 4, "ngIf"], [1, "sme-position-flex-auto", "sme-arrange-overflow-auto", 3, "padLastItem", "layoutChanged"], ["layout", ""], ["name", "narrow", 3, "until", "columns"], ["name", "wide", 3, "columns"], [3, "columnSpan"], [3, "columnSpan", "ngClass"], [1, "sme-layout-tool-header", "sme-position-flex-none", "sme-arrange-ellipsis"], [1, "sme-font-h3", 3, "title"]], template: function SettingsComponent_Template(rf, ctx) { if (rf & 1) {
         ɵɵprojectionDef(_c0$1u);
         ɵɵelementStart(0, "div", 0);
         ɵɵtemplate(1, SettingsComponent_div_1_Template, 3, 3, "div", 1);
-        ɵɵelementStart(2, "div", 2);
-        ɵɵprojection(3);
-        ɵɵelementStart(4, "div", 3);
-        ɵɵprojection(5, 1);
-        ɵɵprojection(6, 2);
-        ɵɵprojection(7, 3);
+        ɵɵelementStart(2, "sme-layout", 2, 3);
+        ɵɵlistener("layoutChanged", function SettingsComponent_Template_sme_layout_layoutChanged_2_listener() { return ctx.isPaddingRequired(); });
+        ɵɵelement(4, "sme-layout-definition", 4);
+        ɵɵelement(5, "sme-layout-definition", 5);
+        ɵɵelementStart(6, "sme-layout-item", 6);
+        ɵɵprojection(7);
+        ɵɵelementEnd();
+        ɵɵelementStart(8, "sme-layout-item", 7);
+        ɵɵprojection(9, 1);
+        ɵɵprojection(10, 2);
+        ɵɵprojection(11, 3);
         ɵɵelementEnd();
         ɵɵelementEnd();
         ɵɵelementEnd();
     } if (rf & 2) {
         ɵɵadvance(1);
         ɵɵproperty("ngIf", ctx.settingsTitle);
-    } }, directives: [NgIf, TooltipDirective], encapsulation: 2 });
+        ɵɵadvance(1);
+        ɵɵproperty("padLastItem", false);
+        ɵɵadvance(2);
+        ɵɵproperty("until", 800)("columns", 1);
+        ɵɵadvance(1);
+        ɵɵproperty("columns", 4);
+        ɵɵadvance(1);
+        ɵɵproperty("columnSpan", 1);
+        ɵɵadvance(2);
+        ɵɵproperty("columnSpan", 3)("ngClass", ctx.addPadding ? "sme-position-stretch sme-padding-left-xl" : "sme-position-stretch");
+    } }, directives: [NgIf, LayoutComponent, LayoutDefinitionComponent, LayoutItemComponent, NgClass, TooltipDirective], encapsulation: 2 });
 __decorate([
     SmeInject(SettingsFormService),
     __metadata("design:type", SettingsFormService)
@@ -44661,11 +44712,14 @@ __decorate([
             type: Input
         }], settingsTitle: [{
             type: Input
+        }], layoutComponent: [{
+            type: ViewChild,
+            args: [LayoutComponent]
         }], settingsForms: [], dialogService: [] }); })();
 
 function CommonSettingsComponent_header_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "header", 6);
-    ɵɵelementStart(1, "h2", 7);
+    ɵɵelementStart(0, "header", 7);
+    ɵɵelementStart(1, "h2", 8);
     ɵɵtext(2);
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -44676,8 +44730,8 @@ function CommonSettingsComponent_header_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵtextInterpolate(ctx_r0.settingsTitle);
 } }
-function CommonSettingsComponent_li_5_h3_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "h3", 11);
+function CommonSettingsComponent_li_6_h3_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "h3", 12);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
@@ -44689,11 +44743,11 @@ function CommonSettingsComponent_li_5_h3_1_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵtextInterpolate(group_r4.group);
 } }
-function CommonSettingsComponent_li_5_a_2_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "a", 12);
-    ɵɵelement(1, "div", 13);
-    ɵɵelementStart(2, "div", 14);
-    ɵɵelementStart(3, "span", 15);
+function CommonSettingsComponent_li_6_a_2_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "a", 13);
+    ɵɵelement(1, "div", 14);
+    ɵɵelementStart(2, "div", 15);
+    ɵɵelementStart(3, "span", 16);
     ɵɵtext(4);
     ɵɵelementEnd();
     ɵɵelementEnd();
@@ -44714,10 +44768,10 @@ function CommonSettingsComponent_li_5_a_2_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵtextInterpolate(setting_r9.label);
 } }
-function CommonSettingsComponent_li_5_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "li", 8);
-    ɵɵtemplate(1, CommonSettingsComponent_li_5_h3_1_Template, 2, 3, "h3", 9);
-    ɵɵtemplate(2, CommonSettingsComponent_li_5_a_2_Template, 5, 19, "a", 10);
+function CommonSettingsComponent_li_6_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "li", 9);
+    ɵɵtemplate(1, CommonSettingsComponent_li_6_h3_1_Template, 2, 3, "h3", 10);
+    ɵɵtemplate(2, CommonSettingsComponent_li_6_a_2_Template, 5, 19, "a", 11);
     ɵɵelementEnd();
 } if (rf & 2) {
     const group_r4 = ctx.$implicit;
@@ -44727,34 +44781,34 @@ function CommonSettingsComponent_li_5_Template(rf, ctx) { if (rf & 1) {
     ɵɵadvance(1);
     ɵɵproperty("ngForOf", group_r4.options);
 } }
-function CommonSettingsComponent_div_6_div_1_Template(rf, ctx) { if (rf & 1) {
+function CommonSettingsComponent_div_7_div_1_Template(rf, ctx) { if (rf & 1) {
     const _r15 = ɵɵgetCurrentView();
-    ɵɵelementStart(0, "div", 17);
-    ɵɵlistener("click", function CommonSettingsComponent_div_6_div_1_Template_div_click_0_listener() { ɵɵrestoreView(_r15); const layer_r13 = ctx.$implicit; const ctx_r14 = ɵɵnextContext(2); return ctx_r14.onOverlayClick(layer_r13); });
+    ɵɵelementStart(0, "div", 18);
+    ɵɵlistener("click", function CommonSettingsComponent_div_7_div_1_Template_div_click_0_listener() { ɵɵrestoreView(_r15); const layer_r13 = ctx.$implicit; const ctx_r14 = ɵɵnextContext(2); return ctx_r14.onOverlayClick(layer_r13); });
     ɵɵelementEnd();
 } }
-function CommonSettingsComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+function CommonSettingsComponent_div_7_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "div");
-    ɵɵtemplate(1, CommonSettingsComponent_div_6_div_1_Template, 1, 0, "div", 16);
+    ɵɵtemplate(1, CommonSettingsComponent_div_7_div_1_Template, 1, 0, "div", 17);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r2 = ɵɵnextContext();
     ɵɵadvance(1);
     ɵɵproperty("ngForOf", ctx_r2.layers);
 } }
-function CommonSettingsComponent_sme_settings_header_7_h3_1_Template(rf, ctx) { if (rf & 1) {
-    ɵɵelementStart(0, "h3", 19);
+function CommonSettingsComponent_sme_settings_header_8_h3_1_Template(rf, ctx) { if (rf & 1) {
+    ɵɵelementStart(0, "h3", 20);
     ɵɵtext(1);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r16 = ɵɵnextContext(2);
     ɵɵattribute("aria-label", ctx_r16.selectedSettingTitle);
     ɵɵadvance(1);
-    ɵɵtextInterpolate(ctx_r16.selectedSettingTitle);
+    ɵɵtextInterpolate1(" ", ctx_r16.selectedSettingTitle, "");
 } }
-function CommonSettingsComponent_sme_settings_header_7_Template(rf, ctx) { if (rf & 1) {
+function CommonSettingsComponent_sme_settings_header_8_Template(rf, ctx) { if (rf & 1) {
     ɵɵelementStart(0, "sme-settings-header");
-    ɵɵtemplate(1, CommonSettingsComponent_sme_settings_header_7_h3_1_Template, 2, 2, "h3", 18);
+    ɵɵtemplate(1, CommonSettingsComponent_sme_settings_header_8_h3_1_Template, 2, 2, "h3", 19);
     ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r3 = ɵɵnextContext();
@@ -45016,30 +45070,34 @@ class CommonSettingsComponent extends CoreBaseComponent {
     } if (rf & 2) {
         let _t;
         ɵɵqueryRefresh(_t = ɵɵloadQuery()) && (ctx.settingsComponent = _t.first);
-    } }, inputs: { settingsTitle: "settingsTitle", settings: "settings", showHeader: "showHeader", hackShowOverlay: "hackShowOverlay", hackToolHeader: "hackToolHeader", backRoute: "backRoute" }, features: [ɵɵInheritDefinitionFeature, ɵɵNgOnChangesFeature], ngContentSelectors: _c0$1v, decls: 12, vars: 5, consts: [[3, "settingsTitle"], ["class", "sme-layout-tool-header", 4, "ngIf"], ["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) { if (rf & 1) {
+    } }, inputs: { settingsTitle: "settingsTitle", settings: "settings", showHeader: "showHeader", hackShowOverlay: "hackShowOverlay", hackToolHeader: "hackToolHeader", backRoute: "backRoute" }, features: [ɵɵInheritDefinitionFeature, ɵɵ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) { if (rf & 1) {
         ɵɵprojectionDef();
         ɵɵelementStart(0, "sme-settings", 0);
         ɵɵelementStart(1, "sme-settings-navigation");
         ɵɵtemplate(2, CommonSettingsComponent_header_2_Template, 3, 2, "header", 1);
-        ɵɵelementStart(3, "nav", 2);
-        ɵɵelementStart(4, "ul", 3);
-        ɵɵtemplate(5, CommonSettingsComponent_li_5_Template, 3, 2, "li", 4);
+        ɵɵelementStart(3, "div", 2);
+        ɵɵelementStart(4, "nav", 3);
+        ɵɵelementStart(5, "ul", 4);
+        ɵɵtemplate(6, CommonSettingsComponent_li_6_Template, 3, 2, "li", 5);
         ɵɵelementEnd();
         ɵɵelementEnd();
-        ɵɵtemplate(6, CommonSettingsComponent_div_6_Template, 2, 1, "div", 5);
         ɵɵelementEnd();
-        ɵɵtemplate(7, CommonSettingsComponent_sme_settings_header_7_Template, 2, 1, "sme-settings-header", 5);
-        ɵɵelementStart(8, "sme-settings-content");
-        ɵɵelement(9, "router-outlet");
+        ɵɵtemplate(7, CommonSettingsComponent_div_7_Template, 2, 1, "div", 6);
         ɵɵelementEnd();
-        ɵɵelementStart(10, "sme-settings-footer");
-        ɵɵprojection(11);
+        ɵɵtemplate(8, CommonSettingsComponent_sme_settings_header_8_Template, 2, 1, "sme-settings-header", 6);
+        ɵɵelementStart(9, "sme-settings-content");
+        ɵɵelement(10, "router-outlet");
+        ɵɵelementEnd();
+        ɵɵelementStart(11, "sme-settings-footer");
+        ɵɵprojection(12);
         ɵɵelementEnd();
         ɵɵelementEnd();
     } if (rf & 2) {
         ɵɵproperty("settingsTitle", ctx.hackToolHeader ? "" : ctx.settingsTitle);
         ɵɵadvance(2);
         ɵɵproperty("ngIf", ctx.hackToolHeader);
+        ɵɵadvance(1);
+        ɵɵattribute("aria-label", ctx.settingsTitle);
         ɵɵadvance(3);
         ɵɵproperty("ngForOf", ctx.groupTools);
         ɵɵadvance(1);
@@ -45133,7 +45191,8 @@ class SettingsContentComponent extends CoreBaseComponent {
      */
     getInitialHostClasses() {
         return super.getInitialHostClasses().concat([
-            'sme-settings-content'
+            'sme-settings-content',
+            'sme-position-stretch'
         ]);
     }
 }
@@ -45323,6 +45382,7 @@ class SettingsModule {
             RouterModule,
             CommonModule,
             HeaderModule,
+            LayoutModule,
             TooltipModule
         ]] });
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && ɵɵsetNgModuleScope(SettingsModule, { declarations: [SettingsComponent,
@@ -45335,6 +45395,7 @@ class SettingsModule {
         CommonSettingsComponent], imports: [RouterModule,
         CommonModule,
         HeaderModule,
+        LayoutModule,
         TooltipModule], exports: [SettingsComponent,
         SettingsFormDirective,
         SettingsFooterComponent,
@@ -45350,6 +45411,7 @@ class SettingsModule {
                     RouterModule,
                     CommonModule,
                     HeaderModule,
+                    LayoutModule,
                     TooltipModule
                 ],
                 exports: [
@@ -45931,6 +45993,75 @@ class WizardBuilder {
             this.stages.push(new WizardStage({ name: stageName, steps: [step] }));
         }
     }
+    /**
+     * Creates a new WizardStep, and adds it to the specified WizardStage at the specified index.
+     * If the specified WizardStage does not exist, it will be created.
+     *
+     * @param stepName - The name for the new WizardStep.
+     * @param stepComponentType - The componentType for the new WizardStep.
+     * @param stageName - The name of the WizardStage in which this new WizardStep should be added.
+     * @param index - The step index to insert step (will increase index of existing step at given index by 1 if any)
+     */
+    addStepInStageByIndex(stepName, stepComponentType, stageName, index) {
+        const step = new WizardStep(stepComponentType, { name: stepName });
+        const existingStage = this.stages.find(eachStage => eachStage.name === stageName);
+        if (existingStage) {
+            if (index > existingStage.steps.length - 1) {
+                existingStage.steps.push(step);
+            }
+            else {
+                existingStage.steps.splice(index, 0, step);
+            }
+        }
+        else {
+            this.stages.push(new WizardStage({ name: stageName, steps: [step] }));
+        }
+    }
+    /**
+     * Removes WizardStep at specified index in specified stage.
+     * If the specified stage or index does not exist, false will be returned.
+     *
+     * @param stageName - The name of the Wizard stage in which to remove the step.
+     * @param index - The step index to be removed (will decrease indices of proceeding steps)
+     * @returns - True if step is removed successfully, false otherwise.
+     */
+    removeStepInStageByIndex(stageName, index) {
+        const stage = this.stages.find(eachStage => eachStage.name === stageName);
+        if (stage && index < stage.steps.length) {
+            stage.steps.splice(index, 1);
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Creates a new WizardStage at the specified index.
+     *
+     * @param stageName - The Name for the new WizardStage
+     * @param index - The stage index to insert stage (will increase index of existing stage at given index by 1 if any)
+     */
+    addStageByIndex(stageName, index) {
+        if (index > this.stages.length - 1) {
+            this.stages.push(new WizardStage({ name: stageName, steps: [] }));
+        }
+        else {
+            this.stages.splice(index, 0, new WizardStage({ name: stageName, steps: [] }));
+        }
+    }
+    /**
+     * Clears all steps from given stage.
+     * If the specified stage does not exist, false will be returned.
+     *
+     * @param stageName - The name of the Wizard stage to clear steps from.
+     * @returns - True if stage is cleared successfully, false otherwise.
+     */
+    clearStage(stageName) {
+        const stage = this.stages.find(eachStage => eachStage.name === stageName);
+        if (stage) {
+            stage.steps = [];
+            return true;
+        }
+        return false;
+    }
     /**
      * Creates a new WizardStep for the Finish view using the component specified.
      */
@@ -45948,7 +46079,7 @@ class WizardNavigationInformation {
      *
      * @param wizard the wizard component instance.
      */
-    constructor(wizard) {
+    constructor(wizard, wizardBuilder) {
         /**
          * The history of navigation of stage and step.
          */
@@ -45958,6 +46089,7 @@ class WizardNavigationInformation {
          */
         this.initialized = false;
         this.wizard = wizard;
+        this.wizardBuilder = wizardBuilder;
     }
     /**
      * Gets the navigation history data.
@@ -46096,6 +46228,59 @@ class WizardNavigationInformation {
         }
         return 0;
     }
+    /**
+     * Creates a new WizardStep, and adds it to the specified WizardStage.
+     * If the specified WizardStage does not exist, it will be created.
+     *
+     * @param stepName - The name for the new WizardStep.
+     * @param stepComponentType - The componentType for the new WizardStep.
+     * @param stageName - The name of the WizardStage in which this new WizardStep should be added.
+     */
+    addStepInStage(stepName, stepComponentType, stageName) {
+        this.wizardBuilder.addStepInStage(stepName, stepComponentType, stageName);
+    }
+    /**
+     * Creates a new WizardStep, and adds it to the specified WizardStage at the specified index.
+     * If the specified WizardStage does not exist, it will be created.
+     *
+     * @param stepName - The name for the new WizardStep.
+     * @param stepComponentType - The componentType for the new WizardStep.
+     * @param stageName - The name of the WizardStage in which this new WizardStep should be added.
+     * @param index - The step index to insert step (will increase index of existing step at given index by 1 if any)
+     */
+    addStepInStageByIndex(stepName, stepComponentType, stageName, index) {
+        this.wizardBuilder.addStepInStageByIndex(stepName, stepComponentType, stageName, index);
+    }
+    /**
+     * Removes WizardStep at specified index in specified stage.
+     * If the specified stage or index does not exist, false will be returned.
+     *
+     * @param stageName - The name of the Wizard stage in which to remove the step.
+     * @param index - The step index to be removed (will decrease indices of proceeding steps)
+     * @returns - True if step is removed successfully, false otherwise.
+     */
+    removeStepInStageByIndex(stageName, index) {
+        return this.wizardBuilder.removeStepInStageByIndex(stageName, index);
+    }
+    /**
+     * Creates a new WizardStage at the specified index.
+     *
+     * @param stageName - The Name for the new WizardStage
+     * @param index - The stage index to insert stage (will increase index of existing stage at given index by 1 if any)
+     */
+    addStageByIndex(stageName, index) {
+        this.wizardBuilder.addStageByIndex(stageName, index);
+    }
+    /**
+     * Clears all steps from given stage.
+     * If the specified stage does not exist, false will be returned.
+     *
+     * @param stageName - The name of the Wizard stage to clear steps from.
+     * @returns - True if stage is cleared successfully, false otherwise.
+     */
+    clearStage(stageName) {
+        return this.wizardBuilder.clearStage(stageName);
+    }
 }
 WizardNavigationInformation.NoStageNoStep = -1;
 
@@ -46364,7 +46549,6 @@ class WizardComponent extends DynamicComponentBase {
             message: this.strings.MsftSmeShell.Angular.Wizard.disabledStepAlert,
         };
         this.modelChange = new EventEmitter();
-        this.navigationInformation = new WizardNavigationInformation(this);
         this.isExpanded = true;
     }
     /**
@@ -46576,6 +46760,9 @@ class WizardComponent extends DynamicComponentBase {
         }
         else if (!this.onLastStage) {
             this.stageIndex++;
+            while (this.stages[this.stageIndex].steps.length === 0) {
+                this.stageIndex++;
+            }
             this.stepIndex = 0;
         }
         this.emitStepChanged();
@@ -46602,6 +46789,9 @@ class WizardComponent extends DynamicComponentBase {
             if (this.stageIndex !== 0) {
                 this.stages[this.stageIndex].active = false;
                 this.stageIndex--;
+                while (this.stages[this.stageIndex].steps.length === 0) {
+                    this.stageIndex--;
+                }
                 this.stepIndex = this.stages[this.stageIndex].steps.length - 1;
                 this.stages[this.stageIndex].completed = false;
             }
@@ -46625,6 +46815,7 @@ class WizardComponent extends DynamicComponentBase {
      * The method to run when the component is initialized.
      */
     ngOnInit() {
+        this.navigationInformation = new WizardNavigationInformation(this, this.wizardBuilder);
         this.stages = this.wizardBuilder.stages;
         this.heading = this.wizardBuilder.heading;
         this.exitButtonTitle = this.wizardBuilder.exitButtonTitle;
@@ -47697,13 +47888,16 @@ class ConnectivityEnforcer {
     static isRequestAllowed(connectivityLevel, requestUrl) {
         const announcementsBlobGlobal = 'https://announcements.blob.core.windows.net';
         const announcementsBlobChina = 'https://announcements.blob.core.chinacloudapi.cn';
+        const announcementsBlobFairfax = 'https://announcements.blob.core.usgovcloudapi.net';
         // TODO: Load from manifest.
         if (connectivityLevel === ConnectivityLevel.AzureAndGateway) {
             const approvedUrls = [
                 AzureConstants.azureGlobalArmEndpoint,
                 AzureConstants.azureChinaArmEndpoint,
+                AzureConstants.azureUSGovArmEndpoint,
                 announcementsBlobGlobal,
-                announcementsBlobChina
+                announcementsBlobChina,
+                announcementsBlobFairfax
             ];
             return approvedUrls.some(url => requestUrl.startsWith(url));
         }
@@ -48633,5 +48827,5 @@ function getFullRouteParams(route) {
  * Generated bundle index. Do not edit.
  */
 
-export { ActionBarComponent, ActionBarDirective, ActionButton, ActionButtonAsync, ActionButtonAsyncComponent, ActionButtonComponent, ActionButtonRendererComponent, ActionContainerComponent, ActionDropdown, ActionDropdownComponent, ActionDropdownRendererComponent, ActionItem, ActionItemComponent, ActionItemRendererComponent, ActionItemSeparator, ActionItemSeparatorComponent, ActionItemSeparatorRendererComponent, ActionMenuComponent, ActionsModule, ActiveConnectionService, ActiveDirectoryModule, ActiveDirectorySearchFormFieldComponent, ActiveDirectoryService, AlertBarComponent, AlertBarModule, AlertBarService, AlertSeverity, AppContextService, AppErrorHandler, ApplyMode, AriaLiveOptions, ArrayFormFieldComponent, ArrayFormFieldLoaderComponent, ArrayPropertySchemaFieldLoaderComponent, AuthorizationService, AutofocusDirective, AutofocusModule, AzureManagerService, BackdropComponent, BackdropModule, BackgroundExtensionRootComponent, BadgeBaseComponent, BadgeFeatureTypes, BadgeModule, BannerComponent, BannerModule, BaseComponent, BaseDialogComponent, BaseFormData, BasePropertiesForm, BasicFormLoaderComponent, BatchService, BooleanConverterPipe, BooleanConverterPipeModule, BreadcrumbComponent, BreadcrumbHeaderComponent, BreadcrumbHeaderModule, BreadcrumbModule, BreadcrumbSeparator, BugFixesFeatureBadgeComponent, ByteUnitConverterPipe, ByteUnitConverterPipeModule, CAPSLOCK_VALIDATOR, CalendarFormFieldComponent, CanDeactivateGuard, CapacityBarChartComponent, CapacityBase, CapacityDoughnutChartComponent, CapsLockValidatorDirective, ChartComponent, ChartModule, CheckboxFormFieldComponent, CheckboxFormFieldLoaderComponent, ChecklistFormFieldComponent, ChecklistFormFieldLoaderComponent, ChoiceDialogComponent, CimService, CimStreamService, ClampDirective, ClampModule, ClockFormFieldComponent, CodeFormFieldComponent, CodeFormFieldLoaderComponent, ColumnPickerService, ComboboxFormFieldComponent, ComboboxFormFieldLoaderComponent, ComingSoonBadgeComponent, CommonDialogsComponent, CommonSettingsComponent, CommonSettingsComponentBase, ConfirmationDialogComponent, ConfirmationListDialogComponent, ConnectionService, ConnectivityEnforcer, ConnectivityLevel, ContextDropdownComponent, ContextMenuComponent, ContextMenuDirective, ContextMenuModule, CoreServiceModule, CredSSPEnabledBadgeComponent, CredSSPManagerService, CriticalBadgeComponent, CustomBadgeComponent, DataOnlyFormFieldLoaderComponent, DataTableColumnComponent, DataTableColumnPickerExtension, DataTableComponent, DataTableModule, DataTableMultipleSelectMode, DataTableRenderedItemType, DataTableSortMode, DateConverterPipe, DateConverterPipeModule, DateFormFieldComponent, DateTimeFormFieldComponent, DateTimeRangeFormFieldComponent, DateTimeRangeOptionComponent, Debounce, DeleteColumnComponent, Deprecated, DetailsComponent, DetailsModule, DevGuardService, DialogChangeEvent, DialogCloseReason, DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogMode, DialogModule, DialogService, DisabledChangedEvent, DisabledDirective, DisabledModule, DiscardDirective, DiscardModule, DocumentationComponent, DocumentationModule, DoughnutChartComponent, DoughnutChartModule, DropdownComponent, DropdownModule, DropdownService, DynamicActionItemComponent, DynamicComponentBase, EditableCollectionItem, EditableLayoutComponent, EditableLayoutItemComponent, ElectronService, EnumConverterPipe, EnumConverterPipeModule, ExperimentGuardService, ExtensionBrokerService, ExtensionDialogComponent, ExtensionRootModule, FeedbackBadgeComponent, FieldsetDirective, FileFormFieldComponent, FileFormFieldLoaderComponent, FileTransferService, FilterPipe, FilterPipeModule, FormAsyncValidatorBase, FormField, FormFieldAccessor, FormFieldAccessorDirective, FormFieldAsyncValidatorDirective, FormFieldComponent, FormFieldIsolatorComponent, FormFieldLayoutComponent, FormFieldOptionComponent, FormFieldOptionSubFormTemplateLoaderComponent, FormFieldOrientation, FormFieldTemplateDirective, FormFieldValidatorDirective, FormValidatorBase, FormWizardStepComponent, FormatPipe, FormatPipeModule, FrameService, GatewayService, GuardsModule, GuidedPaneComponent, GuidedPanelComponent, GuidedPanelModule, HeaderComponent, HeaderModule, HealthAlertSeverity, HighlightPipe, HighlightPipeModule, HorizontalBarChartComponent, HorizontalBarChartModule, HttpService, IconLayerComponent, IconModule, IdleComponent, IdleModule, ImprovementFeatureBadgeComponent, InstallationTypeGuardService, JobsService, JsonFormFieldComponent, JsonFormFieldLoaderComponent, LayeredIconComponent, LayoutComponent, LayoutDefinitionComponent, LayoutItemComponent, LayoutModule, LegendComponent, LegendEntryComponent, LegendModule, LifetimeService, LineChartComponent, LineChartModule, LineChartType, ListFormFieldComponent, LoadingWheelComponent, LoadingWheelModule, LoadingWheelSize, LocalDateConverterPipe, MachineNameValidatorDirective, MarkdownDirective, MarkdownModule, MasterViewComponent, MasterViewModule, MatchFieldValidatorDirective, MediaConversion2, MessageDialogComponent, Monaco, Navigation, NavigationService, NavigationTitle, NewBadgeComponent, NewFeatureBadgeComponent, NodeCredentialsFormComponent, NodeCredentialsFormModule, NodeService, NotificationService, NumberFormFieldComponent, NumberFormFieldLoaderComponent, ObjectDefaultFormFieldLoaderComponent, ObjectPropertySchemaFieldLoaderComponent, OptionsFormFieldComponent, OrderedListFormFieldComponent, OrderedListFormFieldLoaderComponent, PageAlertBarComponent, PageAlertBarModule, PasswordFormFieldComponent, PasswordFormFieldLoaderComponent, PivotComponent, PivotModule, PivotTabComponent, PivotTabType, PowerShellService, PowerShellStreamService, PreviewBadgeComponent, PropertyGridComponent, PropertyGridItemComponent, PropertyGridModule, QueryDataItemPresetGenerator, QueryDataItemValueType, QueryDataOperand, QueryEditorComponent, QueryEditorModule, RadioGroupFormFieldComponent, RadioGroupFormFieldLoaderComponent, RatingRadioGroupFormFieldComponent, ReactiveForm, ReactiveFormAccessor, ReactiveFormWizardStepComponent, ReadonlyFormFieldComponent, RequiredTrimmedValidatorDirective, ResizerComponent, ResizerModule, ResourceService, RpcService, RpcShellService, SME_ASYNC_VALIDATORS, SME_FORM_FIELD_VALIDATION_ALERT_CONTAINER_PROVIDER, SME_LAYOUT_PROVIDER, SME_VALIDATORS, ScheduleRebootService, SchemaDataTypeStore, SchemaFieldContext, SchemaFieldHostComponent, SchemaFieldHostModule, SchemaFieldLoaderComponentBase, SchemaFormComponent, SchemaFormModule, SchemaPrimitiveType, SchemaUtilities, SearchFormFieldComponent, SecureExtensionDataService, SelectFormFieldDirective, SettingsComponent, SettingsContentComponent, SettingsFooterComponent, SettingsFormDirective, SettingsFormService, SettingsHeaderComponent, SettingsModule, SettingsNavigationComponent, SettingsPageComponent, SettingsService, SimplePropertySchemaFieldLoaderComponent, SliderFormFieldComponent, SliderFormFieldLoaderComponent, SmeExtensionService, SmeFormsModule, SmeInject, SmeInjectable, SmeInjectableBase, SmeInternalFormFieldComponent, SmeRouterLinkDirective, SmeRouterModule, SmeSchemaProperty, SmeTemplateOutletModule, SmeUxComponent, SmeUxModule, SnapInExtensionComponent, SnapInExtensionModule, SplitViewComponent, SplitViewContentComponent, SplitViewModule, SplitViewPaneComponent, StackedBarComponent, StackedHorizontalBarChartComponent, StatusIconComponent, StatusIconType, SvgDirective, SvgInlineDirective, SvgInlineResource, SvgModule, SvgResource, TabbedFormController, TabbedFormItemController, TabbedFormLoaderComponent, TabbedLineChartGroupComponent, TagService, TagsActionButtonComponent, TagsColumnComponent, TagsFormFieldComponent, TagsFormFieldLoaderComponent, TelemetryDirective, TelemetryDirectiveModule, TemplateDrivenWizardStepComponent, TemplateOutletDirective, TextFormFieldComponent, TextFormFieldLoaderComponent, TileComponent, TileContentComponent, TileDirectivesModule, TileImageDirective, TileModule, TileRadioGroupFormFieldComponent, TimeFormFieldComponent, ToggleSwitchFormFieldComponent, ToggleSwitchFormFieldLoaderComponent, ToolHeaderComponent, ToolHeaderModule, TooltipDirective, TooltipHostComponent, TooltipHostInstance, TooltipModule, TooltipPlacement, TooltipZoneDirective, TreeTableComponent, UserAliveService, UxExtensionRootComponent, ValidationAlertComponent, ValidationAlertSeverity, WarningBadgeComponent, WebsocketStreamService, WizardAsParent, WizardBuilder, WizardComponent, WizardModule, WizardNavigationInformation, WizardStage, WizardStep, WizardStepComponent, WorkItemService, YesNoConverterPipe, YesNoConverterPipeModule, Yield, alertDialog, getFullRouteParams, modalDialog };
+export { AccordionComponent, AccordionModule, AccordionPanelComponent, ActionBarComponent, ActionBarDirective, ActionButton, ActionButtonAsync, ActionButtonAsyncComponent, ActionButtonComponent, ActionButtonRendererComponent, ActionContainerComponent, ActionDropdown, ActionDropdownComponent, ActionDropdownRendererComponent, ActionItem, ActionItemComponent, ActionItemRendererComponent, ActionItemSeparator, ActionItemSeparatorComponent, ActionItemSeparatorRendererComponent, ActionMenuComponent, ActionsModule, ActiveConnectionService, ActiveDirectoryModule, ActiveDirectorySearchFormFieldComponent, ActiveDirectoryService, AlertBarComponent, AlertBarModule, AlertBarService, AlertSeverity, AppContextService, AppErrorHandler, ApplyMode, AriaLiveOptions, ArrayFormFieldComponent, ArrayFormFieldLoaderComponent, ArrayPropertySchemaFieldLoaderComponent, AuthorizationService, AutofocusDirective, AutofocusModule, AzureManagerService, BackdropComponent, BackdropModule, BackgroundExtensionRootComponent, BadgeBaseComponent, BadgeFeatureTypes, BadgeModule, BannerComponent, BannerModule, BaseComponent, BaseDialogComponent, BaseFormData, BasePropertiesForm, BasicFormLoaderComponent, BatchService, BooleanConverterPipe, BooleanConverterPipeModule, BreadcrumbComponent, BreadcrumbHeaderComponent, BreadcrumbHeaderModule, BreadcrumbModule, BreadcrumbSeparator, BugFixesFeatureBadgeComponent, ByteUnitConverterPipe, ByteUnitConverterPipeModule, CAPSLOCK_VALIDATOR, CalendarFormFieldComponent, CanDeactivateGuard, CapacityBarChartComponent, CapacityBase, CapacityDoughnutChartComponent, CapsLockValidatorDirective, ChartComponent, ChartModule, CheckboxFormFieldComponent, CheckboxFormFieldLoaderComponent, ChecklistFormFieldComponent, ChecklistFormFieldLoaderComponent, ChoiceDialogComponent, CimService, CimStreamService, ClampDirective, ClampModule, ClockFormFieldComponent, CodeFormFieldComponent, CodeFormFieldLoaderComponent, ColumnPickerService, ComboboxFormFieldComponent, ComboboxFormFieldLoaderComponent, ComingSoonBadgeComponent, CommonDialogsComponent, CommonSettingsComponent, CommonSettingsComponentBase, ConfirmationDialogComponent, ConfirmationListDialogComponent, ConnectionService, ConnectivityEnforcer, ConnectivityLevel, ContextDropdownComponent, ContextMenuComponent, ContextMenuDirective, ContextMenuModule, CoreServiceModule, CredSSPEnabledBadgeComponent, CredSSPManagerService, CriticalBadgeComponent, CustomBadgeComponent, DataOnlyFormFieldLoaderComponent, DataTableColumnComponent, DataTableColumnPickerExtension, DataTableComponent, DataTableModule, DataTableMultipleSelectMode, DataTableRenderedItemType, DataTableSortMode, DateConverterPipe, DateConverterPipeModule, DateFormFieldComponent, DateTimeFormFieldComponent, DateTimeRangeFormFieldComponent, DateTimeRangeOptionComponent, Debounce, DeleteColumnComponent, Deprecated, DetailsComponent, DetailsModule, DevGuardService, DialogChangeEvent, DialogCloseReason, DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogMode, DialogModule, DialogService, DisabledChangedEvent, DisabledDirective, DisabledModule, DiscardDirective, DiscardModule, DocumentationComponent, DocumentationModule, DoughnutChartComponent, DoughnutChartModule, DropdownComponent, DropdownModule, DropdownService, DynamicActionItemComponent, DynamicComponentBase, EditableCollectionItem, EditableLayoutComponent, EditableLayoutItemComponent, ElectronService, EnumConverterPipe, EnumConverterPipeModule, ExperimentGuardService, ExtensionBrokerService, ExtensionDialogComponent, ExtensionRootModule, FeedbackBadgeComponent, FieldsetDirective, FileFormFieldComponent, FileFormFieldLoaderComponent, FileTransferService, FilterPipe, FilterPipeModule, FormAsyncValidatorBase, FormField, FormFieldAccessor, FormFieldAccessorDirective, FormFieldAsyncValidatorDirective, FormFieldComponent, FormFieldIsolatorComponent, FormFieldLayoutComponent, FormFieldOptionComponent, FormFieldOptionSubFormTemplateLoaderComponent, FormFieldOrientation, FormFieldTemplateDirective, FormFieldValidatorDirective, FormValidatorBase, FormWizardStepComponent, FormatPipe, FormatPipeModule, FrameService, GatewayService, GuardsModule, GuidedPaneComponent, GuidedPanelComponent, GuidedPanelModule, HeaderComponent, HeaderModule, HealthAlertSeverity, HighlightPipe, HighlightPipeModule, HorizontalBarChartComponent, HorizontalBarChartModule, HttpService, IconLayerComponent, IconModule, IdleComponent, IdleModule, ImprovementFeatureBadgeComponent, InstallationTypeGuardService, JobsService, JsonFormFieldComponent, JsonFormFieldLoaderComponent, LayeredIconComponent, LayoutComponent, LayoutDefinitionComponent, LayoutItemComponent, LayoutModule, LegendComponent, LegendEntryComponent, LegendModule, LifetimeService, LineChartComponent, LineChartModule, LineChartType, ListFormFieldComponent, LoadingWheelComponent, LoadingWheelModule, LoadingWheelSize, LocalDateConverterPipe, MachineNameValidatorDirective, MarkdownDirective, MarkdownModule, MasterViewComponent, MasterViewModule, MatchFieldValidatorDirective, MediaConversion2, MessageDialogComponent, Monaco, Navigation, NavigationService, NavigationTitle, NewBadgeComponent, NewFeatureBadgeComponent, NodeCredentialsFormComponent, NodeCredentialsFormModule, NodeService, NotificationService, NumberFormFieldComponent, NumberFormFieldLoaderComponent, ObjectDefaultFormFieldLoaderComponent, ObjectPropertySchemaFieldLoaderComponent, OptionsFormFieldComponent, OrderedListFormFieldComponent, OrderedListFormFieldLoaderComponent, PageAlertBarComponent, PageAlertBarModule, PanelControlComponent, PasswordFormFieldComponent, PasswordFormFieldLoaderComponent, PivotComponent, PivotModule, PivotTabComponent, PivotTabType, PowerShellService, PowerShellStreamService, PreviewBadgeComponent, PropertyGridComponent, PropertyGridItemComponent, PropertyGridModule, QueryDataItemPresetGenerator, QueryDataItemValueType, QueryDataOperand, QueryEditorComponent, QueryEditorModule, RadioGroupFormFieldComponent, RadioGroupFormFieldLoaderComponent, RatingRadioGroupFormFieldComponent, ReactiveForm, ReactiveFormAccessor, ReactiveFormWizardStepComponent, ReadonlyFormFieldComponent, RequiredTrimmedValidatorDirective, ResizerComponent, ResizerModule, ResourceService, RpcService, RpcShellService, SME_ASYNC_VALIDATORS, SME_FORM_FIELD_VALIDATION_ALERT_CONTAINER_PROVIDER, SME_LAYOUT_PROVIDER, SME_VALIDATORS, ScheduleRebootService, SchemaDataTypeStore, SchemaFieldContext, SchemaFieldHostComponent, SchemaFieldHostModule, SchemaFieldLoaderComponentBase, SchemaFormComponent, SchemaFormModule, SchemaPrimitiveType, SchemaUtilities, SearchFormFieldComponent, SecureExtensionDataService, SelectFormFieldDirective, SettingsComponent, SettingsContentComponent, SettingsFooterComponent, SettingsFormDirective, SettingsFormService, SettingsHeaderComponent, SettingsModule, SettingsNavigationComponent, SettingsPageComponent, SettingsService, SimplePropertySchemaFieldLoaderComponent, SliderFormFieldComponent, SliderFormFieldLoaderComponent, SmeExtensionService, SmeFormsModule, SmeInject, SmeInjectable, SmeInjectableBase, SmeInternalFormFieldComponent, SmeRouterLinkDirective, SmeRouterModule, SmeSchemaProperty, SmeTemplateOutletModule, SmeUxComponent, SmeUxModule, SnapInExtensionComponent, SnapInExtensionModule, SplitViewComponent, SplitViewContentComponent, SplitViewModule, SplitViewPaneComponent, StackedBarComponent, StackedHorizontalBarChartComponent, StatusIconComponent, StatusIconType, SvgDirective, SvgInlineDirective, SvgInlineResource, SvgModule, SvgResource, TabbedFormController, TabbedFormItemController, TabbedFormLoaderComponent, TabbedLineChartGroupComponent, TagService, TagsActionButtonComponent, TagsColumnComponent, TagsFormFieldComponent, TagsFormFieldLoaderComponent, TelemetryDirective, TelemetryDirectiveModule, TemplateDrivenWizardStepComponent, TemplateOutletDirective, TextFormFieldComponent, TextFormFieldLoaderComponent, TileComponent, TileContentComponent, TileDirectivesModule, TileImageDirective, TileModule, TileRadioGroupFormFieldComponent, TimeFormFieldComponent, ToggleSwitchFormFieldComponent, ToggleSwitchFormFieldLoaderComponent, ToolHeaderComponent, ToolHeaderModule, TooltipDirective, TooltipHostComponent, TooltipHostInstance, TooltipModule, TooltipPlacement, TooltipZoneDirective, TreeTableComponent, UserAliveService, UxExtensionRootComponent, ValidationAlertComponent, ValidationAlertSeverity, WarningBadgeComponent, WebsocketStreamService, WizardAsParent, WizardBuilder, WizardComponent, WizardModule, WizardNavigationInformation, WizardStage, WizardStep, WizardStepComponent, WorkItemService, YesNoConverterPipe, YesNoConverterPipeModule, Yield, alertDialog, getFullRouteParams, modalDialog };
 //# sourceMappingURL=microsoft-windows-admin-center-sdk-angular.js.map