@alauda/ui 6.0.1-beta.7 → 6.0.2-beta

package/fesm2015/alauda-ui.js

@@ -1,6 +1,6 @@
-import { TemplateRef, Injectable, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ɵɵdefineInjectable, Pipe, ChangeDetectorRef, NgModule, ElementRef, Renderer2, Directive, EventEmitter, Output, HostBinding, isDevMode, ViewContainerRef, NgZone, HostListener, ViewChild, InjectionToken, Injector, ContentChild, ContentChildren, forwardRef, ɵɵinject, ApplicationRef, ComponentFactoryResolver, ViewChildren, Host, Type } from '@angular/core';
+import { TemplateRef, Injectable, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, ɵɵdefineInjectable, Pipe, ChangeDetectorRef, NgModule, ElementRef, Renderer2, Directive, EventEmitter, Output, ViewContainerRef, HostBinding, ViewChild, ContentChild, isDevMode, NgZone, HostListener, InjectionToken, Injector, ContentChildren, forwardRef, ɵɵinject, ApplicationRef, ComponentFactoryResolver, ViewChildren, Host, Type } from '@angular/core';
 import { Observable, ReplaySubject, Subject, merge, fromEvent, BehaviorSubject, combineLatest, of, Subscription, EMPTY, animationFrameScheduler } from 'rxjs';
-import { startWith, map, publishReplay, refCount, distinctUntilChanged, takeUntil, switchMap, throttleTime, debounceTime, first, tap, take, pluck, observeOn, repeat, takeWhile, endWith, bufferCount, filter, distinctUntilKeyChanged } from 'rxjs/operators';
+import { startWith, map, publishReplay, refCount, distinctUntilChanged, takeUntil, switchMap, throttleTime, debounceTime, first, tap, take, pluck, observeOn, repeat, takeWhile, endWith, filter } from 'rxjs/operators';
 import { CdkCellDef, CdkCell, CdkColumnDef, CdkHeaderCellDef, CdkHeaderCell, CdkHeaderRowDef, CdkHeaderRow, CDK_ROW_TEMPLATE, CdkRowDef, CdkRow, CdkTable, CDK_TABLE_TEMPLATE, CDK_TABLE, _COALESCED_STYLE_SCHEDULER, _CoalescedStyleScheduler, CdkTableModule } from '@angular/cdk/table';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
@@ -14,7 +14,7 @@ import { writeText } from 'clipboard-polyfill';
 import { Directionality } from '@angular/cdk/bidi';
 import { ControlContainer, NgForm, FormGroupDirective, NgControl, NG_VALUE_ACCESSOR, Validators, FormBuilder, FormsModule, ReactiveFormsModule, NG_VALIDATORS } from '@angular/forms';
 import { ObserversModule } from '@angular/cdk/observers';
-import { ViewportRuler, ScrollingModule as ScrollingModule$1, VIRTUAL_SCROLL_STRATEGY, _fixedSizeVirtualScrollStrategyFactory, CdkFixedSizeVirtualScroll, CdkVirtualForOf, CdkVirtualScrollViewport, CdkScrollable as CdkScrollable$1 } from '@angular/cdk/scrolling';
+import { ViewportRuler, VIRTUAL_SCROLL_STRATEGY, _fixedSizeVirtualScrollStrategyFactory, CdkFixedSizeVirtualScroll, CdkVirtualForOf, CdkVirtualScrollViewport, CdkScrollable as CdkScrollable$1 } from '@angular/cdk/scrolling';
 import { CdkAccordion, CdkAccordionItem, CdkAccordionModule } from '@angular/cdk/accordion';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
@@ -507,7 +507,7 @@ ButtonComponent.decorators = [
                 encapsulation: ViewEncapsulation.None,
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 preserveWhitespaces: false,
-                styles: [".aui-button{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-width:1px;border-radius:var(--aui-border-radius-m);border-style:solid;background:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease}.aui-button::-moz-focus-inner{border:none}.aui-button[disabled]{cursor:not-allowed}.aui-button__content{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-button aui-icon{display:inline-flex;align-items:center}.aui-button--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-button--large aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-button--large .aui-button__content{padding:0 var(--aui-inline-padding-l)}.aui-button--large.isRound{border-radius:calc(var(--aui-inline-height-l) / 2)}.aui-button--large.isSquare{width:var(--aui-inline-height-l)}.aui-button--large.isSquare .aui-button__content{padding:0}.aui-button--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--medium aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--medium .aui-button__content{padding:0 var(--aui-inline-padding-m)}.aui-button--medium.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-button--medium.isSquare{width:var(--aui-inline-height-m)}.aui-button--medium.isSquare .aui-button__content{padding:0}.aui-button--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--small aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--small .aui-button__content{padding:0 var(--aui-inline-padding-s)}.aui-button--small.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-button--small.isSquare{width:var(--aui-inline-height-s)}.aui-button--small.isSquare .aui-button__content{padding:0}.aui-button--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-button--mini aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}.aui-button--mini .aui-button__content{padding:0 var(--aui-inline-padding-xs)}.aui-button--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-button--mini.isSquare{width:var(--aui-inline-height-xs)}.aui-button--mini.isSquare .aui-button__content{padding:0}.aui-button--text{color:rgb(var(--aui-color-primary));border:none;background-color:transparent}.aui-button--text .aui-button__content{padding:0 4px}.aui-button--text.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--text.aui-button--medium:not(.isSquare),.aui-button--text.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--text.isPlain{color:rgb(var(--aui-color-n-1))}.aui-button--text:hover{color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-6))}.aui-button--text.isActive,.aui-button--text:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--text[disabled]{color:rgb(var(--aui-color-p-4));background-color:transparent}.aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--inline{color:rgb(var(--aui-color-primary));border:none;background-color:none}.aui-button--inline .aui-button__content{padding:0}.aui-button--inline.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--inline.aui-button--medium:not(.isSquare),.aui-button--inline.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--inline.isPlain{color:rgb(var(--aui-color-n-1))}.aui-button--inline:hover{color:rgb(var(--aui-color-p-1))}.aui-button--inline.isActive,.aui-button--inline:active{color:rgb(var(--aui-color-p-0))}.aui-button--inline[disabled]{color:rgb(var(--aui-color-p-4))}.aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--default{color:rgb(var(--aui-color-n-1));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-9))}.aui-button--default:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--default.isActive,.aui-button--default:active{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--default[disabled]{color:rgb(var(--aui-color-n-6));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--primary{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-button--primary:hover{border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-1))}.aui-button--primary.isActive,.aui-button--primary:active{border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-0))}.aui-button--primary[disabled]{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--primary.isPlain{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--primary.isPlain:hover{color:rgb(var(--aui-color-p-1));border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain.isActive,.aui-button--primary.isPlain:active{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--success{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-green))}.aui-button--success:hover{border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-1))}.aui-button--success.isActive,.aui-button--success:active{border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-0))}.aui-button--success[disabled]{border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-4))}.aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}.aui-button--success.isPlain{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-button--success.isPlain:hover{color:rgb(var(--aui-color-g-1));border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain.isActive,.aui-button--success.isPlain:active{color:rgb(var(--aui-color-g-0));border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-5))}.aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4));border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--warning{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-yellow))}.aui-button--warning:hover{border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-1))}.aui-button--warning.isActive,.aui-button--warning:active{border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-0))}.aui-button--warning[disabled]{border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-4))}.aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}.aui-button--warning.isPlain{color:rgb(var(--aui-color-yellow));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-button--warning.isPlain:hover{color:rgb(var(--aui-color-y-1));border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain.isActive,.aui-button--warning.isPlain:active{color:rgb(var(--aui-color-y-0));border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-5))}.aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4));border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--danger{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-red))}.aui-button--danger:hover{border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-1))}.aui-button--danger.isActive,.aui-button--danger:active{border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-0))}.aui-button--danger[disabled]{border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-4))}.aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.aui-button--danger.isPlain{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-button--danger.isPlain:hover{color:rgb(var(--aui-color-r-1));border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain.isActive,.aui-button--danger.isPlain:active{color:rgb(var(--aui-color-r-0));border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-5))}.aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4));border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button.isLoading .aui-button__content{opacity:0}.aui-button.isLoading aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-button+.aui-button,.aui-button+aui-dropdown-button>.aui-dropdown-button,aui-dropdown-button+.aui-button,aui-dropdown-button+aui-dropdown-button>.aui-dropdown-button{margin-left:var(--aui-spacing-m)}.aui-button--text+.aui-button--text{margin-left:var(--aui-spacing-s)}"]
+                styles: [".aui-button{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;border-width:1px;border-radius:var(--aui-border-radius-m);border-style:solid;background:none;outline:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;transition:all .3s ease}.aui-button::-moz-focus-inner{border:none}.aui-button[disabled]{cursor:not-allowed}.aui-button__content{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-button aui-icon{display:inline-flex;align-items:center}.aui-button--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-button--large aui-icon{height:var(--aui-line-height-l);font-size:var(--aui-icon-size-l)}.aui-button--large .aui-button__content{padding:0 var(--aui-inline-padding-l)}.aui-button--large.isRound{border-radius:calc(var(--aui-inline-height-l) / 2)}.aui-button--large.isSquare{width:var(--aui-inline-height-l)}.aui-button--large.isSquare .aui-button__content{padding:0}.aui-button--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--medium aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--medium .aui-button__content{padding:0 var(--aui-inline-padding-m)}.aui-button--medium.isRound{border-radius:calc(var(--aui-inline-height-m) / 2)}.aui-button--medium.isSquare{width:var(--aui-inline-height-m)}.aui-button--medium.isSquare .aui-button__content{padding:0}.aui-button--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-button--small aui-icon{height:var(--aui-line-height-m);font-size:var(--aui-icon-size-m)}.aui-button--small .aui-button__content{padding:0 var(--aui-inline-padding-s)}.aui-button--small.isRound{border-radius:calc(var(--aui-inline-height-s) / 2)}.aui-button--small.isSquare{width:var(--aui-inline-height-s)}.aui-button--small.isSquare .aui-button__content{padding:0}.aui-button--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-button--mini aui-icon{height:var(--aui-line-height-s);font-size:var(--aui-icon-size-s)}.aui-button--mini .aui-button__content{padding:0 var(--aui-inline-padding-xs)}.aui-button--mini.isRound{border-radius:calc(var(--aui-inline-height-xs) / 2)}.aui-button--mini.isSquare{width:var(--aui-inline-height-xs)}.aui-button--mini.isSquare .aui-button__content{padding:0}.aui-button--text{color:rgb(var(--aui-color-primary));border:none;background-color:transparent}.aui-button--text .aui-button__content{padding:0 4px}.aui-button--text.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--text.aui-button--medium:not(.isSquare),.aui-button--text.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--text.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--text.isPlain{color:rgb(var(--aui-color-n-1))}.aui-button--text.isPlain[disabled]{color:rgb(var(--aui-color-n-6))}.aui-button--text:hover{color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-6))}.aui-button--text.isActive,.aui-button--text:active{color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--text[disabled]{color:rgb(var(--aui-color-p-4));background-color:transparent}.aui-button--text.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--inline{color:rgb(var(--aui-color-primary));border:none;background-color:none}.aui-button--inline .aui-button__content{padding:0}.aui-button--inline.aui-button--large:not(.isSquare){height:var(--aui-line-height-l);line-height:var(--aui-line-height-l);font-size:var(--aui-font-size-l)}.aui-button--inline.aui-button--medium:not(.isSquare),.aui-button--inline.aui-button--small:not(.isSquare){height:var(--aui-line-height-m);line-height:var(--aui-line-height-m);font-size:var(--aui-font-size-m)}.aui-button--inline.aui-button--mini:not(.isSquare){height:var(--aui-line-height-s);line-height:var(--aui-line-height-s);font-size:var(--aui-font-size-s)}.aui-button--inline.isPlain{color:rgb(var(--aui-color-n-1))}.aui-button--inline.isPlain[disabled]{color:rgb(var(--aui-color-n-6))}.aui-button--inline:hover{color:rgb(var(--aui-color-p-1))}.aui-button--inline.isActive,.aui-button--inline:active{color:rgb(var(--aui-color-p-0))}.aui-button--inline[disabled]{color:rgb(var(--aui-color-p-4))}.aui-button--inline.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--default{color:rgb(var(--aui-color-n-1));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-9))}.aui-button--default:hover{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--default.isActive,.aui-button--default:active{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--default[disabled]{color:rgb(var(--aui-color-n-6));border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-button--default.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--primary{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-button--primary:hover{border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-1))}.aui-button--primary.isActive,.aui-button--primary:active{border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-0))}.aui-button--primary[disabled]{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-button--primary.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--primary.isPlain{color:rgb(var(--aui-color-primary));border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-button--primary.isPlain:hover{color:rgb(var(--aui-color-p-1));border-color:rgb(var(--aui-color-p-1));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain.isActive,.aui-button--primary.isPlain:active{color:rgb(var(--aui-color-p-0));border-color:rgb(var(--aui-color-p-0));background-color:rgb(var(--aui-color-p-5))}.aui-button--primary.isPlain[disabled]{color:rgb(var(--aui-color-p-4));border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-7))}.aui-button--primary.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--success{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-green))}.aui-button--success:hover{border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-1))}.aui-button--success.isActive,.aui-button--success:active{border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-0))}.aui-button--success[disabled]{border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-4))}.aui-button--success.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-green),.16)}.aui-button--success.isPlain{color:rgb(var(--aui-color-green));border-color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-button--success.isPlain:hover{color:rgb(var(--aui-color-g-1));border-color:rgb(var(--aui-color-g-1));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain.isActive,.aui-button--success.isPlain:active{color:rgb(var(--aui-color-g-0));border-color:rgb(var(--aui-color-g-0));background-color:rgb(var(--aui-color-g-5))}.aui-button--success.isPlain[disabled]{color:rgb(var(--aui-color-g-4));border-color:rgb(var(--aui-color-g-4));background-color:rgb(var(--aui-color-g-7))}.aui-button--success.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--warning{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-yellow))}.aui-button--warning:hover{border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-1))}.aui-button--warning.isActive,.aui-button--warning:active{border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-0))}.aui-button--warning[disabled]{border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-4))}.aui-button--warning.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-yellow),.16)}.aui-button--warning.isPlain{color:rgb(var(--aui-color-yellow));border-color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-button--warning.isPlain:hover{color:rgb(var(--aui-color-y-1));border-color:rgb(var(--aui-color-y-1));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain.isActive,.aui-button--warning.isPlain:active{color:rgb(var(--aui-color-y-0));border-color:rgb(var(--aui-color-y-0));background-color:rgb(var(--aui-color-y-5))}.aui-button--warning.isPlain[disabled]{color:rgb(var(--aui-color-y-4));border-color:rgb(var(--aui-color-y-4));background-color:rgb(var(--aui-color-y-7))}.aui-button--warning.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button--danger{color:rgb(var(--aui-color-n-10));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-red))}.aui-button--danger:hover{border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-1))}.aui-button--danger.isActive,.aui-button--danger:active{border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-0))}.aui-button--danger[disabled]{border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-4))}.aui-button--danger.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.aui-button--danger.isPlain{color:rgb(var(--aui-color-red));border-color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-button--danger.isPlain:hover{color:rgb(var(--aui-color-r-1));border-color:rgb(var(--aui-color-r-1));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain.isActive,.aui-button--danger.isPlain:active{color:rgb(var(--aui-color-r-0));border-color:rgb(var(--aui-color-r-0));background-color:rgb(var(--aui-color-r-5))}.aui-button--danger.isPlain[disabled]{color:rgb(var(--aui-color-r-4));border-color:rgb(var(--aui-color-r-4));background-color:rgb(var(--aui-color-r-7))}.aui-button--danger.isPlain.cdk-focused:not(.cdk-mouse-focused){box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-button.isLoading .aui-button__content{opacity:0}.aui-button.isLoading aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-button+.aui-button,.aui-button+aui-dropdown-button>.aui-dropdown-button,aui-dropdown-button+.aui-button,aui-dropdown-button+aui-dropdown-button>.aui-dropdown-button{margin-left:var(--aui-spacing-m)}.aui-button--text+.aui-button--text{margin-left:var(--aui-spacing-s)}"]
             },] }
 ];
 ButtonComponent.ctorParameters = () => [
@@ -592,10 +592,9 @@ TableCellComponent.decorators = [
                 preserveWhitespaces: false,
                 animations: [
                     trigger('expand', [
-                        state('*', style({ height: 0 })),
-                        state('expanded', style({ height: '*' })),
-                        transition('* => expanded', [animate(250)]),
-                        transition('expanded => *', [animate(250)]),
+                        state('*', style({ height: 0, padding: '0 16px' })),
+                        state('expanded', style({ height: '*', 'margin-bottom': '15px', padding: '16px' })),
+                        transition('* <=> expanded', [animate(250)]),
                     ]),
                 ]
             },] }
@@ -737,6 +736,35 @@ TableHeaderRowComponent.decorators = [
             },] }
 ];
 
+class TablePlaceholderDefDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+TablePlaceholderDefDirective.decorators = [
+    { type: Directive, args: [{
+                selector: 'ng-template[auiTablePlaceholderDef]',
+            },] }
+];
+TablePlaceholderDefDirective.ctorParameters = () => [
+    { type: TemplateRef }
+];
+class TablePlaceholderOutlet {
+    constructor(viewContainer, elementRef) {
+        this.viewContainer = viewContainer;
+        this.elementRef = elementRef;
+    }
+}
+TablePlaceholderOutlet.decorators = [
+    { type: Directive, args: [{
+                selector: '[auiTablePlaceholderOutlet]',
+            },] }
+];
+TablePlaceholderOutlet.ctorParameters = () => [
+    { type: ViewContainerRef },
+    { type: ElementRef }
+];
+
 /**
  * Data row definition for the aui-table.
  * Captures the header row's template and other row properties such as the columns to display and
@@ -786,14 +814,29 @@ TableRowComponent.propDecorators = {
 };
 
 const CLASS_PREFIX = 'aui-table';
-const WRAPPER_CLASS = `${CLASS_PREFIX}__scroll-wrapper`;
-const HAS_SCROLL_CLASS = `${WRAPPER_CLASS}--has-scroll`;
-const SCROLLING_CLASS = `${WRAPPER_CLASS}--scrolling`;
-const SCROLL_BEFORE_END_CLASS = `${WRAPPER_CLASS}--before-end`;
+const SHADOW_CLASS = `${CLASS_PREFIX}__scroll-shadow`;
+const HAS_SCROLL_CLASS = `${SHADOW_CLASS}--has-scroll`;
+const SCROLLING_CLASS = `${SHADOW_CLASS}--scrolling`;
+const SCROLL_BEFORE_END_CLASS = `${SHADOW_CLASS}--before-end`;
+const HAS_TABLE_TOP_SHADOW = 'hasTableTopShadow';
+const HAS_TABLE_BOTTOM_SHADOW = 'hasTableBottomShadow';
+const HAS_TABLE_VERTICAL_SCROLL = 'hasTableVerticalScroll';
 class TableScrollWrapperDirective {
+}
+TableScrollWrapperDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[auiTableScrollWrapper]',
+                host: {
+                    class: 'aui-table__scroll-wrapper',
+                },
+            },] }
+];
+class TableScrollShadowDirective {
     constructor(el) {
         this.el = el;
         this.destroy$$ = new Subject();
+        this.SCROLL_BEFORE_END_CLASS = true;
+        this.SHADOW_CLASS = true;
     }
     get containerEl() {
         return this.el.nativeElement;
@@ -807,13 +850,24 @@ class TableScrollWrapperDirective {
         merge(observeResizeOn(this.containerEl), fromEvent(this.containerEl, 'scroll'))
             .pipe(startWith(null), takeUntil(this.destroy$$))
             .subscribe(() => {
-            const scrollDis = this.containerEl.scrollWidth - this.containerEl.offsetWidth;
-            this.placeClassList(this.containerEl.classList, scrollDis > 0, HAS_SCROLL_CLASS);
-            const scrollLeft = this.containerEl.scrollLeft;
-            this.placeClassList(this.containerEl.classList, scrollLeft > 0, SCROLLING_CLASS);
-            this.placeClassList(this.containerEl.classList, scrollLeft !== scrollDis, SCROLL_BEFORE_END_CLASS);
+            this.mutateVerticalScroll();
+            this.mutateHorizontalScroll();
         });
     }
+    mutateVerticalScroll() {
+        const scrollDis = this.containerEl.scrollHeight - this.containerEl.offsetHeight;
+        this.placeClassList(this.containerEl.classList, scrollDis > 0, HAS_TABLE_VERTICAL_SCROLL);
+        const scrollTop = this.containerEl.scrollTop;
+        this.placeClassList(this.containerEl.classList, scrollTop > 0, HAS_TABLE_TOP_SHADOW);
+        this.placeClassList(this.containerEl.classList, scrollTop < scrollDis, HAS_TABLE_BOTTOM_SHADOW);
+    }
+    mutateHorizontalScroll() {
+        const scrollDis = this.containerEl.scrollWidth - this.containerEl.offsetWidth;
+        this.placeClassList(this.containerEl.classList, scrollDis > 0, HAS_SCROLL_CLASS);
+        const scrollLeft = this.containerEl.scrollLeft;
+        this.placeClassList(this.containerEl.classList, scrollLeft > 0, SCROLLING_CLASS);
+        this.placeClassList(this.containerEl.classList, scrollLeft < scrollDis, SCROLL_BEFORE_END_CLASS);
+    }
     placeClassList(classList, condition, className) {
         classList[condition ? 'add' : 'remove'](className);
     }
@@ -821,19 +875,17 @@ class TableScrollWrapperDirective {
         this.destroy$$.next();
     }
 }
-TableScrollWrapperDirective.decorators = [
+TableScrollShadowDirective.decorators = [
     { type: Directive, args: [{
-                selector: '[auiTableScrollWrapper]',
-                host: {
-                    class: `${SCROLL_BEFORE_END_CLASS}`,
-                },
+                selector: '[auiTableScrollShadow]',
             },] }
 ];
-TableScrollWrapperDirective.ctorParameters = () => [
+TableScrollShadowDirective.ctorParameters = () => [
     { type: ElementRef }
 ];
-TableScrollWrapperDirective.propDecorators = {
-    auiTableScrollWrapper: [{ type: HostBinding, args: [`class.${WRAPPER_CLASS}`,] }, { type: Input, args: ['auiTableScrollWrapper',] }]
+TableScrollShadowDirective.propDecorators = {
+    SCROLL_BEFORE_END_CLASS: [{ type: HostBinding, args: [`class.${SCROLL_BEFORE_END_CLASS}`,] }],
+    SHADOW_CLASS: [{ type: HostBinding, args: [`class.${SHADOW_CLASS}`,] }]
 };
 
 class TableComponent extends CdkTable {
@@ -845,18 +897,34 @@ class TableComponent extends CdkTable {
     set stickyCssClass(_stickyCssClass) {
         //
     }
+    ngAfterContentInit() {
+        this._createPlaceholder();
+    }
+    _createPlaceholder() {
+        const footerRow = this._placeholderDef;
+        if (!this._placeholderDef) {
+            return;
+        }
+        const container = this._placeholderOutlet.viewContainer;
+        container.createEmbeddedView(footerRow.templateRef);
+    }
+    _clearPlaceholder() {
+        this._placeholderOutlet.viewContainer.clear();
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._clearPlaceholder();
+    }
 }
 TableComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aui-table',
                 exportAs: 'auiTable',
                 encapsulation: ViewEncapsulation.None,
-                template: `<div
-    class="aui-table__content"
-    [auiTableScrollWrapper]="enableScrollWrapper"
-  >
+                template: `
     ${CDK_TABLE_TEMPLATE}
-  </div>`,
+    <ng-container auiTablePlaceholderOutlet></ng-container>
+  `,
                 host: {
                     class: 'aui-table',
                 },
@@ -876,11 +944,13 @@ TableComponent.decorators = [
                         useClass: _CoalescedStyleScheduler,
                     },
                 ],
-                styles: [".aui-table{display:block;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-m);background-color:rgb(var(--aui-color-n-9));padding:0 var(--aui-table-margin) var(--aui-table-margin);border-radius:var(--aui-border-radius-m)}.aui-table__header-row.aui-table-sticky{flex-wrap:wrap;margin:0 calc(var(--aui-table-margin) * -1);padding:0}.aui-table__header-row.aui-table-sticky .aui-table__header-cell{z-index:1}.aui-table__header-row.aui-table-sticky .aui-table__header-cell:first-of-type{padding-left:calc(var(--aui-table-margin) + var(--aui-table-cell-padding-lr))}.aui-table__header-row.aui-table-sticky .aui-table__header-cell:last-of-type{padding-right:calc(var(--aui-table-margin) + var(--aui-table-cell-padding-lr))}.aui-table__header-row.aui-table-sticky:after{box-shadow:0 4px 16px -4px rgba(var(--aui-color-n-1),.16);position:-webkit-sticky;position:sticky;width:100%;height:30px;top:calc(var(--aui-table-header-height) - 30px);margin-top:calc(var(--aui-table-header-height) * -1);content:\"\"}.aui-table__scroll-wrapper{overflow:auto}.aui-table__scroll-wrapper::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-table__scroll-wrapper .aui-table{padding-bottom:0}.aui-table__scroll-wrapper .aui-table__row{border:none;padding:0;align-items:stretch}.aui-table__scroll-wrapper .aui-table__row .aui-table__cell{border-left:0 solid #eee;border-bottom:var(--aui-table-border-width) solid #eee;border-right:0 solid #eee;border-top:var(--aui-table-border-width) solid #eee}.aui-table__scroll-wrapper .aui-table__row .aui-table__cell:first-of-type{border-left-width:var(--aui-table-border-width);padding-left:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__row .aui-table__cell:last-of-type{border-right-width:var(--aui-table-border-width);padding-right:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__row:first-of-type .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:first-of-type .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:last-of-type .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:last-of-type .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-wrapper .aui-table__row:not(.aui-table__scroll-wrapper .aui-table__row:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-wrapper .aui-table__header-row{padding:0;align-items:stretch}.aui-table__scroll-wrapper .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:var(--aui-table-cell-padding-lr)}.aui-table__scroll-wrapper .aui-table__cell{padding:var(--aui-table-cell-padding-tb-m) calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky:not(.aui-table__header-row):after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky:not(.aui-table__header-row):before{position:absolute;top:0;bottom:-1px;content:\" \";background:linear-gradient(180deg,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-left{padding-right:calc(var(--aui-table-cell-padding-lr) / 2 * 3)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-left:after{right:calc((var(--aui-table-cell-padding-lr) / 2) * -1)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-left:before{right:calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-right{padding-left:calc(var(--aui-table-cell-padding-lr) / 2 * 3)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-right:after{left:calc((var(--aui-table-cell-padding-lr) / 2) * -1)}.aui-table__scroll-wrapper--has-scroll .aui-table-sticky-border-elem-right:before{left:calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-wrapper--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}.aui-table__scroll-wrapper--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(180deg,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-wrapper--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}.aui-table__scroll-wrapper--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(180deg,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__header-row,.aui-table__row{display:flex;align-items:center}.aui-table__row{position:relative;border:var(--aui-table-border-width) solid #eee;border-bottom:0 solid #eee;background-color:rgb(var(--aui-color-n-10));padding:var(--aui-table-cell-padding-tb-m) calc(var(--aui-table-cell-padding-lr) / 2);min-height:calc(var(--aui-table-border-width) + var(--aui-table-row-min-height-m))}.aui-table__row:first-of-type{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-of-type{border-bottom-width:var(--aui-table-border-width);min-height:calc(var(--aui-table-border-width) + var(--aui-table-row-min-height-m));border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__cell,.aui-table__header-cell{flex:1}.aui-table__cell{padding:0 calc(var(--aui-table-cell-padding-lr) / 2);background-color:rgb(var(--aui-color-n-10));overflow:hidden;word-wrap:break-word}.aui-table__header-cell{padding:var(--aui-table-header-cell-padding-tb) calc(var(--aui-table-cell-padding-lr) / 2);font-weight:500;height:var(--aui-table-header-height);line-height:var(--aui-line-height-m);background-color:rgb(var(--aui-color-n-9));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}"]
+                styles: [".aui-table{display:block;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-m);background-color:rgb(var(--aui-color-n-9));padding:0 var(--aui-table-margin) var(--aui-table-margin);border-radius:var(--aui-border-radius-m)}.aui-table::-webkit-scrollbar{width:4px;height:4px}.aui-table::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-table__header-row,.aui-table__row{display:flex;align-items:center}.aui-table__header-row+.aui-table__row{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row{position:relative;border:var(--aui-table-border-width) solid #eee;border-bottom:0 solid #eee;background-color:rgb(var(--aui-color-n-10));padding:0 calc(var(--aui-table-cell-padding-lr) / 2);min-height:calc(var(--aui-table-border-width) + var(--aui-table-row-min-height-m))}.aui-table__row:first-child{border-top-left-radius:var(--aui-border-radius-l);border-top-right-radius:var(--aui-border-radius-l)}.aui-table__row:last-child{border-bottom-width:var(--aui-table-border-width);min-height:calc(var(--aui-table-border-width) + var(--aui-table-row-min-height-m));border-bottom-left-radius:var(--aui-border-radius-l);border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__row.isDisabled:before{content:\"\";z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:.7;cursor:not-allowed}.aui-table__header-row{background-color:rgb(var(--aui-color-n-9));padding:0 calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__cell,.aui-table__header-cell{flex:1}.aui-table__cell{padding:var(--aui-table-cell-padding-tb-m) calc(var(--aui-table-cell-padding-lr) / 2);background-color:rgb(var(--aui-color-n-10));overflow:hidden;word-wrap:break-word}.aui-table__header-cell{padding:var(--aui-table-header-cell-padding-tb) calc(var(--aui-table-cell-padding-lr) / 2);font-weight:500;height:var(--aui-table-header-height);line-height:var(--aui-line-height-m);background-color:rgb(var(--aui-color-n-9));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}", ".aui-table__header-row.aui-table-sticky{margin:0 calc(var(--aui-table-margin) * -1);padding:0}.aui-table.hasTableTopShadow:before{transform:translate3d(-12px,0,0);top:28px;box-shadow:0 10px 10px -4px rgba(var(--aui-color-n-1),.16)}.aui-table.hasTableBottomShadow:after,.aui-table.hasTableTopShadow:before{position:-webkit-sticky;position:sticky;width:calc(100% + var(--aui-table-margin) * 2);content:\" \";display:block;height:16px;margin-top:-16px;z-index:99}.aui-table.hasTableBottomShadow:after{transform:translate3d(-12px,12px,0);bottom:0;box-shadow:0 -10px 10px -4px rgba(var(--aui-color-n-1),.16) inset}.aui-table__scroll-wrapper{background-color:rgb(var(--aui-color-n-9));padding:0 var(--aui-table-margin) var(--aui-table-margin);border-radius:var(--aui-border-radius-m)}.aui-table__scroll-wrapper::-webkit-scrollbar{width:4px;height:4px}.aui-table__scroll-wrapper::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-table__scroll-wrapper .aui-table{padding:0}.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableBottomShadow:after,.aui-table__scroll-wrapper .aui-table__scroll-shadow.hasTableTopShadow:before{transform:none;width:100%;left:0}.aui-table__scroll-shadow .aui-table__header-row.aui-table-sticky{margin:0}.aui-table__scroll-shadow .aui-table__row{border:none;padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__row .aui-table__cell{border-left:0 solid #eee;border-bottom:var(--aui-table-border-width) solid #eee;border-right:0 solid #eee;border-top:var(--aui-table-border-width) solid #eee}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:first-of-type{border-left-width:var(--aui-table-border-width);padding-left:var(--aui-table-cell-padding-lr)}.aui-table__scroll-shadow .aui-table__row .aui-table__cell:last-of-type{border-right-width:var(--aui-table-border-width);padding-right:var(--aui-table-cell-padding-lr)}.aui-table__scroll-shadow .aui-table__row:first-child:not(.aui-table__header-row) .aui-table__cell:first-of-type{border-top-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:first-child:not(.aui-table__header-row) .aui-table__cell:last-of-type{border-top-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:first-of-type{border-bottom-left-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:last-child .aui-table__cell:last-of-type{border-bottom-right-radius:var(--aui-border-radius-l)}.aui-table__scroll-shadow .aui-table__row:not(.aui-table__scroll-shadow .aui-table__row:last-child) .aui-table__cell{border-bottom-width:0}.aui-table__scroll-shadow .aui-table__header-row{padding:0;align-items:stretch}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:first-of-type{padding-left:var(--aui-table-cell-padding-lr)}.aui-table__scroll-shadow .aui-table__header-row .aui-table__header-cell:last-of-type{padding-right:var(--aui-table-cell-padding-lr)}.aui-table__scroll-shadow .aui-table__cell{padding:var(--aui-table-cell-padding-tb-m) calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-shadow--has-scroll .aui-table-sticky:not(.aui-table__header-row):after{position:absolute;top:0;bottom:-1px;width:20px;transition:box-shadow .3s;content:\"\";pointer-events:none}.aui-table__scroll-shadow--has-scroll .aui-table-sticky:not(.aui-table__header-row):before{position:absolute;top:0;bottom:-1px;content:\" \";background:linear-gradient(180deg,rgb(var(--aui-color-n-7)),rgb(var(--aui-color-n-7)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left{padding-right:calc(var(--aui-table-cell-padding-lr) / 2 * 3)}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:after{right:calc((var(--aui-table-cell-padding-lr) / 2) * -1)}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-left:before{right:calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right{padding-left:calc(var(--aui-table-cell-padding-lr) / 2 * 3)}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:after{left:calc((var(--aui-table-cell-padding-lr) / 2) * -1)}.aui-table__scroll-shadow--has-scroll .aui-table-sticky-border-elem-right:before{left:calc(var(--aui-table-cell-padding-lr) / 2)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):after{box-shadow:inset 8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}.aui-table__scroll-shadow--scrolling .aui-table-sticky-border-elem-left:not(.aui-table__header-row):before{background:linear-gradient(180deg,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):after{box-shadow:inset -8px 0 4px -4px rgba(var(--aui-color-n-1),.16)}.aui-table__scroll-shadow--before-end .aui-table-sticky-border-elem-right:not(.aui-table__header-row):before{background:linear-gradient(180deg,rgb(var(--aui-color-primary)),rgb(var(--aui-color-primary)) 8px,transparent 0,transparent);width:1px;background-size:100% 14px;height:100%}"]
             },] }
 ];
 TableComponent.propDecorators = {
-    enableScrollWrapper: [{ type: Input }]
+    enableScrollWrapper: [{ type: Input }],
+    _placeholderOutlet: [{ type: ViewChild, args: [TablePlaceholderOutlet, { static: true },] }],
+    _placeholderDef: [{ type: ContentChild, args: [TablePlaceholderDefDirective, { static: true },] }]
 };
 
 class TableModule {
@@ -894,12 +964,15 @@ TableModule.decorators = [
                     TableHeaderRowComponent,
                     TableCellComponent,
                     TableCellDirective,
+                    TableCellDefDirective,
                     TableHeaderCellDirective,
                     TableRowDefDirective,
                     TableHeaderRowDefDirective,
-                    TableCellDefDirective,
                     TableHeaderCellDefDirective,
                     TableColumnDefDirective,
+                    TableScrollShadowDirective,
+                    TablePlaceholderOutlet,
+                    TablePlaceholderDefDirective,
                     TableScrollWrapperDirective,
                 ],
                 exports: [
@@ -908,12 +981,15 @@ TableModule.decorators = [
                     TableHeaderRowComponent,
                     TableCellComponent,
                     TableCellDirective,
+                    TableCellDefDirective,
                     TableHeaderCellDirective,
                     TableRowDefDirective,
                     TableHeaderRowDefDirective,
-                    TableCellDefDirective,
                     TableHeaderCellDefDirective,
                     TableColumnDefDirective,
+                    TableScrollShadowDirective,
+                    TablePlaceholderOutlet,
+                    TablePlaceholderDefDirective,
                     TableScrollWrapperDirective,
                 ],
             },] }
@@ -2041,7 +2117,7 @@ DialogComponent.decorators = [
                 // tslint:disable-next-line:validate-decorators
                 changeDetection: ChangeDetectionStrategy.Default,
                 preserveWhitespaces: false,
-                styles: [".cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper,.cdk-overlay-pane{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{pointer-events:auto;box-sizing:border-box;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgb(var(--aui-color-n-1));opacity:.4}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-m);box-shadow:0 4px 16px 0 rgba(var(--aui-color-n-1),.2);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1))}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-n-1))}.aui-dialog__header-title aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xxl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - (20px * 2))}.aui-dialog--fit-viewport,.aui-dialog--fullscreen{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - (20px * 2))}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-dialog--fit-viewport .aui-dialog__footer{border-top:1px solid rgb(var(--aui-color-n-8))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}"]
+                styles: [".cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper,.cdk-overlay-pane{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{pointer-events:auto;box-sizing:border-box;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgb(var(--aui-color-n-1));opacity:.4}.cdk-overlay-pane.aui-dialog-overlay-pane{justify-content:center;overflow:auto}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-dialog{margin:18vh auto 20px;display:flex;flex-direction:column;background-color:rgb(var(--aui-color-n-10));border-radius:var(--aui-border-radius-l);box-shadow:0 4px 16px 0 rgba(var(--aui-color-n-1),.2);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1))}.aui-dialog aui-dialog-content{height:100%;overflow:auto}.aui-dialog aui-dialog-content::-webkit-scrollbar{width:4px;height:4px}.aui-dialog aui-dialog-content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-dialog aui-dialog-content:first-child .aui-dialog__content{padding-top:20px}.aui-dialog aui-dialog-content:last-child .aui-dialog__content{padding-bottom:20px}.aui-dialog__header{margin:0 20px;padding:20px 0;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xxl);line-height:var(--aui-line-height-xxl);color:rgb(var(--aui-color-n-1))}.aui-dialog__header-title>aui-icon:first-child{font-size:var(--aui-icon-size-xl);margin-right:var(--aui-spacing-m)}.aui-dialog__header-title>aui-icon:first-child[icon=info_circle_s]{color:rgb(var(--aui-color-primary))}.aui-dialog__header-title>aui-icon:first-child[icon=check_circle_s]{color:rgb(var(--aui-color-green))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_circle_s]{color:rgb(var(--aui-color-yellow))}.aui-dialog__header-title>aui-icon:first-child[icon=exclamation_triangle_s]{color:rgb(var(--aui-color-red))}.aui-dialog__header-close{margin-left:var(--aui-spacing-xl);line-height:var(--aui-line-height-xxl);font-size:var(--aui-font-size-l);color:rgb(var(--aui-color-n-4));cursor:pointer}.aui-dialog__header-close:hover{color:rgb(var(--aui-color-primary))}.aui-dialog__content{padding:0 20px;min-height:80px}.aui-dialog__footer{padding:20px;display:flex;justify-content:flex-end}.aui-dialog--small{width:400px}.aui-dialog--medium{width:600px}.aui-dialog--big{width:800px}.aui-dialog--large{width:960px}.aui-dialog--fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - (20px * 2))}.aui-dialog--fit-viewport,.aui-dialog--fullscreen{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - (20px * 2))}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px;border-bottom:1px solid rgb(var(--aui-color-n-8))}.aui-dialog--fit-viewport .aui-dialog__footer{border-top:1px solid rgb(var(--aui-color-n-8))}.aui-dialog--fit-viewport aui-dialog-content:not(:first-child) .aui-dialog__content{padding-top:16px}.aui-dialog--fit-viewport aui-dialog-content:not(:last-child) .aui-dialog__content{padding-bottom:16px}.aui-dialog--fit-viewport>ng-component{display:flex;flex-direction:column;overflow:auto}.aui-dialog--fit-viewport>ng-component:after{clear:both}"]
             },] }
 ];
 DialogComponent.ctorParameters = () => [
@@ -2316,17 +2392,16 @@ const LabelPosition = {
     Left: 'left',
     Right: 'right',
 };
-var FormItemWidth;
-(function (FormItemWidth) {
-    FormItemWidth["Small"] = "small";
-    FormItemWidth["Medium"] = "medium";
-    FormItemWidth["Large"] = "large";
-})(FormItemWidth || (FormItemWidth = {}));
+const FormItemWidth = {
+    Small: 'small',
+    Medium: 'medium',
+    Large: 'large',
+};
 
 class FormDirective {
     constructor(controlContainer) {
         this.controlContainer = controlContainer;
-        this.labelWidth$$ = new BehaviorSubject('auto');
+        this.labelWidth$$ = new BehaviorSubject(null);
         this.labelPosition$$ = new BehaviorSubject(LabelPosition.Right);
         this.emptyAddon$$ = new BehaviorSubject(false);
         this.inline = false;
@@ -2445,7 +2520,7 @@ class FormItemComponent {
         this.cdr = cdr;
         this.auiForm = auiForm;
         this.bem = buildBem('aui-form-item');
-        this.labelWidth = 'auto';
+        this.labelWidth = null;
         this.labelPosition = LabelPosition.Right;
         this.emptyAddon = false;
         this.destroy$$ = new Subject();
@@ -2503,7 +2578,7 @@ FormItemComponent.decorators = [
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
-                styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:16px;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-m)}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:2px}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-line-height-xxxl);flex-shrink:0;padding-right:8px;overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:#eb0027;margin-right:4px}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:2px;line-height:var(--aui-line-height-xxxl)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-m)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-line-height-xxxl)}.aui-form-item__content aui-multi-select.aui-form-item__control,.aui-form-item__content aui-select.aui-form-item__control{width:100%}.aui-form-item__content--large .aui-form-item__control,.aui-form-item__content--large aui-multi-select.aui-form-item__control,.aui-form-item__content--large aui-select.aui-form-item__control{width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control,.aui-form-item__content--medium aui-multi-select.aui-form-item__control,.aui-form-item__content--medium aui-select.aui-form-item__control{width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control,.aui-form-item__content--small aui-multi-select.aui-form-item__control,.aui-form-item__content--small aui-select.aui-form-item__control{width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__error-wrapper,.aui-form-item__content+.aui-form-item__hint-wrapper{margin-top:4px}.aui-form-item__error-wrapper,.aui-form-item__hint-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-n-4))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;height:var(--aui-line-height-xxxl);padding-left:8px;color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m)}.aui-form--inline{display:flex}.aui-form--inline .aui-form-item{margin-bottom:0;margin-right:8px}"]
+                styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:16px;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-m)}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:2px}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-line-height-xxxl);flex-shrink:0;padding-right:8px;overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:#eb0027;margin-right:4px}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:2px;line-height:var(--aui-line-height-xxxl)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-s)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-line-height-xxxl)}.aui-form-item__content aui-multi-select.aui-form-item__control,.aui-form-item__content aui-select.aui-form-item__control{width:100%}.aui-form-item__content--large .aui-form-item__control,.aui-form-item__content--large aui-multi-select.aui-form-item__control,.aui-form-item__content--large aui-select.aui-form-item__control{max-width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control,.aui-form-item__content--medium aui-multi-select.aui-form-item__control,.aui-form-item__content--medium aui-select.aui-form-item__control{max-width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control,.aui-form-item__content--small aui-multi-select.aui-form-item__control,.aui-form-item__content--small aui-select.aui-form-item__control{max-width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__error-wrapper,.aui-form-item__content+.aui-form-item__hint-wrapper{margin-top:4px}.aui-form-item__error-wrapper,.aui-form-item__hint-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-n-4))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;height:var(--aui-line-height-xxxl);padding-left:8px;color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m)}.aui-form--inline{display:flex}.aui-form--inline .aui-form-item{margin-bottom:0;margin-right:8px}"]
             },] }
 ];
 FormItemComponent.ctorParameters = () => [
@@ -2956,7 +3031,9 @@ CheckboxGroupComponent.decorators = [
 CheckboxGroupComponent.propDecorators = {
     direction: [{ type: Input }],
     trackFn: [{ type: Input }],
-    checkboxes: [{ type: ContentChildren, args: [forwardRef(() => CheckboxComponent),] }]
+    checkboxes: [{ type: ContentChildren, args: [forwardRef(() => CheckboxComponent), {
+                    descendants: true,
+                },] }]
 };
 
 let uniqueId$2 = 0;
@@ -3041,7 +3118,7 @@ CheckboxComponent.decorators = [
                         multi: true,
                     },
                 ],
-                styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-block;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-m);line-height:var(--aui-inline-height-m);position:relative}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{line-height:var(--aui-font-size-m)}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m)}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag.isChecked,.aui-checkbox.isTag:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:var(--aui-border-m) solid rgb(var(--aui-color-n-7));color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-9));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}"]
+                styles: [".aui-checkbox{margin-right:var(--aui-spacing-xxxl);display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:rgb(var(--aui-color-n-1));font-size:var(--aui-font-size-m);line-height:var(--aui-inline-height-m);position:relative}.aui-checkbox__label{display:flex;align-items:center;cursor:pointer}.aui-checkbox__label:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox__content{line-height:var(--aui-font-size-m)}.aui-checkbox.isTag{margin-right:var(--aui-spacing-m);height:var(--aui-inline-height-s);padding:0 var(--aui-spacing-l);line-height:var(--aui-inline-height-s);background-color:rgb(var(--aui-color-n-8));border-radius:calc(var(--aui-inline-height-s) / 2);font-size:var(--aui-font-size-m);display:inline-flex}.aui-checkbox.isTag:hover .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary))}.aui-checkbox.isTag.isChecked,.aui-checkbox.isTag:hover{background-color:rgb(var(--aui-color-p-6));color:rgb(var(--aui-color-primary))}.aui-checkbox__input{position:absolute;opacity:0;z-index:-1}.aui-checkbox__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:var(--aui-border-m) solid rgb(var(--aui-color-n-7));color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-9));position:relative;vertical-align:middle;transition:all .3s ease}.aui-checkbox__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-checkbox.cdk-keyboard-focused .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-checkbox.isChecked .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isChecked.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-checkbox.isDisabled .aui-checkbox__label{cursor:not-allowed}.aui-checkbox.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-checkbox.isIndeterminate .aui-checkbox__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-checkbox.isIndeterminate.isDisabled .aui-checkbox__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}"]
             },] }
 ];
 CheckboxComponent.ctorParameters = () => [
@@ -3179,7 +3256,7 @@ InputGroupComponent.decorators = [
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
-                styles: [".aui-input-group{display:inline-block;width:100%;color:rgb(var(--aui-color-n-1))}.aui-input-group.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input-group--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-input-group--large .aui-input-group__prefix aui-icon,.aui-input-group--large .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-l)}.aui-input-group--large.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l))}.aui-input-group--large.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l))}.aui-input-group--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--medium .aui-input-group__prefix aui-icon,.aui-input-group--medium .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--medium.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--medium.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--small .aui-input-group__prefix aui-icon,.aui-input-group--small .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--small.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--small.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-input-group--mini .aui-input-group__prefix aui-icon,.aui-input-group--mini .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-s)}.aui-input-group--mini.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s))}.aui-input-group--mini.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s))}.aui-input-group__inner-wrapper{display:flex;height:100%}.aui-input-group__input-wrapper{width:100%;position:relative}.aui-input-group__input-wrapper:focus-within{z-index:2}.aui-input-group__input-wrapper:hover{z-index:2}.aui-input-group__input-wrapper:hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-input-group__addon{display:flex;align-items:center;flex-shrink:0;height:100%;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8));z-index:1}.aui-input-group__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-input-group__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-input-group__prefix{left:var(--aui-inline-padding-xs)}.aui-input-group__prefix,.aui-input-group__suffix{position:absolute;top:50%;transform:translateY(-50%);color:rgb(var(--aui-color-n-6))}.aui-input-group__suffix{right:var(--aui-inline-padding-xs)}.aui-input-group.hasAddonBefore .aui-input-group__input-wrapper{margin-left:-1px}.aui-input-group.hasAddonBefore .aui-input{border-top-left-radius:0;border-bottom-left-radius:0}.aui-input-group.hasAddonAfter .aui-input-group__input-wrapper{margin-right:-1px}.aui-input-group.hasAddonAfter .aui-input{border-top-right-radius:0;border-bottom-right-radius:0}"]
+                styles: [".aui-input-group{display:inline-block;width:100%;color:rgb(var(--aui-color-n-1))}.aui-input-group.isDisabled{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input-group--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-input-group--large .aui-input-group__prefix aui-icon,.aui-input-group--large .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-l)}.aui-input-group--large.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l))}.aui-input-group--large.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-l))}.aui-input-group--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--medium .aui-input-group__prefix aui-icon,.aui-input-group--medium .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--medium.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--medium.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-input-group--small .aui-input-group__prefix aui-icon,.aui-input-group--small .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-m)}.aui-input-group--small.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--small.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-m))}.aui-input-group--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-input-group--mini .aui-input-group__prefix aui-icon,.aui-input-group--mini .aui-input-group__suffix aui-icon{font-size:var(--aui-icon-size-s)}.aui-input-group--mini.hasPrefix .aui-input{padding-left:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s))}.aui-input-group--mini.hasSuffix .aui-input{padding-right:calc(var(--aui-inline-padding-xs) * 2 + var(--aui-icon-size-s))}.aui-input-group__inner-wrapper{display:flex;height:100%}.aui-input-group__input-wrapper{width:100%;position:relative}.aui-input-group__input-wrapper:hover .aui-input{border-color:rgb(var(--aui-color-primary))}.aui-input-group__addon{display:flex;align-items:center;flex-shrink:0;height:100%;padding:0 var(--aui-inline-padding-xs);border:1px solid rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-input-group__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-input-group__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-input-group__prefix{left:var(--aui-inline-padding-xs)}.aui-input-group__prefix,.aui-input-group__suffix{position:absolute;top:50%;transform:translateY(-50%);color:rgb(var(--aui-color-n-6))}.aui-input-group__suffix{right:var(--aui-inline-padding-xs)}.aui-input-group.hasAddonBefore .aui-input{border-top-left-radius:0;border-bottom-left-radius:0}.aui-input-group.hasAddonAfter .aui-input{border-top-right-radius:0;border-bottom-right-radius:0}"]
             },] }
 ];
 InputGroupComponent.propDecorators = {
@@ -3247,7 +3324,6 @@ SearchComponent.decorators = [
             },] }
 ];
 SearchComponent.propDecorators = {
-    size: [{ type: Input }],
     searchButton: [{ type: Input }],
     clearable: [{ type: Input }],
     searching: [{ type: Input }],
@@ -3520,7 +3596,7 @@ TagsInputComponent.decorators = [
                         multi: true,
                     },
                 ],
-                styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1));outline:none;text-overflow:ellipsis}@-webkit-keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}.aui-input:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-inner-spin-button,.aui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::-moz-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:-ms-input-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input::placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input.isFocused,.aui-input:focus,.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input.isFocused,.aui-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-input[readonly]{cursor:default}.aui-input[disabled],.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important}.aui-input[disabled]{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}.aui-input.ng-invalid.ng-dirty.isFocused,.aui-input.ng-invalid.ng-dirty:focus,.ng-submitted .aui-input.ng-invalid.isFocused,.ng-submitted .aui-input.ng-invalid:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}", ".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:14px;padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-2))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}", ".aui-tags-input{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-n-1));vertical-align:middle}.aui-tags-input:hover{cursor:text}.aui-tags-input .aui-tag{max-width:100%}.aui-tags-input.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:#c8cacd;cursor:not-allowed}.aui-tags-input.isDisabled .aui-tag{color:#c8cacd;background-color:rgb(var(--aui-color-n-8))}.aui-tags-input__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-n-6));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;margin-left:1px}.aui-tags-input__placeholder[hidden]{display:none}.aui-tags-input__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-tags-input--large{min-height:40px;font-size:16px;padding:5px 11px 0}.aui-tags-input--large .aui-tag{margin:0 4px 5px 0}.aui-tags-input--medium{min-height:32px;font-size:14px;padding:5px 7px 0}.aui-tags-input--medium .aui-tag{margin:0 4px 5px 0}.aui-tags-input--small{min-height:28px;font-size:14px;padding:3px 7px 0}.aui-tags-input--small .aui-tag{margin:0 4px 3px 0}.aui-tags-input--mini{min-height:24px;font-size:12px;padding:1px 5px 0}.aui-tags-input--mini .aui-tag{margin:0 4px 1px 0}.aui-tags-input__suffix{position:absolute;top:50%;right:7px;transform:translateY(-50%)}.aui-tags-input .aui-tag.aui-tags-input__input{width:1em;padding:0;border:none;outline:none;background:none;color:rgb(var(--aui-color-n-1));font-family:inherit;font-size:inherit;margin-top:-2px}.aui-tags-input .aui-tag.aui-tags-input__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}.ng-submitted aui-tags-input.ng-invalid .aui-input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input,aui-tags-input.ng-invalid.ng-dirty .aui-input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}.ng-submitted aui-tags-input.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused,aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.aui-tags-input.withHeightLimit{overflow:auto;position:static}.aui-tags-input.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-tags-input.withHeightLimit::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}"]
+                styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1));outline:none;text-overflow:ellipsis}@-webkit-keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}.aui-input:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-inner-spin-button,.aui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::-moz-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:-ms-input-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input::placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input.isFocused,.aui-input:focus,.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input.isFocused,.aui-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-input[readonly]{cursor:default}.aui-input[disabled],.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important}.aui-input[disabled]{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}.aui-input.ng-invalid.ng-dirty.isFocused,.aui-input.ng-invalid.ng-dirty:focus,.ng-submitted .aui-input.ng-invalid.isFocused,.ng-submitted .aui-input.ng-invalid:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}", ".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:14px;padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-2))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}", ".aui-tags-input{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-n-1));vertical-align:middle}.aui-tags-input:hover{cursor:text}.aui-tags-input .aui-tag{max-width:100%}.aui-tags-input.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:#c8cacd;cursor:not-allowed}.aui-tags-input.isDisabled .aui-tag{color:#c8cacd;background-color:rgb(var(--aui-color-n-8))}.aui-tags-input__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-n-6));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;margin-left:1px}.aui-tags-input__placeholder[hidden]{display:none}.aui-tags-input__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-tags-input--large{min-height:40px;font-size:16px;padding:5px 11px 0}.aui-tags-input--large .aui-tag{margin:0 4px 5px 0}.aui-tags-input--medium{min-height:32px;font-size:14px;padding:5px 7px 0}.aui-tags-input--medium .aui-tag{margin:0 4px 5px 0}.aui-tags-input--small{min-height:28px;font-size:14px;padding:3px 7px 0}.aui-tags-input--small .aui-tag{margin:0 4px 3px 0}.aui-tags-input--mini{min-height:24px;font-size:12px;padding:1px 5px 0}.aui-tags-input--mini .aui-tag{margin:0 4px 1px 0}.aui-tags-input__suffix{position:absolute;top:50%;right:7px;transform:translateY(-50%)}.aui-tags-input .aui-tag.aui-tags-input__input{width:1em;padding:0;border:none;outline:none;background:none;color:rgb(var(--aui-color-n-1));font-family:inherit;font-size:inherit;margin-top:-2px}.aui-tags-input .aui-tag.aui-tags-input__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}.ng-submitted aui-tags-input.ng-invalid .aui-input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input,aui-tags-input.ng-invalid.ng-dirty .aui-input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}.ng-submitted aui-tags-input.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.ng-submitted aui-tags-input.ng-invalid .aui-input.isFocused,.ng-submitted aui-tags-input.ng-invalid .aui-tags-input.isFocused,aui-tags-input.ng-invalid.ng-dirty .aui-input.isFocused,aui-tags-input.ng-invalid.ng-dirty .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.aui-tags-input.withHeightLimit{overflow:auto;position:static}.aui-tags-input.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-tags-input.withHeightLimit::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}"]
             },] }
 ];
 TagsInputComponent.ctorParameters = () => [
@@ -3625,7 +3701,7 @@ TagComponent.decorators = [
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
-                styles: [".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:14px;padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-2))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}"]
+                styles: [".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:14px;padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-2))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}"]
             },] }
 ];
 TagComponent.propDecorators = {
@@ -3661,7 +3737,7 @@ CheckTagComponent.decorators = [
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
-                styles: [".aui-check-tag{cursor:pointer}.aui-check-tag .aui-tag__content{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.aui-check-tag .aui-tag__checkbox{align-self:center}.aui-check-tag.aui-tag--medium{height:28px;line-height:28px;font-size:14px;margin:0 8px}.aui-check-tag.aui-tag--medium.isRound{border-radius:14px}", ".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:14px;padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-2))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}"]
+                styles: [".aui-check-tag{cursor:pointer}.aui-check-tag .aui-tag__content{display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.aui-check-tag .aui-tag__checkbox{align-self:center}.aui-check-tag.aui-tag--medium{height:28px;line-height:28px;font-size:14px;margin:0 8px}.aui-check-tag.aui-tag--medium.isRound{border-radius:14px}", ".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:14px;padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-2))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}"]
             },] }
 ];
 CheckTagComponent.propDecorators = {
@@ -5037,7 +5113,7 @@ MultiSelectComponent.decorators = [
                         useExisting: MultiSelectComponent,
                     },
                 ],
-                styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1));outline:none;text-overflow:ellipsis}@-webkit-keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}.aui-input:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-inner-spin-button,.aui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::-moz-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:-ms-input-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input::placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input.isFocused,.aui-input:focus,.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input.isFocused,.aui-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-input[readonly]{cursor:default}.aui-input[disabled],.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important}.aui-input[disabled]{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}.aui-input.ng-invalid.ng-dirty.isFocused,.aui-input.ng-invalid.ng-dirty:focus,.ng-submitted .aui-input.ng-invalid.isFocused,.ng-submitted .aui-input.ng-invalid:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}", ".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:14px;padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{background-color:rgb(var(--aui-color-n-8));color:rgb(var(--aui-color-n-2))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}", ".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-n-10));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{height:var(--aui-inline-height-l);line-height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{height:var(--aui-inline-height-m);line-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{height:var(--aui-inline-height-s);line-height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-option--mini{height:var(--aui-inline-height-xs);line-height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary))}.aui-option.isFocused,.aui-option:hover,.aui-option:not(.isMulti).isSelected{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));background-color:rgb(var(--aui-color-n-10));cursor:not-allowed}.aui-option__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:var(--aui-border-m) solid rgb(var(--aui-color-n-7));color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-9));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled).isFocused .aui-option__pointer,.aui-option:not(.isDisabled):hover .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}.aui-option-container{padding:var(--aui-select-options-padding) 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-option-container__content .divider{border:none;border-top:var(--aui-border-m) solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-multi-select{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-n-1));vertical-align:middle}.aui-multi-select:hover{cursor:text}.aui-multi-select .aui-tag{max-width:100%}.aui-multi-select.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:#c8cacd;cursor:not-allowed}.aui-multi-select.isDisabled .aui-tag{color:#c8cacd;background-color:rgb(var(--aui-color-n-8))}.aui-multi-select__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-n-6));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;margin-left:1px}.aui-multi-select__placeholder[hidden]{display:none}.aui-multi-select__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-multi-select--large{min-height:40px;font-size:16px;padding:5px 11px 0}.aui-multi-select--large .aui-tag{margin:0 4px 5px 0}.aui-multi-select--medium{min-height:32px;font-size:14px;padding:5px 7px 0}.aui-multi-select--medium .aui-tag{margin:0 4px 5px 0}.aui-multi-select--small{min-height:28px;font-size:14px;padding:3px 7px 0}.aui-multi-select--small .aui-tag{margin:0 4px 3px 0}.aui-multi-select--mini{min-height:24px;font-size:12px;padding:1px 5px 0}.aui-multi-select--mini .aui-tag{margin:0 4px 1px 0}.aui-multi-select__suffix{right:7px}.aui-multi-select .aui-tag.aui-multi-select__input{width:1em;padding:0;border:none;outline:none;background:none;color:rgb(var(--aui-color-n-1));font-family:inherit;font-size:inherit;margin-top:-2px}.aui-multi-select .aui-tag.aui-multi-select__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}.ng-submitted aui-multi-select.ng-invalid .aui-input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input,aui-multi-select.ng-invalid.ng-dirty .aui-input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}.ng-submitted aui-multi-select.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused,aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.aui-multi-select--large{padding-right:calc(var(--aui-font-size-m) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--large .aui-multi-select__suffix{right:calc(var(--aui-border-m) + var(--aui-inline-padding-xs))}.aui-multi-select--large.isClearable{padding-right:calc(var(--aui-font-size-m) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select--medium{padding-right:calc(var(--aui-font-size-m) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--medium .aui-multi-select__suffix{right:calc(var(--aui-border-m) + var(--aui-inline-padding-xs))}.aui-multi-select--medium.isClearable{padding-right:calc(var(--aui-font-size-m) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select--small{padding-right:calc(var(--aui-font-size-s) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--small .aui-multi-select__suffix{right:calc(var(--aui-border-m) + var(--aui-inline-padding-xs))}.aui-multi-select--small.isClearable{padding-right:calc(var(--aui-font-size-s) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select--mini{padding-right:calc(var(--aui-font-size-s) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--mini .aui-multi-select__suffix{right:calc(var(--aui-border-m) + var(--aui-inline-padding-xs))}.aui-multi-select--mini.isClearable{padding-right:calc(var(--aui-font-size-s) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select__suffix{position:absolute;top:50%;transform:translateY(-50%)}.aui-multi-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-multi-select__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-multi-select__indicator{color:rgb(var(--aui-color-n-4));cursor:default}.aui-multi-select.withHeightLimit{overflow:auto;position:static}.aui-multi-select.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-multi-select.withHeightLimit::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-multi-select:not(.isDisabled) .aui-icon-caret_down_s{fill:rgb(var(--aui-color-n-2))}.aui-multi-select .aui-tag--info{background-color:rgb(var(--aui-color-n-10))}"]
+                styles: [".aui-input{display:inline-block;padding:0 var(--aui-inline-padding-xs);width:100%;min-width:0;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1));outline:none;text-overflow:ellipsis}@-webkit-keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}@keyframes cdk-text-field-autofill-color-0{to{background:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-1))}}.aui-input:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-color-0 both}.aui-input.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both;animation:cdk-text-field-autofill-start 0s 1ms,cdk-text-field-autofill-color-0 both}.aui-input::-webkit-inner-spin-button,.aui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.aui-input[type=number]{-moz-appearance:textfield}.aui-input::-moz-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:-ms-input-placeholder{color:rgb(var(--aui-color-n-6))}.aui-input::placeholder{color:rgb(var(--aui-color-n-6))}.aui-input:invalid,.aui-input:required{box-shadow:none}.aui-input.isFocused,.aui-input:focus,.aui-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-input.isFocused,.aui-input:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-input[readonly]{cursor:default}.aui-input[disabled],.aui-input[readonly]{background-color:rgb(var(--aui-color-n-8));border-color:rgb(var(--aui-color-n-7))!important}.aui-input[disabled]{color:rgb(var(--aui-color-n-6));cursor:not-allowed}.aui-input--large{height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-input--medium{height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-input--small{height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-input--mini{height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}textarea.aui-input{padding:var(--aui-inline-padding-xxs) var(--aui-inline-padding-xs);height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 3 + 2px);max-height:calc(var(--aui-inline-padding-xxs) * 2 + var(--aui-line-height-m) * 6 + 2px);min-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-n-1));resize:vertical;overflow:auto}.aui-input.ng-invalid.ng-dirty,.ng-submitted .aui-input.ng-invalid{border-color:rgb(var(--aui-color-red))!important}.aui-input.ng-invalid.ng-dirty.isFocused,.aui-input.ng-invalid.ng-dirty:focus,.ng-submitted .aui-input.ng-invalid.isFocused,.ng-submitted .aui-input.ng-invalid:focus{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}", ".aui-tag{display:inline-flex;border-radius:2px;border:1px solid transparent;max-width:300px;vertical-align:middle;transition:background-color .3s ease}.aui-tag__content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aui-tag .aui-tag__close .aui-icon{margin-left:4px;border-radius:50%;cursor:pointer;transition:all .3s ease}.aui-tag--large{height:32px;line-height:30px;font-size:14px;padding:0 15px}.aui-tag--large.isRound{border-radius:16px}.aui-tag--medium{height:28px;line-height:26px;font-size:14px;padding:0 11px}.aui-tag--medium.isRound{border-radius:14px}.aui-tag--small{height:24px;line-height:22px;font-size:12px;padding:0 7px}.aui-tag--small.isRound{border-radius:12px}.aui-tag--mini{height:20px;line-height:18px;font-size:12px;padding:0 7px}.aui-tag--mini.isRound{border-radius:10px}.aui-tag--primary{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary.hasBorder{border-color:rgb(var(--aui-color-p-2))}.aui-tag--primary.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-p-1))}.aui-tag--primary.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-p-0))}.aui-tag--primary.allowClick:hover{background-color:rgb(var(--aui-color-p-7));cursor:pointer}.aui-tag--primary.allowClick:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-tag--primary .aui-tag__close .aui-icon:hover{color:#e6f2fe;background-color:#007af5}.aui-tag--success{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success.hasBorder{border-color:rgb(var(--aui-color-g-2))}.aui-tag--success.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-g-1))}.aui-tag--success.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-g-0))}.aui-tag--success.allowClick:hover{background-color:rgb(var(--aui-color-g-7));cursor:pointer}.aui-tag--success.allowClick:active{color:rgb(var(--aui-color-green));background-color:rgb(var(--aui-color-g-6))}.aui-tag--success .aui-tag__close .aui-icon:hover{color:#e6f9ef;background-color:#00c261}.aui-tag--warning{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning.hasBorder{border-color:rgb(var(--aui-color-y-2))}.aui-tag--warning.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-y-1))}.aui-tag--warning.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-y-0))}.aui-tag--warning.allowClick:hover{background-color:rgb(var(--aui-color-y-7));cursor:pointer}.aui-tag--warning.allowClick:active{color:rgb(var(--aui-color-yellow));background-color:rgb(var(--aui-color-y-6))}.aui-tag--warning .aui-tag__close .aui-icon:hover{color:#fef6e6;background-color:#f5a300}.aui-tag--error{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error.hasBorder{border-color:rgb(var(--aui-color-r-2))}.aui-tag--error.hasBorder.allowClick:hover{border-color:rgb(var(--aui-color-r-1))}.aui-tag--error.hasBorder.allowClick:active{border-color:rgb(var(--aui-color-r-0))}.aui-tag--error.allowClick:hover{background-color:rgb(var(--aui-color-r-7));cursor:pointer}.aui-tag--error.allowClick:active{color:rgb(var(--aui-color-red));background-color:rgb(var(--aui-color-r-6))}.aui-tag--error .aui-tag__close .aui-icon:hover{color:#fde6e9;background-color:#eb0027}.aui-tag--info{background-color:rgb(var(--aui-color-n-9));color:rgb(var(--aui-color-n-2))}.aui-tag--info.hasBorder{border-color:rgb(var(--aui-color-n-7))}.aui-tag--info .aui-tag__close .aui-icon:hover{color:rgb(var(--aui-color-n-8));background-color:rgb(var(--aui-color-n-4))}.aui-tag.isInvalid{text-decoration:line-through}.aui-tag.isSolid,.aui-tag.isSolid .aui-tag__close .aui-icon:hover{color:#fff}.aui-tag.isSolid.aui-tag--primary{background-color:rgb(var(--aui-color-primary))}.aui-tag.isSolid.aui-tag--success{background-color:rgb(var(--aui-color-green))}.aui-tag.isSolid.aui-tag--warning{background-color:rgb(var(--aui-color-yellow))}.aui-tag.isSolid.aui-tag--error{background-color:rgb(var(--aui-color-red))}.aui-tag.isSolid.aui-tag--info{background-color:rgb(var(--aui-color-n))}.aui-tag.allowClick a{color:inherit}.aui-tag.allowClick:hover{cursor:pointer}aui-tag+aui-tag .aui-tag--large,aui-tag+aui-tag .aui-tag--medium,aui-tag+aui-tag .aui-tag--small{margin-left:8px}aui-tag+aui-tag .aui-tag--mini{margin-left:6px}", ".aui-option{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-1));background-color:rgb(var(--aui-color-n-10));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.aui-option--large{height:var(--aui-inline-height-l);line-height:var(--aui-inline-height-l);font-size:var(--aui-font-size-l)}.aui-option--medium{height:var(--aui-inline-height-m);line-height:var(--aui-inline-height-m);font-size:var(--aui-font-size-m)}.aui-option--small{height:var(--aui-inline-height-s);line-height:var(--aui-inline-height-s);font-size:var(--aui-font-size-m)}.aui-option--mini{height:var(--aui-inline-height-xs);line-height:var(--aui-inline-height-xs);font-size:var(--aui-font-size-s)}.aui-option:not(.isMulti).isSelected{color:rgb(var(--aui-color-primary))}.aui-option.isFocused,.aui-option:hover,.aui-option:not(.isMulti).isSelected{background-color:rgb(var(--aui-color-p-6))}.aui-option.isDisabled{color:rgb(var(--aui-color-n-6));background-color:rgb(var(--aui-color-n-10));cursor:not-allowed}.aui-option__pointer{display:inline-block;width:var(--aui-icon-size-m);height:var(--aui-icon-size-m);margin-right:var(--aui-spacing-m);border-radius:var(--aui-border-radius-m);border:var(--aui-border-m) solid rgb(var(--aui-color-n-7));color:rgb(var(--aui-color-n-10));background-color:rgb(var(--aui-color-n-9));position:relative;vertical-align:middle;transition:all .3s ease}.aui-option__pointer .aui-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0}.aui-option.cdk-keyboard-focused .aui-option__pointer{border-color:rgb(var(--aui-color-primary));box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}.aui-option.isSelected .aui-option__pointer{border-color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-primary))}.aui-option.isSelected.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-p-4));background-color:rgb(var(--aui-color-p-4))}.aui-option.isDisabled .aui-option__label{cursor:not-allowed}.aui-option.isDisabled .aui-option__pointer{border-color:rgb(var(--aui-color-n-7));background-color:rgb(var(--aui-color-n-8))}.aui-option:not(.isDisabled).isFocused .aui-option__pointer,.aui-option:not(.isDisabled):hover .aui-option__pointer{border-color:rgb(var(--aui-color-primary))}.aui-option-container{padding:var(--aui-select-options-padding) 0;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 2px 8px 0 rgba(var(--aui-color-n-1),.2)}.aui-option-container__content{max-height:calc(var(--aui-inline-height-m) * 10);position:relative;overflow:auto}.aui-option-container__content::-webkit-scrollbar{width:4px;height:4px}.aui-option-container__content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-option-container__content .divider{border:none;border-top:var(--aui-border-m) solid rgb(var(--aui-color-n-8))}.aui-option-container__placeholder{color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m);text-align:center}.aui-option-container--small .aui-option-container__content{max-height:calc(var(--aui-inline-height-s) * 10)}.aui-option-container--small .aui-option-container__placeholder{font-size:var(--aui-font-size-s)}.aui-multi-select{display:inline-block;position:relative;width:100%;color:rgb(var(--aui-color-n-1));vertical-align:middle}.aui-multi-select:hover{cursor:text}.aui-multi-select .aui-tag{max-width:100%}.aui-multi-select.isDisabled{background-color:rgb(var(--aui-color-n-8));border-color:#c8cacd;cursor:not-allowed}.aui-multi-select.isDisabled .aui-tag{color:#c8cacd;background-color:rgb(var(--aui-color-n-8))}.aui-multi-select__placeholder{display:inline-block;width:100%;color:rgb(var(--aui-color-n-6));vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:absolute;margin-left:1px}.aui-multi-select__placeholder[hidden]{display:none}.aui-multi-select__mirror{opacity:0;left:0;z-index:-99;position:absolute;padding-left:1px}.aui-multi-select--large{min-height:40px;font-size:16px;padding:5px 11px 0}.aui-multi-select--large .aui-tag{margin:0 4px 5px 0}.aui-multi-select--medium{min-height:32px;font-size:14px;padding:5px 7px 0}.aui-multi-select--medium .aui-tag{margin:0 4px 5px 0}.aui-multi-select--small{min-height:28px;font-size:14px;padding:3px 7px 0}.aui-multi-select--small .aui-tag{margin:0 4px 3px 0}.aui-multi-select--mini{min-height:24px;font-size:12px;padding:1px 5px 0}.aui-multi-select--mini .aui-tag{margin:0 4px 1px 0}.aui-multi-select__suffix{right:7px}.aui-multi-select .aui-tag.aui-multi-select__input{width:1em;padding:0;border:none;outline:none;background:none;color:rgb(var(--aui-color-n-1));font-family:inherit;font-size:inherit;margin-top:-2px}.aui-multi-select .aui-tag.aui-multi-select__input--hidden{opacity:0;width:0;padding:0;margin:0;position:absolute}.ng-submitted aui-multi-select.ng-invalid .aui-input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input,aui-multi-select.ng-invalid.ng-dirty .aui-input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input{border-color:rgb(var(--aui-color-red))!important}.ng-submitted aui-multi-select.ng-invalid .aui-input .aui-tags-input__input,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-input .aui-tags-input__input,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input .aui-tags-input__input{color:rgb(var(--aui-color-red))}.ng-submitted aui-multi-select.ng-invalid .aui-input.isFocused,.ng-submitted aui-multi-select.ng-invalid .aui-tags-input.isFocused,aui-multi-select.ng-invalid.ng-dirty .aui-input.isFocused,aui-multi-select.ng-invalid.ng-dirty .aui-tags-input.isFocused{box-shadow:0 0 0 2px rgba(var(--aui-color-red),.16)}.aui-multi-select--large{padding-right:calc(var(--aui-font-size-m) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--large .aui-multi-select__suffix{right:calc(var(--aui-border-m) + var(--aui-inline-padding-xs))}.aui-multi-select--large.isClearable{padding-right:calc(var(--aui-font-size-m) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select--medium{padding-right:calc(var(--aui-font-size-m) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--medium .aui-multi-select__suffix{right:calc(var(--aui-border-m) + var(--aui-inline-padding-xs))}.aui-multi-select--medium.isClearable{padding-right:calc(var(--aui-font-size-m) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select--small{padding-right:calc(var(--aui-font-size-s) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--small .aui-multi-select__suffix{right:calc(var(--aui-border-m) + var(--aui-inline-padding-xs))}.aui-multi-select--small.isClearable{padding-right:calc(var(--aui-font-size-s) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select--mini{padding-right:calc(var(--aui-font-size-s) * 1 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 1)}.aui-multi-select--mini .aui-multi-select__suffix{right:calc(var(--aui-border-m) + var(--aui-inline-padding-xs))}.aui-multi-select--mini.isClearable{padding-right:calc(var(--aui-font-size-s) * 2 + var(--aui-inline-padding-xs) + var(--aui-spacing-m) * 2)}.aui-multi-select__suffix{position:absolute;top:50%;transform:translateY(-50%)}.aui-multi-select__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-n-4));cursor:pointer;transition:all .3s ease}.aui-multi-select__clear .aui-icon:hover{color:#fff;background-color:rgb(var(--aui-color-n-4))}.aui-multi-select__indicator{color:rgb(var(--aui-color-n-4));cursor:default}.aui-multi-select.withHeightLimit{overflow:auto;position:static}.aui-multi-select.withHeightLimit::-webkit-scrollbar{width:4px;height:4px}.aui-multi-select.withHeightLimit::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-multi-select:not(.isDisabled) .aui-icon-caret_down_s{fill:rgb(var(--aui-color-n-2))}.aui-multi-select .aui-tag--info{background-color:rgb(var(--aui-color-n-10))}"]
             },] }
 ];
 MultiSelectComponent.ctorParameters = () => [
@@ -5065,7 +5141,7 @@ class OptionGroupComponent {
 OptionGroupComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aui-option-group',
-                template: "<div [hidden]=\"!(hasVisibleOption$ | async)\" class=\"aui-option-group\">\n  <div class=\"aui-option-group__title-wrapper\">\n    <ng-content select=\"[auiOptionGroupTitle]\"></ng-content>\n  </div>\n  <div class=\"aui-option-group__content\"><ng-content></ng-content></div>\n</div>\n",
+                template: "<div [hidden]=\"!(hasVisibleOption$ | async)\" class=\"aui-option-group\">\n  <div class=\"aui-option-group__title-wrapper\" [hidden]=\"!groupTitle\">\n    <ng-content select=\"[auiOptionGroupTitle]\"></ng-content>\n  </div>\n  <div class=\"aui-option-group__content\"><ng-content></ng-content></div>\n</div>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
@@ -5073,7 +5149,8 @@ OptionGroupComponent.decorators = [
             },] }
 ];
 OptionGroupComponent.propDecorators = {
-    options: [{ type: ContentChildren, args: [forwardRef(() => OptionComponent),] }]
+    options: [{ type: ContentChildren, args: [forwardRef(() => OptionComponent),] }],
+    groupTitle: [{ type: ContentChild, args: [forwardRef(() => OptionGroupTitleDirective),] }]
 };
 
 class OptionPlaceholderComponent {
@@ -6575,7 +6652,7 @@ TabHeaderComponent.decorators = [
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: [".aui-tab-header{display:flex;flex-direction:column;flex-shrink:0;position:relative;background-color:rgb(var(--aui-color-n-10))}.aui-tab-header--large .aui-tab-label{font-size:18px;padding:16px 20px;line-height:24px}.aui-tab-header--medium .aui-tab-label{font-size:16px;padding:12px 20px;line-height:22px}.aui-tab-header--small .aui-tab-label{font-size:14px;padding:8px 16px;line-height:20px}.aui-tab-header__header-wrapper{display:flex;flex-shrink:0;position:relative}.aui-tab-header__title{display:flex;justify-content:space-between;color:rgb(var(--aui-color-n-1));font-size:20px;margin-inline:20px;padding-block:20px;font-weight:500;border-bottom:1px solid rgb(var(--aui-color-n-8));line-height:32px}.aui-tab-header--card{background-color:rgb(var(--aui-color-n-9))}.aui-tab-header--line{border-radius:4px;box-shadow:0 0 4px 0 rgba(50,52,55,.1);background-color:rgb(var(--aui-color-n-10))}.aui-tab-header__pagination-wrapper{display:flex;overflow:hidden;flex-grow:1;align-items:center;position:relative}.aui-tab-header__pagination-button{width:32px;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;z-index:3;box-shadow:0 0 4px #ccc;opacity:.6;transition:box-shadow .3s,opacity .3s,color .3s}.aui-tab-header__pagination-button:hover{opacity:1;color:rgb(var(--aui-color-primary))}.aui-tab-header__pagination-button:first-of-type{margin-right:1px}.aui-tab-header__pagination-button:last-of-type{margin-left:1px}.aui-tab-header__pagination-button[disabled]{cursor:default;box-shadow:none;opacity:.1}.aui-tab-header__tab-list-container{display:flex;flex-grow:1;overflow:hidden;position:relative;z-index:1}.aui-tab-header__tab-list{flex-grow:1;position:relative;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header__labels{display:flex}.aui-tab-header__labels:focus{outline:none}.aui-tab-header__addon{display:inline-flex;align-items:center;justify-content:center;margin:0 8px}.aui-tab-header__spacer{flex:1 1 0}.aui-tab-label{position:relative;cursor:pointer;box-sizing:border-box;text-align:center;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;color:rgb(var(--aui-color-n-2));font-weight:400;z-index:2;transition:opacity .3s}.aui-tab-label.isActive,.aui-tab-label:focus{outline:none}.aui-tab-label:not(.aui-tab-label--disabled).isActive{font-weight:500}.aui-tab-label:not(.aui-tab-label--disabled).isActive,.aui-tab-label:not(.aui-tab-label--disabled):hover{color:rgb(var(--aui-color-primary))}.aui-tab-label.aui-tab-label--disabled{cursor:not-allowed;opacity:.2}.aui-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.aui-tab-label__close{margin-left:8px;font-size:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--aui-color-n-4));transition:all .3s ease}.aui-tab-label__close:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tab-label.cdk-focused:not(.cdk-mouse-focused){box-shadow:inset 0 0 0 3px rgba(0,122,245,.3)}aui-tab-header-active-indicator{display:flex;height:100%;position:absolute;top:0;pointer-events:none;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header-active-indicator{position:relative;flex:1;height:100%;z-index:1}.aui-tab-header-active-indicator:after{content:\"\";position:absolute;display:block;background:#007af5;height:2px}.aui-tab-header-active-indicator--line:after{width:100%;left:0;bottom:0}.aui-tab-header-active-indicator--card{background-color:rgb(var(--aui-color-n-10))}.aui-tab-header-active-indicator--card:after{width:calc(100% + 2px);top:0;left:-1px}"]
+                styles: [".aui-tab-header{display:flex;flex-direction:column;flex-shrink:0;position:relative;background-color:rgb(var(--aui-color-n-10))}.aui-tab-header--large .aui-tab-label{font-size:18px;padding:16px 20px;line-height:24px}.aui-tab-header--medium .aui-tab-label{font-size:16px;padding:12px 20px;line-height:22px}.aui-tab-header--small .aui-tab-label{font-size:14px;padding:8px 16px;line-height:20px}.aui-tab-header__header-wrapper{display:flex;flex-shrink:0;position:relative}.aui-tab-header__title{display:flex;justify-content:space-between;color:rgb(var(--aui-color-n-1));font-size:20px;margin-inline:20px;padding:20px 0 16px;font-weight:500;border-bottom:1px solid rgb(var(--aui-color-n-8));line-height:32px}.aui-tab-header--card{background-color:rgb(var(--aui-color-n-9))}.aui-tab-header--line{border-radius:4px;box-shadow:0 0 4px 0 rgba(50,52,55,.1);background-color:rgb(var(--aui-color-n-10))}.aui-tab-header__pagination-wrapper{display:flex;overflow:hidden;flex-grow:1;align-items:center;position:relative}.aui-tab-header__pagination-button{width:32px;align-self:stretch;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;z-index:3;box-shadow:0 0 4px #ccc;opacity:.6;transition:box-shadow .3s,opacity .3s,color .3s}.aui-tab-header__pagination-button:hover{opacity:1;color:rgb(var(--aui-color-primary))}.aui-tab-header__pagination-button:first-of-type{margin-right:1px}.aui-tab-header__pagination-button:last-of-type{margin-left:1px}.aui-tab-header__pagination-button[disabled]{cursor:default;box-shadow:none;opacity:.1}.aui-tab-header__tab-list-container{display:flex;flex-grow:1;overflow:hidden;position:relative;z-index:1}.aui-tab-header__tab-list{flex-grow:1;position:relative;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header__labels{display:flex}.aui-tab-header__labels:focus{outline:none}.aui-tab-header__addon{display:inline-flex;align-items:center;justify-content:center;margin:0 8px}.aui-tab-header__spacer{flex:1 1 0}.aui-tab-label{position:relative;cursor:pointer;box-sizing:border-box;text-align:center;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;color:rgb(var(--aui-color-n-2));font-weight:400;z-index:2;transition:opacity .3s}.aui-tab-label.isActive,.aui-tab-label:focus{outline:none}.aui-tab-label:not(.aui-tab-label--disabled).isActive{font-weight:500}.aui-tab-label:not(.aui-tab-label--disabled).isActive,.aui-tab-label:not(.aui-tab-label--disabled):hover{color:rgb(var(--aui-color-primary))}.aui-tab-label.aui-tab-label--disabled{cursor:not-allowed;opacity:.2}.aui-tab-label__content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.aui-tab-label__close{margin-left:8px;font-size:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:rgb(var(--aui-color-n-4));transition:all .3s ease}.aui-tab-label__close:hover{color:rgb(var(--aui-color-n-9));background-color:rgb(var(--aui-color-n-4))}.aui-tab-label.cdk-focused:not(.cdk-mouse-focused){box-shadow:inset 0 0 0 3px rgba(0,122,245,.3)}aui-tab-header-active-indicator{display:flex;height:100%;position:absolute;top:0;pointer-events:none;transition:all .3s cubic-bezier(.35,0,.25,1)}.aui-tab-header-active-indicator{position:relative;flex:1;height:100%;z-index:1}.aui-tab-header-active-indicator:after{content:\"\";position:absolute;display:block;background:#007af5;height:2px}.aui-tab-header-active-indicator--line:after{width:100%;left:0;bottom:0}.aui-tab-header-active-indicator--card{background-color:rgb(var(--aui-color-n-10))}.aui-tab-header-active-indicator--card:after{width:calc(100% + 2px);top:0;left:-1px}"]
             },] }
 ];
 TabHeaderComponent.ctorParameters = () => [
@@ -7997,408 +8074,6 @@ StatusBarModule.decorators = [
             },] }
 ];
 
-class NavItemIconDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-NavItemIconDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '*[auiNavItemIcon]',
-                exportAs: 'auiNavItemIcon',
-            },] }
-];
-NavItemIconDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-class NavItemContentDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-NavItemContentDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '*[auiNavItemContent]',
-                exportAs: 'auiNavItemContent',
-            },] }
-];
-NavItemContentDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-let uniqueId$5 = 0;
-class NavItemComponent {
-    constructor(parentItem, group) {
-        this.parentItem = parentItem;
-        this._key = 'aui-nav-item--' + uniqueId$5++;
-        this.divider = false;
-        this.depth = 0;
-        this.group = group;
-        if (parentItem) {
-            this.depth = parentItem.depth + 1;
-        }
-    }
-    get key() {
-        return this._key;
-    }
-    set key(val) {
-        if (val) {
-            this._key = val;
-        }
-    }
-    get subItems() {
-        var _a;
-        return (_a = this._subItems) === null || _a === void 0 ? void 0 : _a.filter(item => item !== this);
-    }
-}
-NavItemComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-nav-item',
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                preserveWhitespaces: false
-            },] }
-];
-NavItemComponent.ctorParameters = () => [
-    { type: NavItemComponent, decorators: [{ type: SkipSelf }, { type: Optional }] },
-    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef(() => NavItemGroupComponent),] }] }
-];
-NavItemComponent.propDecorators = {
-    _subItems: [{ type: ContentChildren, args: [NavItemComponent,] }],
-    key: [{ type: Input }],
-    divider: [{ type: Input }],
-    icon: [{ type: ContentChild, args: [NavItemIconDirective, { static: true },] }],
-    content: [{ type: ContentChild, args: [NavItemContentDirective, { static: true },] }]
-};
-
-class NavItemGroupTitleDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-NavItemGroupTitleDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '*[auiNavItemGroupTitle]',
-                exportAs: 'auiNavItemGroupTitle',
-            },] }
-];
-NavItemGroupTitleDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-class NavItemGroupComponent {
-}
-NavItemGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-nav-item-group',
-                template: '',
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                preserveWhitespaces: false
-            },] }
-];
-NavItemGroupComponent.propDecorators = {
-    title: [{ type: ContentChild, args: [NavItemGroupTitleDirective,] }],
-    items: [{ type: ContentChildren, args: [forwardRef(() => NavItemComponent),] }]
-};
-
-class NavItemUlComponent {
-    constructor() {
-        this.mainPanelCollapsed = true;
-        this.focusedItemChanged = new EventEmitter();
-    }
-    trackByKey(_, item) {
-        return item.key;
-    }
-}
-NavItemUlComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-nav-item-ul',
-                template: "<div class=\"aui-nav-item-ul\" [class.isMainPanelCollapsed]=\"mainPanelCollapsed\">\n  <aui-nav-item-li\n    *ngFor=\"let item of items; trackBy: trackByKey\"\n    [item]=\"item\"\n    [mainPanelCollapsed]=\"mainPanelCollapsed\"\n    (itemFocused)=\"focusedItemChanged.emit($event)\"\n  ></aui-nav-item-li>\n\n  <div *ngFor=\"let group of groups\" class=\"aui-nav-item-group\">\n    <div\n      *ngIf=\"!mainPanelCollapsed && group.title\"\n      class=\"aui-nav-item-group__title\"\n    >\n      <ng-container [ngTemplateOutlet]=\"group.title.template\"></ng-container>\n    </div>\n    <aui-nav-item-li\n      *ngFor=\"let item of group.items; trackBy: trackByKey\"\n      [item]=\"item\"\n      [mainPanelCollapsed]=\"mainPanelCollapsed\"\n      (itemFocused)=\"focusedItemChanged.emit($event)\"\n    ></aui-nav-item-li>\n  </div>\n</div>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                preserveWhitespaces: false,
-                styles: [".aui-nav-item-group{position:relative}.aui-nav-item-group .aui-nav-item-group__title{padding:8px 8px 4px}.aui-nav-item-group__title{color:rgb(var(--aui-color-n-4));font-size:12px;line-height:16px}.aui-nav-item-ul.isMainPanelCollapsed .aui-nav-item-group+.aui-nav-item-group{margin-top:9px}.aui-nav-item-ul.isMainPanelCollapsed .aui-nav-item-group+.aui-nav-item-group:before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:0;top:-9px;padding:4px;height:9px;width:100%;background-clip:content-box;background-color:#3d3d3d}.aui-nav-item-group__title+.aui-nav-item__content{margin-top:2px}"]
-            },] }
-];
-NavItemUlComponent.propDecorators = {
-    items: [{ type: Input }],
-    groups: [{ type: Input }],
-    mainPanelCollapsed: [{ type: Input }],
-    focusedItemChanged: [{ type: Output }]
-};
-
-class NavMenuComponent {
-    constructor() {
-        this.activatedKey$$ = new ReplaySubject(1);
-        this.expandedKey$$ = new ReplaySubject(1);
-        this.focusedItemKey$$ = new BehaviorSubject(null);
-        this.secondaryPanelHover$$ = new BehaviorSubject(false);
-        this.mainPanelCollapsed = false;
-        this.secondaryPanelCollapsed = false;
-        this.hideMainPanelToggle = false;
-        this.hideSecondaryPanelToggle = false;
-        this.theme = 'dark';
-        this.activatedKeyChange = new EventEmitter();
-        this.mainPanelCollapsedChange = new EventEmitter();
-        this.secondaryPanelCollapsedChange = new EventEmitter();
-    }
-    get activatedKey() {
-        return this._activatedKey;
-    }
-    set activatedKey(val) {
-        this._activatedKey = val;
-        this.activatedKey$$.next(val);
-    }
-    ngAfterContentInit() {
-        this.items$ = this.items.changes.pipe(startWith(this.items), map((list) => list.toArray()), publishReplay(1), refCount());
-        this.groups$ = this.groups.changes.pipe(startWith(this.groups), map((list) => list.toArray()), publishReplay(1), refCount());
-        this.activeKeys$ = combineLatest([
-            this.activatedKey$$,
-            this.flatItems.changes.pipe(startWith(this.flatItems)),
-        ]).pipe(map(([key, items]) => items.find(item => item.key === key)), map(item => this.getItemPath(item)), publishReplay(1), refCount());
-        this.expandedKeys$ = combineLatest([
-            merge(this.activatedKey$$, this.expandedKey$$),
-            this.flatItems.changes.pipe(startWith(this.flatItems)),
-        ]).pipe(map(([key, items]) => items.find(item => item.key === key)), map(item => this.getItemPath(item)), publishReplay(1), refCount());
-        this.stickedItem$ = this.focusedItemKey$$
-            .pipe(bufferCount(2, 1), startWith([null, null]), debounceTime(0), switchMap(([prevKey, currKey]) => currKey
-            ? of(currKey)
-            : this.secondaryPanelHover$$.pipe(debounceTime(0), switchMap(hover => (hover ? of(prevKey) : of(null))))))
-            .pipe(switchMap(key => combineLatest([
-            of(key),
-            this.flatItems.changes.pipe(startWith(this.flatItems)),
-        ])), switchMap(([key, items]) => {
-            const stickedItem = items.find(item => item.key === key);
-            return (stickedItem === null || stickedItem === void 0 ? void 0 : stickedItem.subItems.length) > 0
-                ? of(stickedItem)
-                : this.expandedKeys$.pipe(map(keys => keys[0]), map(expandedKey => items.find(item => item.key === expandedKey)));
-        }), filter(item => !!item), distinctUntilKeyChanged('key'), publishReplay(1), refCount());
-        this.hasFocusedItem$ = combineLatest([
-            this.flatItems.changes.pipe(startWith(this.flatItems)),
-            this.focusedItemKey$$.pipe(distinctUntilChanged()),
-            this.secondaryPanelHover$$,
-        ]).pipe(map(([items, key, hover]) => {
-            const focusedItem = items.find(item => item.key === key);
-            return (focusedItem === null || focusedItem === void 0 ? void 0 : focusedItem.subItems.length) > 0 || hover;
-        }), debounceTime(0));
-    }
-    handleMainPanelExpandButtonClicked() {
-        this.mainPanelCollapsedChange.emit(!this.mainPanelCollapsed);
-    }
-    handleSecondaryPanelExpandButtonClicked() {
-        this.secondaryPanelCollapsedChange.emit(!this.secondaryPanelCollapsed);
-    }
-    handleFocusedItemChanged(key) {
-        this.focusedItemKey$$.next(key);
-    }
-    handleSecondaryPanelHover(hover) {
-        this.secondaryPanelHover$$.next(hover);
-        if (!hover) {
-            this.focusedItemKey$$.next(null);
-        }
-    }
-    activatedKeyChanged(key) {
-        this.activatedKeyChange.emit(key);
-    }
-    expandedKeyChanged(key) {
-        this.expandedKey$$.next(key);
-    }
-    getItemPath(item) {
-        if (!item) {
-            return [];
-        }
-        return item.parentItem
-            ? [...this.getItemPath(item.parentItem), item.key]
-            : [item.key];
-    }
-}
-NavMenuComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-nav-menu',
-                template: "<div\n  class=\"aui-nav-menu\"\n  [class.isMainPanelCollapsed]=\"mainPanelCollapsed\"\n  [class.isSecondaryPanelCollapsed]=\"secondaryPanelCollapsed\"\n>\n  <div class=\"aui-nav-menu__main-panel\">\n    <div class=\"aui-nav-menu__main-panel-content\" cdkScrollable>\n      <aui-nav-item-ul\n        [items]=\"items$ | async\"\n        [groups]=\"groups$ | async\"\n        [mainPanelCollapsed]=\"mainPanelCollapsed\"\n        (focusedItemChanged)=\"handleFocusedItemChanged($event)\"\n      ></aui-nav-item-ul>\n    </div>\n    <div\n      *ngIf=\"!hideMainPanelToggle\"\n      class=\"aui-nav-menu__main-panel-footer\"\n      (click)=\"handleMainPanelExpandButtonClicked()\"\n    >\n      <aui-icon\n        [icon]=\"\n          !mainPanelCollapsed ? 'angle_double_left' : 'angle_double_right'\n        \"\n      ></aui-icon>\n    </div>\n  </div>\n\n  <div\n    *ngIf=\"mainPanelCollapsed\"\n    class=\"aui-nav-menu__secondary-panel\"\n    (mouseleave)=\"handleSecondaryPanelHover(false)\"\n  >\n    <div\n      *ngIf=\"\n        (!secondaryPanelCollapsed || (hasFocusedItem$ | async)) &&\n        (stickedItem$ | async) &&\n        (stickedItem$ | async).subItems.length\n      \"\n      class=\"aui-nav-menu__secondary-panel-content\"\n      cdkScrollable\n      (mouseenter)=\"handleSecondaryPanelHover(true)\"\n    >\n      <div class=\"aui-nav-menu__secondary-panel-title\">\n        <div\n          *ngIf=\"(stickedItem$ | async).group\"\n          class=\"aui-nav-item-group__title\"\n        >\n          <ng-container\n            [ngTemplateOutlet]=\"(stickedItem$ | async).group.title.template\"\n          ></ng-container>\n        </div>\n        <div class=\"aui-nav-item__content\">\n          <ng-container\n            [ngTemplateOutlet]=\"(stickedItem$ | async).content.template\"\n          ></ng-container>\n        </div>\n      </div>\n      <aui-nav-item-ul\n        [items]=\"(stickedItem$ | async).subItems\"\n        [mainPanelCollapsed]=\"mainPanelCollapsed\"\n      ></aui-nav-item-ul>\n    </div>\n    <div\n      *ngIf=\"!hideSecondaryPanelToggle\"\n      class=\"aui-nav-menu__secondary-panel-expand-button\"\n      (click)=\"handleSecondaryPanelExpandButtonClicked()\"\n    >\n      <aui-icon\n        [icon]=\"\n          !secondaryPanelCollapsed ? 'navigation_collapse' : 'navigation_expand'\n        \"\n      ></aui-icon>\n    </div>\n  </div>\n</div>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                preserveWhitespaces: false,
-                styles: [".aui-nav-menu{width:-webkit-fit-content;width:fit-content;width:-moz-fit-content;height:100%;display:flex;position:relative;color:rgb(var(--aui-color-n-4));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.aui-nav-menu__main-panel{display:flex;flex-direction:column;width:200px;height:100%;background-color:#333}.aui-nav-menu__main-panel-content{height:100%;overflow-x:hidden;overflow-y:auto}.aui-nav-menu__main-panel-content::-webkit-scrollbar{width:4px;height:4px}.aui-nav-menu__main-panel-content::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3)}.aui-nav-menu__main-panel-footer{flex-shrink:0;height:20px;padding:0 12px;display:flex;justify-content:flex-end;align-items:center;font-size:16px;cursor:pointer}.aui-nav-menu__main-panel-footer:hover{color:#fff;background-color:#3d3d3d}.aui-nav-menu.isMainPanelCollapsed .aui-nav-menu__main-panel{width:48px}.aui-nav-menu.isMainPanelCollapsed .aui-nav-menu__main-panel-footer{justify-content:center}.aui-nav-menu.isSecondaryPanelCollapsed .aui-nav-menu__secondary-panel{position:absolute;top:0;left:48px}.aui-nav-menu__secondary-panel{height:100%;background-color:#272727;position:relative}.aui-nav-menu__secondary-panel .aui-nav-item__icon{display:none}.aui-nav-menu__secondary-panel-content{padding:4px;width:152px;height:100%;overflow-x:hidden;overflow-y:auto}.aui-nav-menu__secondary-panel-content::-webkit-scrollbar{width:4px;height:4px}.aui-nav-menu__secondary-panel-content::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3)}.aui-nav-menu__secondary-panel-title{padding:13px 4px;border-bottom:1px solid #3d3d3d;color:#fff}.aui-nav-menu__secondary-panel-title .aui-nav-item__content{padding:0 12px}.aui-nav-menu__secondary-panel-expand-button{width:16px;height:16px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;right:-16px;transform:translateY(-50%);font-size:16px;cursor:pointer}.aui-nav-menu__secondary-panel-expand-button:hover{color:#007af5}"]
-            },] }
-];
-NavMenuComponent.propDecorators = {
-    activatedKey: [{ type: Input }],
-    mainPanelCollapsed: [{ type: Input }],
-    secondaryPanelCollapsed: [{ type: Input }],
-    hideMainPanelToggle: [{ type: Input }],
-    hideSecondaryPanelToggle: [{ type: Input }],
-    theme: [{ type: Input }],
-    activatedKeyChange: [{ type: Output }],
-    mainPanelCollapsedChange: [{ type: Output }],
-    secondaryPanelCollapsedChange: [{ type: Output }],
-    items: [{ type: ContentChildren, args: [NavItemComponent,] }],
-    groups: [{ type: ContentChildren, args: [NavItemGroupComponent,] }],
-    flatItems: [{ type: ContentChildren, args: [NavItemComponent, { descendants: true },] }]
-};
-
-class NavItemLiComponent {
-    constructor(navMenu) {
-        this.navMenu = navMenu;
-        this.item$$ = new ReplaySubject(1);
-        this.mainPanelCollapsed = true;
-        this.itemFocused = new EventEmitter();
-        this.isActive$ = combineLatest([this.navMenu.activeKeys$, this.item$$]).pipe(map(([activeKeys, item]) => activeKeys.includes(item.key)), tap(isActive => {
-            this.snapshot.isActive = isActive;
-        }), publishReplay(1), refCount());
-        this.isExpanded$ = combineLatest([this.navMenu.expandedKeys$, this.item$$]).pipe(map(([expandedKeys, item]) => item.subItems.length && expandedKeys.includes(item.key)), tap(isExpanded => {
-            this.snapshot.isExpanded = isExpanded;
-        }), publishReplay(1), refCount());
-        this.isSticked$ = combineLatest([
-            this.navMenu.stickedItem$.pipe(map(item => item.key)),
-            this.item$$,
-        ]).pipe(map(([stickedKey, item]) => item.depth === 0 && stickedKey === item.key), publishReplay(1), refCount());
-        this.snapshot = {
-            isActive: false,
-            isExpanded: false,
-        };
-    }
-    get item() {
-        return this._item;
-    }
-    set item(val) {
-        this._item = val;
-        this.item$$.next(val);
-    }
-    get hasSubItem() {
-        return !!this.item.subItems.length;
-    }
-    get displayItemContent() {
-        return !this.mainPanelCollapsed || this.item.depth !== 0;
-    }
-    handleContentClicked() {
-        var _a;
-        if (!this.displayItemContent && this.snapshot.isExpanded) {
-            return;
-        }
-        if (this.hasSubItem ||
-            (!this.displayItemContent && this.snapshot.isActive)) {
-            this.navMenu.expandedKeyChanged(this.snapshot.isExpanded ? (_a = this.item.parentItem) === null || _a === void 0 ? void 0 : _a.key : this.item.key);
-        }
-        else {
-            this.navMenu.activatedKeyChanged(this.item.key);
-        }
-    }
-    handleContentFocused(hover) {
-        this.itemFocused.emit(hover ? this.item.key : null);
-    }
-}
-NavItemLiComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-nav-item-li',
-                template: "<div\n  class=\"aui-nav-item-li\"\n  [class.isActive]=\"item.depth === 0 && (isActive$ | async)\"\n  [class.isExpanded]=\"isExpanded$ | async\"\n  [class.hasDivider]=\"item.divider\"\n>\n  <div\n    class=\"aui-nav-item-li__content\"\n    [class.isActive]=\"isActive$ | async\"\n    [class.isExpanded]=\"isExpanded$ | async\"\n    [class.isSticked]=\"mainPanelCollapsed && (isSticked$ | async)\"\n    [class.hasSubItem]=\"hasSubItem\"\n    [class.isMainPanelCollapsed]=\"mainPanelCollapsed\"\n    [attr.data-set-depth]=\"item.depth\"\n    (click)=\"handleContentClicked()\"\n    (mouseenter)=\"handleContentFocused(true)\"\n    (mouseleave)=\"handleContentFocused(false)\"\n    [auiTooltip]=\"tooltipTemplate\"\n    [auiTooltipDisabled]=\"!mainPanelCollapsed || item.depth !== 0 || hasSubItem\"\n    auiTooltipType=\"info\"\n    auiTooltipPosition=\"end\"\n    auiTooltipClass=\"aui-nav-item-tooltip\"\n  >\n    <div class=\"aui-nav-item\">\n      <div class=\"aui-nav-item__icon\">\n        <ng-container\n          *ngIf=\"item.icon\"\n          [ngTemplateOutlet]=\"item.icon.template\"\n        ></ng-container>\n      </div>\n      <div *ngIf=\"displayItemContent\" class=\"aui-nav-item__content\">\n        <ng-container [ngTemplateOutlet]=\"item.content.template\"></ng-container>\n      </div>\n    </div>\n    <aui-icon\n      *ngIf=\"hasSubItem && displayItemContent\"\n      class=\"aui-nav-item-li__expansion-indicator\"\n      icon=\"angle_left\"\n    ></aui-icon>\n  </div>\n\n  <div\n    *ngIf=\"hasSubItem && displayItemContent\"\n    class=\"aui-nav-item-li__sub-items\"\n  >\n    <aui-nav-item-ul\n      [hidden]=\"!(isExpanded$ | async)\"\n      [items]=\"item.subItems\"\n    ></aui-nav-item-ul>\n  </div>\n</div>\n\n<ng-template #tooltipTemplate>\n  <ng-container [ngTemplateOutlet]=\"item.content.template\"></ng-container>\n</ng-template>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                preserveWhitespaces: false,
-                styles: [".aui-nav-item-li{position:relative}.aui-nav-item-li.isExpanded{background-color:#272727}.aui-nav-item-li.isActive:before{content:\"\";display:block;width:4px;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:#007af5}.aui-nav-item-li.hasDivider{margin-bottom:9px}.aui-nav-item-li.hasDivider:after{content:\"\";display:block;box-sizing:border-box;position:absolute;left:0;bottom:-9px;padding:4px 8px;height:9px;width:100%;background-clip:content-box;background-color:#555}.aui-nav-item-ul.isMainPanelCollapsed .aui-nav-item-li.hasDivider:after{padding:4px}.aui-nav-item-li__content{padding:7px 12px 7px 16px;display:flex;justify-content:space-between;position:relative;cursor:pointer}.aui-nav-item-li__content:hover{color:#fff;background-color:#3d3d3d}.aui-nav-item-li__content.isActive.hasSubItem:not(.isExpanded),.aui-nav-item-li__content.isActive:not(.hasSubItem){color:#fff}.aui-nav-item-li__content[data-set-depth=\"0\"]{padding:13px 12px 13px 16px}.aui-nav-item-li__content[data-set-depth=\"0\"].isMainPanelCollapsed.hasSubItem:after{content:\"\";position:absolute;left:36px;bottom:12px;width:0;height:0;border-left:4px solid transparent;border-bottom:4px solid}.aui-nav-item-li__content[data-set-depth=\"0\"].isMainPanelCollapsed.isActive{background-color:#333}.aui-nav-item-li__content[data-set-depth=\"0\"].isMainPanelCollapsed.isSticked{color:#fff;background-color:#272727}.aui-nav-item-li__content[data-set-depth=\"0\"].isMainPanelCollapsed:hover{color:#fff}.aui-nav-item-li__content[data-set-depth=\"0\"].isMainPanelCollapsed.hasSubItem:hover{background-color:#272727}.aui-nav-item-li__content[data-set-depth=\"2\"]{padding-left:28px}.aui-nav-item-li__expansion-indicator{margin-left:8px;font-size:16px;line-height:18px}.aui-nav-item-li__content.isExpanded .aui-nav-item-li__expansion-indicator{transform:rotate(-90deg)}.aui-nav-item{display:flex;align-items:center;width:100%}.aui-nav-item__icon{margin-right:8px;width:16px;height:18px;line-height:18px;font-size:16px}.aui-nav-item__content{width:100%;font-size:14px;line-height:18px}.aui-tooltip.aui-nav-item-tooltip{padding:2px 6px;color:rgb(var(--aui-color-n-1))}"]
-            },] }
-];
-NavItemLiComponent.ctorParameters = () => [
-    { type: NavMenuComponent }
-];
-NavItemLiComponent.propDecorators = {
-    item: [{ type: Input }],
-    mainPanelCollapsed: [{ type: Input }],
-    itemFocused: [{ type: Output }],
-    subUl: [{ type: ViewChild, args: [NavItemUlComponent, { static: true },] }]
-};
-
-class NavMenuModule {
-}
-NavMenuModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, ScrollingModule$1, IconModule, TooltipModule],
-                declarations: [
-                    NavMenuComponent,
-                    NavItemGroupComponent,
-                    NavItemComponent,
-                    NavItemIconDirective,
-                    NavItemContentDirective,
-                    NavItemGroupTitleDirective,
-                    NavItemUlComponent,
-                    NavItemLiComponent,
-                ],
-                exports: [
-                    NavMenuComponent,
-                    NavItemGroupComponent,
-                    NavItemComponent,
-                    NavItemIconDirective,
-                    NavItemContentDirective,
-                    NavItemGroupTitleDirective,
-                ],
-            },] }
-];
-
-class PlatformNavComponent {
-    constructor() {
-        this.mainPanelCollapsed = false;
-        this.secondaryPanelCollapsed = false;
-        this.hideMainPanelToggle = false;
-        this.hideSecondaryPanelToggle = false;
-        this.theme = 'dark';
-        this.mainPanelCollapsedChange = new EventEmitter();
-        this.secondaryPanelCollapsedChange = new EventEmitter();
-        this.activatedKeyChange = new EventEmitter();
-        this.activatedItemChange = new EventEmitter();
-    }
-    handleActivatedKeyChange(key) {
-        this.activatedKeyChange.emit(key);
-        this.activatedItemChange.emit(this.findActivatedItem(key));
-    }
-    trackByKey(_, item) {
-        return item.key;
-    }
-    findActivatedItem(key) {
-        const items = this.items ||
-            this.groups.reduce((prevValue, currValue) => [...prevValue, ...currValue.items], []);
-        return this.flatItems(items).find(item => item.key === key);
-    }
-    flatItems(items) {
-        return items.reduce((prevValue, currValue) => currValue.children
-            ? [...prevValue, ...this.flatItems(currValue.children)]
-            : [...prevValue, currValue], []);
-    }
-}
-PlatformNavComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-platform-nav',
-                template: "<aui-nav-menu\n  class=\"aui-platform-nav\"\n  [activatedKey]=\"activatedKey\"\n  [mainPanelCollapsed]=\"mainPanelCollapsed\"\n  [secondaryPanelCollapsed]=\"secondaryPanelCollapsed\"\n  [hideMainPanelToggle]=\"hideMainPanelToggle\"\n  [hideSecondaryPanelToggle]=\"hideSecondaryPanelToggle\"\n  [theme]=\"theme\"\n  (activatedKeyChange)=\"handleActivatedKeyChange($event)\"\n  (mainPanelCollapsedChange)=\"mainPanelCollapsedChange.emit($event)\"\n  (secondaryPanelCollapsedChange)=\"secondaryPanelCollapsedChange.emit($event)\"\n>\n  <ng-container *ngIf=\"items\">\n    <aui-nav-item\n      *ngFor=\"let item of items; trackBy: trackByKey\"\n      [key]=\"item.key\"\n      [divider]=\"item.divider\"\n    >\n      <aui-icon *auiNavItemIcon [icon]=\"item.icon\"></aui-icon>\n      <div *auiNavItemContent class=\"aui-platform-nav__item\">\n        <div class=\"aui-platform-nav__label\">{{ item.label }}</div>\n        <div *ngIf=\"item.stage\" class=\"aui-platform-nav__stage\">\n          {{ item.stage }}\n        </div>\n      </div>\n\n      <ng-container *ngIf=\"item.children\">\n        <aui-nav-item\n          *ngFor=\"let item of item.children; trackBy: trackByKey\"\n          [key]=\"item.key\"\n          [divider]=\"item.divider\"\n        >\n          <div *auiNavItemContent class=\"aui-platform-nav__item\">\n            <div class=\"aui-platform-nav__label\">{{ item.label }}</div>\n            <div *ngIf=\"item.stage\" class=\"aui-platform-nav__stage\">\n              {{ item.stage }}\n            </div>\n          </div>\n\n          <ng-container *ngIf=\"item.children\">\n            <aui-nav-item\n              *ngFor=\"let item of item.children; trackBy: trackByKey\"\n              [key]=\"item.key\"\n              [divider]=\"item.divider\"\n            >\n              <div *auiNavItemContent class=\"aui-platform-nav__item\">\n                <div class=\"aui-platform-nav__label\">{{ item.label }}</div>\n                <div *ngIf=\"item.stage\" class=\"aui-platform-nav__stage\">\n                  {{ item.stage }}\n                </div>\n              </div>\n            </aui-nav-item>\n          </ng-container>\n        </aui-nav-item>\n      </ng-container>\n    </aui-nav-item>\n  </ng-container>\n\n  <ng-container *ngIf=\"groups\">\n    <aui-nav-item-group *ngFor=\"let group of groups\">\n      <ng-template *ngIf=\"group.title\" auiNavItemGroupTitle>\n        {{ group.title }}\n      </ng-template>\n      <aui-nav-item\n        *ngFor=\"let item of group.items; trackBy: trackByKey\"\n        [key]=\"item.key\"\n        [divider]=\"item.divider\"\n      >\n        <aui-icon *auiNavItemIcon [icon]=\"item.icon\"></aui-icon>\n        <div *auiNavItemContent class=\"aui-platform-nav__item\">\n          <div class=\"aui-platform-nav__label\">{{ item.label }}</div>\n          <div *ngIf=\"item.stage\" class=\"aui-platform-nav__stage\">\n            {{ item.stage }}\n          </div>\n        </div>\n\n        <ng-container *ngIf=\"item.children\">\n          <aui-nav-item\n            *ngFor=\"let item of item.children; trackBy: trackByKey\"\n            [key]=\"item.key\"\n            [divider]=\"item.divider\"\n          >\n            <div *auiNavItemContent class=\"aui-platform-nav__item\">\n              <div class=\"aui-platform-nav__label\">{{ item.label }}</div>\n              <div *ngIf=\"item.stage\" class=\"aui-platform-nav__stage\">\n                {{ item.stage }}\n              </div>\n            </div>\n\n            <ng-container *ngIf=\"item.children\">\n              <aui-nav-item\n                *ngFor=\"let item of item.children; trackBy: trackByKey\"\n                [key]=\"item.key\"\n                [divider]=\"item.divider\"\n              >\n                <div *auiNavItemContent class=\"aui-platform-nav__item\">\n                  <div class=\"aui-platform-nav__label\">{{ item.label }}</div>\n                  <div *ngIf=\"item.stage\" class=\"aui-platform-nav__stage\">\n                    {{ item.stage }}\n                  </div>\n                </div>\n              </aui-nav-item>\n            </ng-container>\n          </aui-nav-item>\n        </ng-container>\n      </aui-nav-item>\n    </aui-nav-item-group>\n  </ng-container>\n</aui-nav-menu>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                preserveWhitespaces: false,
-                styles: [".aui-platform-nav__item{display:flex;justify-content:space-between;align-items:center;width:100%}.aui-platform-nav__stage{margin-left:4px;color:#ffdf00}.aui-nav-item-tooltip .aui-platform-nav__stage,.aui-platform-nav__stage{font-family:Calibri;font-size:12px;font-weight:700;font-style:italic;transform:scale(.8333)}.aui-nav-item-tooltip .aui-platform-nav__stage{display:inline-block;padding:0 4.8px;border-radius:7.2px;line-height:14.4px;color:#333;background-color:#ffdf00}"]
-            },] }
-];
-PlatformNavComponent.propDecorators = {
-    items: [{ type: Input }],
-    groups: [{ type: Input }],
-    mainPanelCollapsed: [{ type: Input }],
-    secondaryPanelCollapsed: [{ type: Input }],
-    hideMainPanelToggle: [{ type: Input }],
-    hideSecondaryPanelToggle: [{ type: Input }],
-    activatedKey: [{ type: Input }],
-    theme: [{ type: Input }],
-    mainPanelCollapsedChange: [{ type: Output }],
-    secondaryPanelCollapsedChange: [{ type: Output }],
-    activatedKeyChange: [{ type: Output }],
-    activatedItemChange: [{ type: Output }]
-};
-
-class PlatformNavModule {
-}
-PlatformNavModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, NavMenuModule, IconModule],
-                declarations: [PlatformNavComponent],
-                exports: [PlatformNavComponent],
-            },] }
-];
-
 class ColorPickerComponent extends CommonFormControl {
     writeValue(val) {
         this.value$$.next(val);
@@ -8503,7 +8178,7 @@ AccordionItemComponent.decorators = [
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
                 viewProviders: [AccordionItemComponent],
-                styles: [".aui-accordion-item{display:block;border-top:1px solid #ededed;box-sizing:content-box}.aui-accordion-item__header{width:100%;display:inline-flex;flex-direction:row;align-items:center;overflow:hidden;padding:12px 0;cursor:pointer}.aui-accordion-item__header-toggle{color:#666;background:transparent;font-size:16px}.aui-accordion-item__header-toggle--expanded{transform:rotate(90deg)}.aui-accordion-item__header-toggle--right{flex-direction:row-reverse;justify-content:space-between}"]
+                styles: [".aui-accordion-item{display:block;border-top:1px solid #ededed;box-sizing:content-box}.aui-accordion-item__header{width:100%;display:inline-flex;flex-direction:row;align-items:center;overflow:hidden;padding:12px 0;cursor:pointer}.aui-accordion-item__header-toggle{color:#666;background:transparent;font-size:var(--aui-font-size-l)}.aui-accordion-item__header-toggle--expanded{transform:rotate(90deg)}.aui-accordion-item__header-toggle--right{flex-direction:row-reverse;justify-content:space-between}"]
             },] }
 ];
 AccordionItemComponent.ctorParameters = () => [
@@ -8542,119 +8217,6 @@ AccordionModule.decorators = [
             },] }
 ];
 
-class PageHeaderDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-PageHeaderDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[auiPageHeader]',
-            },] }
-];
-PageHeaderDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-class PageContentDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-PageContentDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[auiPageContent]',
-            },] }
-];
-PageContentDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-class PageSiderDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-PageSiderDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[auiPageSider]',
-            },] }
-];
-PageSiderDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-class PageToolbarDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-PageToolbarDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[auiPageToolbar]',
-            },] }
-];
-PageToolbarDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-class PageSnackbarDirective {
-    constructor(template) {
-        this.template = template;
-    }
-}
-PageSnackbarDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[auiPageSnackbar]',
-            },] }
-];
-PageSnackbarDirective.ctorParameters = () => [
-    { type: TemplateRef }
-];
-
-class PageComponent {
-}
-PageComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-page',
-                template: "<div\n  class=\"aui-page\"\n  [class.hasHeader]=\"pageHeader\"\n  [class.hasSider]=\"pageSider\"\n  [class.hasToolbar]=\"pageToolbar\"\n  [class.hasSnackbar]=\"pageSnackbars.length\"\n>\n  <div class=\"aui-page__header\" *ngIf=\"pageHeader\">\n    <ng-container *ngTemplateOutlet=\"pageHeader\"></ng-container>\n  </div>\n  <div class=\"aui-page__sider\" *ngIf=\"pageSider\">\n    <ng-container *ngTemplateOutlet=\"pageSider\"></ng-container>\n  </div>\n  <div class=\"aui-page__toolbar\" *ngIf=\"pageToolbar\">\n    <ng-container *ngTemplateOutlet=\"pageToolbar\"></ng-container>\n  </div>\n  <div class=\"aui-page__snackbar\" *ngIf=\"pageSnackbars.length\">\n    <ng-container *ngTemplateOutlet=\"pageSnackbars.first\"></ng-container>\n  </div>\n  <div class=\"aui-page__content\">\n    <ng-container *ngTemplateOutlet=\"pageContent\"></ng-container>\n  </div>\n</div>\n",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                encapsulation: ViewEncapsulation.None,
-                preserveWhitespaces: false,
-                styles: [".aui-page{min-height:100%;background-color:rgb(var(--aui-color-n-9))}.aui-page__header{top:0;z-index:101;justify-content:space-between;height:var(--aui-page-header-height);padding:0 var(--aui-page-padding-m) 0 var(--aui-page-padding-s);background-color:rgb(var(--aui-color-n-10));box-shadow:0 1px 4px 0 rgba(var(--aui-color-n-1),.1)}.aui-page__header,.aui-page__toolbar{position:fixed;left:0;right:0;display:flex;align-items:center}.aui-page__toolbar{top:var(--aui-page-header-height);z-index:100;height:var(--aui-page-toolbar-height);padding:0 var(--aui-page-padding-m);background-color:rgb(var(--aui-color-n-9))}.aui-page__snackbar{position:fixed;bottom:0;left:var(--aui-page-padding-m);right:var(--aui-page-padding-m);z-index:100;display:flex;justify-content:flex-end;align-items:center;height:var(--aui-page-snackbar-height);padding:0 var(--aui-page-padding-m);background-color:rgb(var(--aui-color-n-10));box-shadow:0 -1px 4px 0 rgba(var(--aui-color-n-1),.1);border-radius:var(--aui-border-radius-m)}.aui-page__sider{position:fixed;top:var(--aui-page-header-height);bottom:0;left:0;z-index:100;width:var(--aui-page-sider-width);overflow:auto;background-color:rgb(var(--aui-color-n-9));padding:var(--aui-page-padding-m)}.aui-page__sider::-webkit-scrollbar{width:4px;height:4px}.aui-page__sider::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.aui-page__content{min-height:100vh;position:relative;padding:var(--aui-page-padding-m)}.aui-page.hasHeader .aui-page__content{padding-top:var(--aui-page-header-height)}.aui-page.hasToolbar .aui-page__content{padding-top:var(--aui-page-toolbar-height)}.aui-page.hasHeader.hasToolbar .aui-page__content{padding-top:calc(var(--aui-page-header-height) + var(--aui-page-toolbar-height))}.aui-page.hasSnackbar .aui-page__content{padding-bottom:calc(var(--aui-page-snackbar-height) + var(--aui-page-padding-m))}.aui-page.hasSider .aui-page__snackbar,.aui-page.hasSider .aui-page__toolbar{left:var(--aui-page-sider-width)}.aui-page.hasSider .aui-page__content{padding-left:var(--aui-page-sider-width)}"]
-            },] }
-];
-PageComponent.propDecorators = {
-    pageHeader: [{ type: ContentChild, args: [PageHeaderDirective, { read: TemplateRef },] }],
-    pageContent: [{ type: ContentChild, args: [PageContentDirective, { read: TemplateRef },] }],
-    pageSider: [{ type: ContentChild, args: [PageSiderDirective, { read: TemplateRef },] }],
-    pageToolbar: [{ type: ContentChild, args: [PageToolbarDirective, { read: TemplateRef },] }],
-    pageSnackbars: [{ type: ContentChildren, args: [PageSnackbarDirective, {
-                    read: TemplateRef,
-                    descendants: true,
-                },] }]
-};
-
-class PageModule {
-}
-PageModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [
-                    PageComponent,
-                    PageHeaderDirective,
-                    PageContentDirective,
-                    PageSiderDirective,
-                    PageToolbarDirective,
-                    PageSnackbarDirective,
-                ],
-                exports: [
-                    PageComponent,
-                    PageHeaderDirective,
-                    PageContentDirective,
-                    PageSiderDirective,
-                    PageToolbarDirective,
-                    PageSnackbarDirective,
-                ],
-            },] }
-];
-
 class FixedSizeTableVirtualScrollStrategy {
     constructor() {
         this._rowHeight = 42;
@@ -9239,7 +8801,7 @@ AnchorComponent.decorators = [
                 template: "<div [class]=\"bem.block()\">\n  <aui-anchor-tree\n    [treeItems]=\"treeItems\"\n    [(activeId)]=\"activeId\"\n  ></aui-anchor-tree>\n</div>\n",
                 encapsulation: ViewEncapsulation.None,
                 changeDetection: ChangeDetectionStrategy.OnPush,
-                styles: ["aui-anchor{display:block;position:fixed;z-index:1;white-space:nowrap}.aui-anchor{padding:30px 16px;border-left:1px solid #ededed}.aui-anchor:before{top:0;transform:translate3d(-50%,-50%,0)}.aui-anchor:after,.aui-anchor:before{content:\"\";position:absolute;left:0;width:5px;height:5px;border-radius:50%;background-color:#ededed}.aui-anchor:after{bottom:0;transform:translate3d(-50%,50%,0)}.aui-anchor__label{scroll-margin-top:20px}.aui-page.hasHeader .aui-anchor__label{scroll-margin-top:68px}.aui-page.hasToolbar .aui-anchor__label{scroll-margin-top:64px}.aui-page.hasHeader.hasToolbar .aui-anchor__label{scroll-margin-top:112px}.aui-anchor__item{position:relative;margin-bottom:12px}.aui-anchor__item:before{content:\"\";position:absolute;top:9px;left:-16px;transform:translate3d(-50%,-50%,0);box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-4));width:9px;height:9px;border-radius:50%;background-color:#fff}.aui-anchor__item a{color:rgb(var(--aui-color-n-1))}.aui-anchor__item a:hover{color:#007af5}.aui-anchor__item.active:before{border:0;width:9px;height:9px;border-radius:50%;background-color:#007af5}.aui-anchor__item.active .aui-anchor__item.active a,.aui-anchor__item.active a{color:#007af5}.aui-anchor__item.active .aui-anchor__item:not(.active) a{color:rgb(var(--aui-color-n-2))}.aui-anchor__item .aui-anchor__item{margin-top:4px;margin-bottom:0;margin-left:14px;font-size:10px}.aui-anchor__item .aui-anchor__item:before{display:none}.aui-anchor__item .aui-anchor__item a{color:rgb(var(--aui-color-n-4))}.aui-anchor__item .aui-anchor__item a:hover{color:#007af5}"]
+                styles: ["aui-anchor{display:block;position:fixed;z-index:1;white-space:nowrap}.aui-anchor{padding:30px 16px;border-left:1px solid #ededed}.aui-anchor:before{top:0;transform:translate3d(-50%,-50%,0)}.aui-anchor:after,.aui-anchor:before{content:\"\";position:absolute;left:0;width:5px;height:5px;border-radius:50%;background-color:#ededed}.aui-anchor:after{bottom:0;transform:translate3d(-50%,50%,0)}.aui-anchor__label{scroll-margin-top:20px}.aui-anchor__item{position:relative;margin-bottom:12px}.aui-anchor__item:before{content:\"\";position:absolute;top:9px;left:-16px;transform:translate3d(-50%,-50%,0);box-sizing:border-box;border:1px solid rgb(var(--aui-color-n-4));width:9px;height:9px;border-radius:50%;background-color:#fff}.aui-anchor__item a{color:rgb(var(--aui-color-n-1))}.aui-anchor__item a:hover{color:#007af5}.aui-anchor__item.active:before{border:0;width:9px;height:9px;border-radius:50%;background-color:#007af5}.aui-anchor__item.active .aui-anchor__item.active a,.aui-anchor__item.active a{color:#007af5}.aui-anchor__item.active .aui-anchor__item:not(.active) a{color:rgb(var(--aui-color-n-2))}.aui-anchor__item .aui-anchor__item{margin-top:4px;margin-bottom:0;margin-left:14px;font-size:10px}.aui-anchor__item .aui-anchor__item:before{display:none}.aui-anchor__item .aui-anchor__item a{color:rgb(var(--aui-color-n-4))}.aui-anchor__item .aui-anchor__item a:hover{color:#007af5}"]
             },] }
 ];
 AnchorComponent.ctorParameters = () => [
@@ -11071,5 +10633,5 @@ StepsModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, BackTopComponent, BackTopModule, BaseTooltip, Bem, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonModule, ButtonType, CONTROL_ITEM_HEIGHT, CalendarFooterComponent, CalendarHeaderComponent, CardComponent, CardFooterDirective, CardHeaderDirective, CardModule, CheckTagComponent, CheckboxComponent, CheckboxGroupComponent, CheckboxModule, ColorPickerComponent, ColorPickerModule, CommonForm, CommonFormControl, ComponentSize, ConfirmDialogConfig, ConfirmType, CustomAutoCompleteDirective, DATA, DATE, DATE_NAV_RANGES, DATE_TYPES, DAY, DAY_PANEL_COLUMN_COUNT, DAY_PANEL_ROW_COUNT, DIALOG_DATA, DISPLAY_DELAY, DateNavRange, DatePickerModule, DatePickerPanelComponent, DatePickerTriggerComponent, DatePickerType, DateRangePickerPanelComponent, DialogCloseDirective, DialogConfig, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogModule, DialogRef, DialogService, DialogSize, DrawerComponent, DrawerContentDirective, DrawerFooterDirective, DrawerHeaderDirective, DrawerModule, DrawerRef, DrawerService, DrawerSize, DropdownActiveDirective, DropdownButtonComponent, DropdownDirective, DropdownModule, FixedSizeTableVirtualScrollDirective, FixedSizeTableVirtualScrollStrategy, FixedSizeVirtualScrollDirective, FormDirective, FormItemAddonDirective, FormItemComponent, FormItemControlDirective, FormItemErrorDirective, FormItemHintDirective, FormItemLabelDirective, FormItemWidth, FormModule, HIDDEN_DELAY, HOUR, HOUR_ITEMS, I18NInterfaceToken, I18nModule, I18nPipe, I18nService, ICON_REGISTER_PROVIDER_FACTORY, ICON_REGISTER_SERVICE_PROVIDER, INPUT_ERROR_KEY, IconComponent, IconModule, IconRegisterService, IncludesDirective, InlineAlertComponent, InlineAlertModule, InlineAlertTitleDirective, InlineAlertType, InputComponent, InputGroupComponent, InputModule, LabelPosition, MESSAGE_CONFIG, MESSAGE_DEFAULT_CONFIG, MINUTE, MINUTE_ITEMS, MONTH, MONTH_PANEL_COLUMN_COUNT, MONTH_PANEL_ROW_COUNT, MenuComponent, MenuContentDirective, MenuGroupComponent, MenuItemComponent, MenuItemType, MessageConfig, MessageModule, MessageService, MessageType, MultiSelectComponent, NOTIFICATION_CONFIG, NOTIFICATION_DEFAULT_CONFIG, NavItemComponent, NavItemContentDirective, NavItemGroupComponent, NavItemGroupTitleDirective, NavItemIconDirective, NavMenuComponent, NavMenuModule, NotificationComponent, NotificationModule, NotificationService, NumberInputComponent, OptionComponent, OptionContentDirective, OptionGroupComponent, OptionGroupTitleDirective, OptionPlaceholderComponent, PAGINATOR_INTL_PROVIDER, PAGINATOR_INTL_PROVIDER_FACTORY, PageComponent, PageContentDirective, PageEvent, PageHeaderDirective, PageModule, PageSiderDirective, PageSnackbarDirective, PageToolbarDirective, PaginatorComponent, PaginatorIntl, PaginatorModule, PickerPanelComponent, PlatformNavComponent, PlatformNavModule, RadioButtonComponent, RadioComponent, RadioGroupComponent, RadioModule, RadioSize, RangePickerComponent, SECOND, SECOND_ITEMS, ScrollingModule, SearchComponent, SectionComponent, SectionTitleDirective, SelectAllStatus, SelectComponent, SelectModule, Side, SortDirective, SortHeaderComponent, SortModule, StatusBarComponent, StatusBarModule, StatusBarSize, StatusType, StepState, StepsComponent, StepsModule, SubmenuComponent, SuggestionComponent, SuggestionGroupComponent, SuggestionGroupTitleDirective, SwitchComponent, SwitchModule, TOOLTIP_COPY_INTL_INTL_PROVIDER, TOOLTIP_COPY_INTL_PROVIDER_FACTORY, TabBodyComponent, TabBodyPortalDirective, TabChangeEvent, TabComponent, TabContentDirective, TabContextService, TabGroupComponent, TabHeaderActiveIndicatorComponent, TabHeaderAddonDirective, TabHeaderComponent, TabLabelDirective, TabLabelWrapperDirective, TabSize, TabTitleDirective, TabType, TableCellDefDirective, TableCellDirective, TableColumnDefDirective, TableComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TableRowComponent, TableRowDefDirective, TableScrollWrapperDirective, TabsModule, TagComponent, TagModule, TagType, TagsInputComponent, ThemeModule, ThemePipe, ThemeService, TimePickerComponent, TimePickerControlType, TimePickerModule, TimePickerPanelComponent, TocContainerDirective, TocContentDirective, TocLinkDirective, TooltipActiveDirective, TooltipComponent, TooltipCopyIntl, TooltipDirective, TooltipModule, TooltipTrigger, TooltipType, TreeNodeComponent, TreeNodePlaceholderComponent, TreeSelectComponent, TreeSelectModule, VirtualScrollViewportComponent, YEAR, YEAR_PANEL_COLUMN_COUNT, YEAR_PANEL_ROW_COUNT, _isNumberValue, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceNumber, coerceString, en, getAnchorTreeItems, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isTemplateRef, isTimePickerModel, isUndefined, last, observeMutationOn, observeResizeOn, scrollIntoView, sleep, watchContentExist, zh, ɵ0, ɵ1, ɵ2, TableCellComponent as ɵa, TooltipCopyDirective as ɵb, DialogComponent as ɵc, ConfirmDialogComponent as ɵd, BaseRadio as ɵe, InputAddonBeforeDirective as ɵf, InputAddonAfterDirective as ɵg, InputPrefixDirective as ɵh, InputSuffixDirective as ɵi, SharedModule as ɵj, ClickOutsideDirective as ɵk, AutosizeDirective as ɵl, BaseSelect as ɵm, MenuGroupTitleDirective as ɵn, MessageWrapperComponent as ɵo, MessageComponent as ɵp, MessageAnimations as ɵq, BaseMessage as ɵr, NotificationWrapperComponent as ɵs, NavItemUlComponent as ɵt, NavItemLiComponent as ɵu, VirtualForOfDirective as ɵv, _isNumberValue as ɵw, DatePickerComponent as ɵx };
+export { AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, BackTopComponent, BackTopModule, BaseTooltip, Bem, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonModule, ButtonType, CONTROL_ITEM_HEIGHT, CalendarFooterComponent, CalendarHeaderComponent, CardComponent, CardFooterDirective, CardHeaderDirective, CardModule, CheckTagComponent, CheckboxComponent, CheckboxGroupComponent, CheckboxModule, ColorPickerComponent, ColorPickerModule, CommonForm, CommonFormControl, ComponentSize, ConfirmDialogConfig, ConfirmType, CustomAutoCompleteDirective, DATA, DATE, DATE_NAV_RANGES, DATE_TYPES, DAY, DAY_PANEL_COLUMN_COUNT, DAY_PANEL_ROW_COUNT, DIALOG_DATA, DISPLAY_DELAY, DateNavRange, DatePickerModule, DatePickerPanelComponent, DatePickerTriggerComponent, DatePickerType, DateRangePickerPanelComponent, DialogCloseDirective, DialogConfig, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogModule, DialogRef, DialogService, DialogSize, DrawerComponent, DrawerContentDirective, DrawerFooterDirective, DrawerHeaderDirective, DrawerModule, DrawerRef, DrawerService, DrawerSize, DropdownActiveDirective, DropdownButtonComponent, DropdownDirective, DropdownModule, FixedSizeTableVirtualScrollDirective, FixedSizeTableVirtualScrollStrategy, FixedSizeVirtualScrollDirective, FormDirective, FormItemAddonDirective, FormItemComponent, FormItemControlDirective, FormItemErrorDirective, FormItemHintDirective, FormItemLabelDirective, FormItemWidth, FormModule, HIDDEN_DELAY, HOUR, HOUR_ITEMS, I18NInterfaceToken, I18nModule, I18nPipe, I18nService, ICON_REGISTER_PROVIDER_FACTORY, ICON_REGISTER_SERVICE_PROVIDER, INPUT_ERROR_KEY, IconComponent, IconModule, IconRegisterService, IncludesDirective, InlineAlertComponent, InlineAlertModule, InlineAlertTitleDirective, InlineAlertType, InputComponent, InputGroupComponent, InputModule, LabelPosition, MESSAGE_CONFIG, MESSAGE_DEFAULT_CONFIG, MINUTE, MINUTE_ITEMS, MONTH, MONTH_PANEL_COLUMN_COUNT, MONTH_PANEL_ROW_COUNT, MenuComponent, MenuContentDirective, MenuGroupComponent, MenuItemComponent, MenuItemType, MessageConfig, MessageModule, MessageService, MessageType, MultiSelectComponent, NOTIFICATION_CONFIG, NOTIFICATION_DEFAULT_CONFIG, NotificationComponent, NotificationModule, NotificationService, NumberInputComponent, OptionComponent, OptionContentDirective, OptionGroupComponent, OptionGroupTitleDirective, OptionPlaceholderComponent, PAGINATOR_INTL_PROVIDER, PAGINATOR_INTL_PROVIDER_FACTORY, PageEvent, PaginatorComponent, PaginatorIntl, PaginatorModule, PickerPanelComponent, RadioButtonComponent, RadioComponent, RadioGroupComponent, RadioModule, RadioSize, RangePickerComponent, SECOND, SECOND_ITEMS, ScrollingModule, SearchComponent, SectionComponent, SectionTitleDirective, SelectAllStatus, SelectComponent, SelectModule, Side, SortDirective, SortHeaderComponent, SortModule, StatusBarComponent, StatusBarModule, StatusBarSize, StatusType, StepState, StepsComponent, StepsModule, SubmenuComponent, SuggestionComponent, SuggestionGroupComponent, SuggestionGroupTitleDirective, SwitchComponent, SwitchModule, TOOLTIP_COPY_INTL_INTL_PROVIDER, TOOLTIP_COPY_INTL_PROVIDER_FACTORY, TabBodyComponent, TabBodyPortalDirective, TabChangeEvent, TabComponent, TabContentDirective, TabContextService, TabGroupComponent, TabHeaderActiveIndicatorComponent, TabHeaderAddonDirective, TabHeaderComponent, TabLabelDirective, TabLabelWrapperDirective, TabSize, TabTitleDirective, TabType, TableCellDefDirective, TableCellDirective, TableColumnDefDirective, TableComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TableRowComponent, TableRowDefDirective, TableScrollShadowDirective, TableScrollWrapperDirective, TabsModule, TagComponent, TagModule, TagType, TagsInputComponent, ThemeModule, ThemePipe, ThemeService, TimePickerComponent, TimePickerControlType, TimePickerModule, TimePickerPanelComponent, TocContainerDirective, TocContentDirective, TocLinkDirective, TooltipActiveDirective, TooltipComponent, TooltipCopyIntl, TooltipDirective, TooltipModule, TooltipTrigger, TooltipType, TreeNodeComponent, TreeNodePlaceholderComponent, TreeSelectComponent, TreeSelectModule, VirtualScrollViewportComponent, YEAR, YEAR_PANEL_COLUMN_COUNT, YEAR_PANEL_ROW_COUNT, _isNumberValue, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceNumber, coerceString, en, getAnchorTreeItems, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isTemplateRef, isTimePickerModel, isUndefined, last, observeMutationOn, observeResizeOn, scrollIntoView, sleep, watchContentExist, zh, ɵ0, ɵ1, ɵ2, TablePlaceholderDefDirective as ɵa, TablePlaceholderOutlet as ɵb, TableCellComponent as ɵc, TooltipCopyDirective as ɵd, DialogComponent as ɵe, ConfirmDialogComponent as ɵf, BaseRadio as ɵg, InputAddonBeforeDirective as ɵh, InputAddonAfterDirective as ɵi, InputPrefixDirective as ɵj, InputSuffixDirective as ɵk, SharedModule as ɵl, ClickOutsideDirective as ɵm, AutosizeDirective as ɵn, BaseSelect as ɵo, MenuGroupTitleDirective as ɵp, MessageWrapperComponent as ɵq, MessageComponent as ɵr, MessageAnimations as ɵs, BaseMessage as ɵt, NotificationWrapperComponent as ɵu, VirtualForOfDirective as ɵv, _isNumberValue as ɵw, DatePickerComponent as ɵx };
 //# sourceMappingURL=alauda-ui.js.map