@alauda/ui 6.4.8-beta.36 → 6.4.8-beta.38

package/fesm2015/alauda-ui.mjs

@@ -8,7 +8,7 @@ import { FocusKeyManager, A11yModule } from '@angular/cdk/a11y';
 import { Observable, ReplaySubject, share, startWith, map, distinctUntilChanged, Subject, takeUntil, filter, take, merge, fromEvent, combineLatest, debounceTime, switchMap, of, EMPTY, tap, BehaviorSubject, withLatestFrom, throttleTime, pluck, firstValueFrom, NEVER, observeOn, animationFrameScheduler, repeat, takeWhile, endWith, Subscription } from 'rxjs';
 import * as i1 from '@angular/common/http';
 import { HttpClient } from '@angular/common/http';
-import { trigger, state, style, transition, animate } from '@angular/animations';
+import { trigger, state, style, transition, animate, query } from '@angular/animations';
 import * as i2$2 from '@angular/cdk/collections';
 import { _VIEW_REPEATER_STRATEGY, _DisposeViewRepeaterStrategy } from '@angular/cdk/collections';
 import * as i5 from '@angular/cdk/portal';
@@ -163,6 +163,17 @@ const last = (values) => values === null || values === void 0 ? void 0 : values[
 const isTemplateRef = (label) => label instanceof TemplateRef;
 const isString = (label) => typeof label === 'string';
 const handlePixel = (value) => Number.isNaN(+value) ? value : value + 'px';
+function getElementOffset(elem) {
+    if (!elem.getClientRects().length) {
+        return { top: 0, left: 0 };
+    }
+    const rect = elem.getBoundingClientRect();
+    const win = elem.ownerDocument.defaultView;
+    return {
+        top: rect.top + win.scrollY,
+        left: rect.left + win.scrollX,
+    };
+}
 
 const observeResizeOn = (target, options) => new Observable(observer => {
     const resizeObserver = new ResizeObserver(entries => {
@@ -4762,7 +4773,7 @@ NumberInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             useExisting: forwardRef(() => NumberInputComponent),
             multi: true,
         },
-    ], queries: [{ propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n  [class]=\"bem.block(size)\"\n  [ngClass]=\"{\n    isFocused: isFocus,\n    isDisabled: disabled,\n    hasBefore: hasAddonBefore$ | async,\n    hasAfter: hasAddonAfter$ | async\n  }\"\n>\n  <div\n    *ngIf=\"hasAddonBefore$ | async\"\n    [class]=\"bem.element('addon', 'before')\"\n  >\n    <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n  </div>\n  <div\n    [class]=\"bem.element('inner')\"\n    auiClickOutside\n    (auiClickOutside)=\"isFocus = false\"\n  >\n    <button\n      *ngIf=\"controls && !angleControls\"\n      aui-button\n      type=\"button\"\n      [ngClass]=\"bem.element('decrease')\"\n      [disabled]=\"disabled || model <= min\"\n      (click)=\"takeOneStep(false); isFocus = true\"\n    >\n      <aui-icon icon=\"minus\"></aui-icon>\n    </button>\n    <input\n      #inputRef\n      autocomplete=\"off\"\n      (change)=\"inputChanged($any($event).target.value)\"\n      [disabled]=\"disabled\"\n      [ngClass]=\"bem.element('input')\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"isFocus = true\"\n      (blur)=\"isFocus = false\"\n      [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n    />\n    <button\n      *ngIf=\"controls && !angleControls\"\n      aui-button\n      type=\"button\"\n      [ngClass]=\"bem.element('increase')\"\n      [disabled]=\"disabled || model >= max\"\n      (click)=\"takeOneStep(true); isFocus = true\"\n    >\n      <aui-icon icon=\"plus\"></aui-icon>\n    </button>\n    <div\n      *ngIf=\"controls && angleControls\"\n      class=\"aui-number-input__controls\"\n    >\n      <button\n        aui-button\n        type=\"button\"\n        size=\"mini\"\n        [ngClass]=\"bem.element('angle-increase')\"\n        [disabled]=\"disabled || model >= max\"\n        (click)=\"takeOneStep(true); isFocus = true\"\n      >\n        <aui-icon icon=\"angle_up\"></aui-icon>\n      </button>\n      <button\n        aui-button\n        type=\"button\"\n        size=\"mini\"\n        [ngClass]=\"bem.element('angle-decrease')\"\n        [disabled]=\"disabled || model <= min\"\n        (click)=\"takeOneStep(false); isFocus = true\"\n      >\n        <aui-icon icon=\"angle_down\"></aui-icon>\n      </button>\n    </div>\n  </div>\n  <div\n    *ngIf=\"hasAddonAfter$ | async\"\n    [class]=\"bem.element('addon', 'after')\"\n  >\n    <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n  </div>\n</div>\n", styles: [".aui-number-input{display:inline-flex;height:var(--aui-inline-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));border-radius:var(--aui-border-radius-m)}.aui-number-input--small{height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__inner{width:132px}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:var(--aui-inline-height-s);height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__angle-decrease.aui-button,.aui-number-input--small .aui-number-input__angle-increase.aui-button{width:calc(var(--aui-inline-height-s) - 2px)}.aui-number-input__inner{display:flex;width:var(--aui-form-item-width-s);height:100%;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);color:inherit;background-color:inherit;z-index:1}.aui-number-input__inner:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input__input{margin:0;padding:0 var(--aui-spacing-m);min-width:0;height:100%;border:0;border-radius:inherit;background-color:inherit;color:inherit;cursor:inherit}.aui-number-input__input:focus{border:0}.aui-number-input__input:focus-visible{outline:0}.aui-number-input:hover:not(.isDisabled) .aui-number-input__inner .aui-number-input__controls{display:flex}.aui-number-input.isFocused .aui-number-input__inner{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{cursor:not-allowed;color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8))}.aui-number-input.isDisabled .aui-number-input__inner{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.hasBefore .aui-number-input__inner{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter .aui-number-input__inner{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBefore.hasAfter .aui-number-input__inner{border-radius:0}.aui-number-input:not(.hasAfter) .aui-number-input__angle-increase.aui-button{border-top-right-radius:var(--aui-border-radius-m)}.aui-number-input:not(.hasAfter) .aui-number-input__angle-decrease.aui-button{border-bottom-right-radius:var(--aui-border-radius-m)}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{margin-top:-1px;width:var(--aui-inline-height-m);height:var(--aui-inline-height-m);border-color:transparent}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:0}.aui-number-input__decrease.aui-button{margin-left:-1px;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m);background:linear-gradient(to left,rgb(var(--aui-color-border)) 1px,transparent 1px);background-position:1px;background-repeat:no-repeat}.aui-number-input__increase.aui-button{margin-right:-1px;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0;background:linear-gradient(to right,rgb(var(--aui-color-border)) 1px,transparent 1px);background-position:-1px;background-repeat:no-repeat}.aui-number-input__controls{display:none;flex-direction:column;border-left:1px solid rgb(var(--aui-color-border));position:relative}.aui-number-input__controls:after{content:\"\";display:block;width:100%;height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;background-color:rgb(var(--aui-color-border))}.aui-number-input__angle-decrease.aui-button,.aui-number-input__angle-increase.aui-button{width:calc(var(--aui-inline-height-m) - 2px);height:50%;border:0;border-radius:0;margin-left:0!important}.aui-number-input__angle-decrease.aui-button:focus,.aui-number-input__angle-increase.aui-button:focus{z-index:1}.aui-number-input__angle-decrease.aui-button aui-icon,.aui-number-input__angle-increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angle-decrease.aui-button .aui-button__content,.aui-number-input__angle-increase.aui-button .aui-button__content{padding:0}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;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-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: ClickOutsideDirective, selector: "[auiClickOutside]", outputs: ["auiClickOutside"], exportAs: ["auiClickOutside"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], queries: [{ propertyName: "addonBeforeRefs", predicate: InputAddonBeforeDirective }, { propertyName: "addonAfterRefs", predicate: InputAddonAfterDirective }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div [class]=\"bem.element('inner-wrapper')\">\n  <div\n    *ngIf=\"hasAddonBefore$ | async\"\n    [class]=\"bem.element('addon', 'before')\"\n  >\n    <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n  </div>\n  <div\n    [class]=\"bem.block(size)\"\n    [ngClass]=\"{\n      isFocus: isFocus,\n      isDisabled: disabled,\n      hasBefore: hasAddonBefore$ | async,\n      hasAfter: hasAddonAfter$ | async\n    }\"\n    auiClickOutside\n    (auiClickOutside)=\"isFocus = false\"\n  >\n    <button\n      *ngIf=\"controls && !angleControls\"\n      aui-button\n      type=\"button\"\n      [ngClass]=\"bem.element('decrease')\"\n      [disabled]=\"disabled || model <= min\"\n      (click)=\"takeOneStep(false); isFocus = true\"\n    >\n      <aui-icon icon=\"minus\"></aui-icon>\n    </button>\n    <input\n      #inputRef\n      autocomplete=\"off\"\n      (change)=\"inputChanged($any($event).target.value)\"\n      [disabled]=\"disabled\"\n      [ngClass]=\"bem.element('input')\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"isFocus = true\"\n      (blur)=\"isFocus = false\"\n      [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n    />\n    <button\n      *ngIf=\"controls && !angleControls\"\n      aui-button\n      type=\"button\"\n      [ngClass]=\"bem.element('increase')\"\n      [disabled]=\"disabled || model >= max\"\n      (click)=\"takeOneStep(true); isFocus = true\"\n    >\n      <aui-icon icon=\"plus\"></aui-icon>\n    </button>\n    <div\n      *ngIf=\"controls && angleControls\"\n      class=\"aui-angle-container\"\n    >\n      <button\n        aui-button\n        type=\"button\"\n        size=\"mini\"\n        [ngClass]=\"bem.element('angleIncrease')\"\n        [disabled]=\"disabled || model >= max\"\n        (click)=\"takeOneStep(true); isFocus = true\"\n      >\n        <aui-icon icon=\"angle_up\"></aui-icon>\n      </button>\n      <div class=\"separation\"></div>\n      <button\n        aui-button\n        type=\"button\"\n        size=\"mini\"\n        [ngClass]=\"bem.element('angleDecrease')\"\n        [disabled]=\"disabled || model <= min\"\n        (click)=\"takeOneStep(false); isFocus = true\"\n      >\n        <aui-icon icon=\"angle_down\"></aui-icon>\n      </button>\n    </div>\n  </div>\n  <div\n    *ngIf=\"hasAddonAfter$ | async\"\n    [class]=\"bem.element('addon', 'after')\"\n  >\n    <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n  </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));z-index:1}.aui-number-input--small{width:132px}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:26px;height:12.5px}.aui-number-input--small .aui-number-input__input{line-height:26px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .aui-angle-container{display:flex}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBefore.hasAfter{border-radius:0}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px;border-radius:0}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:0}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .aui-angle-container{display:none;flex-direction:column;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .aui-angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:14.5px;border:0;border-radius:0;margin-left:0!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:0}.aui-number-input__input{min-width:0;line-height:30px;border:0;margin:0;padding:0 var(--aui-spacing-m);color:rgb(var(--aui-color-main-text))}.aui-number-input__input:focus{border:0}.aui-number-input__input:focus-visible{outline:0}.aui-number-input__inner-wrapper{display:flex}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;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-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"], components: [{ type: ButtonComponent, selector: "button[aui-button]", inputs: ["aui-button", "size", "plain", "loading", "round", "square"] }, { type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: ClickOutsideDirective, selector: "[auiClickOutside]", outputs: ["auiClickOutside"], exportAs: ["auiClickOutside"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: NumberInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'aui-number-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
@@ -4771,7 +4782,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
                             useExisting: forwardRef(() => NumberInputComponent),
                             multi: true,
                         },
-                    ], template: "<div\n  [class]=\"bem.block(size)\"\n  [ngClass]=\"{\n    isFocused: isFocus,\n    isDisabled: disabled,\n    hasBefore: hasAddonBefore$ | async,\n    hasAfter: hasAddonAfter$ | async\n  }\"\n>\n  <div\n    *ngIf=\"hasAddonBefore$ | async\"\n    [class]=\"bem.element('addon', 'before')\"\n  >\n    <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n  </div>\n  <div\n    [class]=\"bem.element('inner')\"\n    auiClickOutside\n    (auiClickOutside)=\"isFocus = false\"\n  >\n    <button\n      *ngIf=\"controls && !angleControls\"\n      aui-button\n      type=\"button\"\n      [ngClass]=\"bem.element('decrease')\"\n      [disabled]=\"disabled || model <= min\"\n      (click)=\"takeOneStep(false); isFocus = true\"\n    >\n      <aui-icon icon=\"minus\"></aui-icon>\n    </button>\n    <input\n      #inputRef\n      autocomplete=\"off\"\n      (change)=\"inputChanged($any($event).target.value)\"\n      [disabled]=\"disabled\"\n      [ngClass]=\"bem.element('input')\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"isFocus = true\"\n      (blur)=\"isFocus = false\"\n      [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n    />\n    <button\n      *ngIf=\"controls && !angleControls\"\n      aui-button\n      type=\"button\"\n      [ngClass]=\"bem.element('increase')\"\n      [disabled]=\"disabled || model >= max\"\n      (click)=\"takeOneStep(true); isFocus = true\"\n    >\n      <aui-icon icon=\"plus\"></aui-icon>\n    </button>\n    <div\n      *ngIf=\"controls && angleControls\"\n      class=\"aui-number-input__controls\"\n    >\n      <button\n        aui-button\n        type=\"button\"\n        size=\"mini\"\n        [ngClass]=\"bem.element('angle-increase')\"\n        [disabled]=\"disabled || model >= max\"\n        (click)=\"takeOneStep(true); isFocus = true\"\n      >\n        <aui-icon icon=\"angle_up\"></aui-icon>\n      </button>\n      <button\n        aui-button\n        type=\"button\"\n        size=\"mini\"\n        [ngClass]=\"bem.element('angle-decrease')\"\n        [disabled]=\"disabled || model <= min\"\n        (click)=\"takeOneStep(false); isFocus = true\"\n      >\n        <aui-icon icon=\"angle_down\"></aui-icon>\n      </button>\n    </div>\n  </div>\n  <div\n    *ngIf=\"hasAddonAfter$ | async\"\n    [class]=\"bem.element('addon', 'after')\"\n  >\n    <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n  </div>\n</div>\n", styles: [".aui-number-input{display:inline-flex;height:var(--aui-inline-height-m);color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));border-radius:var(--aui-border-radius-m)}.aui-number-input--small{height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__inner{width:132px}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:var(--aui-inline-height-s);height:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__angle-decrease.aui-button,.aui-number-input--small .aui-number-input__angle-increase.aui-button{width:calc(var(--aui-inline-height-s) - 2px)}.aui-number-input__inner{display:flex;width:var(--aui-form-item-width-s);height:100%;border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);color:inherit;background-color:inherit;z-index:1}.aui-number-input__inner:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input__input{margin:0;padding:0 var(--aui-spacing-m);min-width:0;height:100%;border:0;border-radius:inherit;background-color:inherit;color:inherit;cursor:inherit}.aui-number-input__input:focus{border:0}.aui-number-input__input:focus-visible{outline:0}.aui-number-input:hover:not(.isDisabled) .aui-number-input__inner .aui-number-input__controls{display:flex}.aui-number-input.isFocused .aui-number-input__inner{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocused .aui-number-input__inner{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{cursor:not-allowed;color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8))}.aui-number-input.isDisabled .aui-number-input__inner{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.hasBefore .aui-number-input__inner{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter .aui-number-input__inner{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBefore.hasAfter .aui-number-input__inner{border-radius:0}.aui-number-input:not(.hasAfter) .aui-number-input__angle-increase.aui-button{border-top-right-radius:var(--aui-border-radius-m)}.aui-number-input:not(.hasAfter) .aui-number-input__angle-decrease.aui-button{border-bottom-right-radius:var(--aui-border-radius-m)}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{margin-top:-1px;width:var(--aui-inline-height-m);height:var(--aui-inline-height-m);border-color:transparent}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:0}.aui-number-input__decrease.aui-button{margin-left:-1px;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m);background:linear-gradient(to left,rgb(var(--aui-color-border)) 1px,transparent 1px);background-position:1px;background-repeat:no-repeat}.aui-number-input__increase.aui-button{margin-right:-1px;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0;background:linear-gradient(to right,rgb(var(--aui-color-border)) 1px,transparent 1px);background-position:-1px;background-repeat:no-repeat}.aui-number-input__controls{display:none;flex-direction:column;border-left:1px solid rgb(var(--aui-color-border));position:relative}.aui-number-input__controls:after{content:\"\";display:block;width:100%;height:1px;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:2;background-color:rgb(var(--aui-color-border))}.aui-number-input__angle-decrease.aui-button,.aui-number-input__angle-increase.aui-button{width:calc(var(--aui-inline-height-m) - 2px);height:50%;border:0;border-radius:0;margin-left:0!important}.aui-number-input__angle-decrease.aui-button:focus,.aui-number-input__angle-increase.aui-button:focus{z-index:1}.aui-number-input__angle-decrease.aui-button aui-icon,.aui-number-input__angle-increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angle-decrease.aui-button .aui-button__content,.aui-number-input__angle-increase.aui-button .aui-button__content{padding:0}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;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-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"] }]
+                    ], template: "<div [class]=\"bem.element('inner-wrapper')\">\n  <div\n    *ngIf=\"hasAddonBefore$ | async\"\n    [class]=\"bem.element('addon', 'before')\"\n  >\n    <ng-content select=\"[auiInputAddonBefore]\"></ng-content>\n  </div>\n  <div\n    [class]=\"bem.block(size)\"\n    [ngClass]=\"{\n      isFocus: isFocus,\n      isDisabled: disabled,\n      hasBefore: hasAddonBefore$ | async,\n      hasAfter: hasAddonAfter$ | async\n    }\"\n    auiClickOutside\n    (auiClickOutside)=\"isFocus = false\"\n  >\n    <button\n      *ngIf=\"controls && !angleControls\"\n      aui-button\n      type=\"button\"\n      [ngClass]=\"bem.element('decrease')\"\n      [disabled]=\"disabled || model <= min\"\n      (click)=\"takeOneStep(false); isFocus = true\"\n    >\n      <aui-icon icon=\"minus\"></aui-icon>\n    </button>\n    <input\n      #inputRef\n      autocomplete=\"off\"\n      (change)=\"inputChanged($any($event).target.value)\"\n      [disabled]=\"disabled\"\n      [ngClass]=\"bem.element('input')\"\n      [placeholder]=\"placeholder\"\n      (focus)=\"isFocus = true\"\n      (blur)=\"isFocus = false\"\n      [ngStyle]=\"{ 'text-align': angleControls ? 'left' : 'center' }\"\n    />\n    <button\n      *ngIf=\"controls && !angleControls\"\n      aui-button\n      type=\"button\"\n      [ngClass]=\"bem.element('increase')\"\n      [disabled]=\"disabled || model >= max\"\n      (click)=\"takeOneStep(true); isFocus = true\"\n    >\n      <aui-icon icon=\"plus\"></aui-icon>\n    </button>\n    <div\n      *ngIf=\"controls && angleControls\"\n      class=\"aui-angle-container\"\n    >\n      <button\n        aui-button\n        type=\"button\"\n        size=\"mini\"\n        [ngClass]=\"bem.element('angleIncrease')\"\n        [disabled]=\"disabled || model >= max\"\n        (click)=\"takeOneStep(true); isFocus = true\"\n      >\n        <aui-icon icon=\"angle_up\"></aui-icon>\n      </button>\n      <div class=\"separation\"></div>\n      <button\n        aui-button\n        type=\"button\"\n        size=\"mini\"\n        [ngClass]=\"bem.element('angleDecrease')\"\n        [disabled]=\"disabled || model <= min\"\n        (click)=\"takeOneStep(false); isFocus = true\"\n      >\n        <aui-icon icon=\"angle_down\"></aui-icon>\n      </button>\n    </div>\n  </div>\n  <div\n    *ngIf=\"hasAddonAfter$ | async\"\n    [class]=\"bem.element('addon', 'after')\"\n  >\n    <ng-content select=\"[auiInputAddonAfter]\"></ng-content>\n  </div>\n</div>\n", styles: [".aui-number-input{display:flex;width:var(--aui-form-item-width-s);border:1px solid rgb(var(--aui-color-n-7));border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg));color:rgb(var(--aui-color-main-text));z-index:1}.aui-number-input--small{width:132px}.aui-number-input--small .aui-number-input__decrease.aui-button,.aui-number-input--small .aui-number-input__increase.aui-button{width:26px;height:26px}.aui-number-input--small .aui-number-input__angleDecrease.aui-button,.aui-number-input--small .aui-number-input__angleIncrease.aui-button{width:26px;height:12.5px}.aui-number-input--small .aui-number-input__input{line-height:26px}.aui-number-input:hover{border-color:rgb(var(--aui-color-primary))}.aui-number-input:hover .aui-angle-container{display:flex}.aui-number-input.isFocus{border-color:rgb(var(--aui-color-primary))}:root .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input.isFocus{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input.isDisabled{border:1px solid rgb(var(--aui-color-n-7))}.aui-number-input.isDisabled:hover{cursor:not-allowed}.aui-number-input.isDisabled .aui-number-input__input{color:rgb(var(--aui-color-n-6))}.aui-number-input.isDisabled .aui-number-input__input:hover{cursor:not-allowed}.aui-number-input.hasBefore{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input.hasAfter{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input.hasBefore.hasAfter{border-radius:0}.aui-number-input__decrease.aui-button,.aui-number-input__increase.aui-button{width:30px;height:30px;border-radius:0}.aui-number-input__decrease.aui-button aui-icon,.aui-number-input__increase.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__decrease.aui-button .aui-button__content,.aui-number-input__increase.aui-button .aui-button__content{padding:0}.aui-number-input__decrease.aui-button{border-style:none solid none none}.aui-number-input__increase.aui-button{border-style:none none none solid}.aui-number-input .aui-angle-container{display:none;flex-direction:column;border-left:1px solid rgb(var(--aui-color-n-7))}.aui-number-input .aui-angle-container .separation{border-top:1px solid rgb(var(--aui-color-n-7))}.aui-number-input__angleDecrease.aui-button,.aui-number-input__angleIncrease.aui-button{width:30px;height:14.5px;border:0;border-radius:0;margin-left:0!important}.aui-number-input__angleDecrease.aui-button aui-icon,.aui-number-input__angleIncrease.aui-button aui-icon{font-size:var(--aui-font-size-s)}.aui-number-input__angleDecrease.aui-button .aui-button__content,.aui-number-input__angleIncrease.aui-button .aui-button__content{padding:0}.aui-number-input__input{min-width:0;line-height:30px;border:0;margin:0;padding:0 var(--aui-spacing-m);color:rgb(var(--aui-color-main-text))}.aui-number-input__input:focus{border:0}.aui-number-input__input:focus-visible{outline:0}.aui-number-input__inner-wrapper{display:flex}.aui-number-input__addon{display:flex;align-items:center;flex-shrink:0;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-number-input__addon--before{border-right:none;border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__addon--after{border-left:none;border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}aui-number-input.ng-invalid.ng-dirty,.ng-submitted aui-number-input.ng-invalid{border-color:rgb(var(--aui-color-red))}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], min: [{
@@ -5613,6 +5624,81 @@ class ConfirmDialogConfig {
     }
 }
 
+const AnimationDurationMap = {
+    slow: '0.3s',
+    base: '0.24s',
+    fast: '0.2s',
+};
+
+class DialogConfig {
+    constructor() {
+        this.size = DialogSize.Big;
+        this.hasBackdrop = true;
+        this.fitViewport = false;
+    }
+}
+const ZOOM_CLASS_NAME_MAP = {
+    enter: 'aui-zoom-enter',
+    enterActive: 'aui-zoom-enter-active',
+    leave: 'aui-zoom-leave',
+    leaveActive: 'aui-zoom-leave-active',
+};
+const ZOOM_SLOW_CLASS_NAME_MAP = {
+    enter: 'aui-zoom-slow-enter',
+    enterActive: 'aui-zoom-slow-enter-active',
+    leave: 'aui-zoom-slow-leave',
+    leaveActive: 'aui-zoom-slow-leave-active',
+};
+const FADE_CLASS_NAME_MAP = {
+    enter: 'aui-fade-enter',
+    enterActive: 'aui-fade-enter-active',
+    leave: 'aui-fade-leave',
+    leaveActive: 'aui-fade-leave-active',
+};
+const FADE_SLOW_CLASS_NAME_MAP = {
+    enter: 'aui-fade-slow-enter',
+    enterActive: 'aui-fade-slow-enter-active',
+    leave: 'aui-fade-slow-leave',
+    leaveActive: 'aui-fade-slow-leave-active',
+};
+const ANIMATION_DURATION_CLASS_MAP = {
+    base: [
+        '.aui-dialog--small',
+        '.aui-dialog--medium',
+        '.aui-dialog--fit-content',
+    ],
+    slow: [
+        '.aui-dialog--big',
+        '.aui-dialog--large',
+        '.aui-dialog--fullscreen',
+        '.aui-dialog--fit-viewport',
+    ],
+};
+const DIALOG_OVERLAY_PANE_CLASS = 'aui-dialog-overlay-pane';
+const DIALOG_OVERLAY_PANE_FIT_VIEWPORT_CLASS = 'aui-dialog-overlay-pane--fit-viewport';
+const DIALOG_BACKDROP_CLASS = 'aui-dialog-backdrop';
+
+const getAnimationQueryMetadatas = (config) => {
+    const animationMetadatas = [];
+    Object.keys(config).forEach(key => {
+        const classNames = config[key];
+        classNames.forEach(className => {
+            animationMetadatas.push(query(className, animate(AnimationDurationMap[key], style({})), {
+                optional: true,
+            }));
+        });
+    });
+    return animationMetadatas;
+};
+const dialogAnimations = {
+    dialogContainer: trigger('dialogContainer', [
+        state('void, exit', style({})),
+        state('enter', style({})),
+        transition('* => enter', getAnimationQueryMetadatas(ANIMATION_DURATION_CLASS_MAP)),
+        transition('* => void, * => exit', getAnimationQueryMetadatas(ANIMATION_DURATION_CLASS_MAP)),
+    ]),
+};
+
 function throwDialogContentAlreadyAttachedError() {
     throw new Error('Attempting to attach dialog content after content is already attached');
 }
@@ -5628,10 +5714,14 @@ function getClosestDialog(element, openDialogs) {
 }
 
 class DialogComponent {
-    constructor(elementRef) {
+    constructor(elementRef, render) {
         this.elementRef = elementRef;
+        this.render = render;
         this.bem = buildBem('aui-dialog');
         this.hidden = false;
+        // animation state
+        this.state = 'enter';
+        this.animationStateChanged = new EventEmitter();
     }
     get id() {
         return this._id;
@@ -5649,6 +5739,24 @@ class DialogComponent {
             }
             : {};
     }
+    get zoomClassMap() {
+        return [
+            DialogSize.Small,
+            DialogSize.Medium,
+            DialogSize.FitContent,
+        ].includes(this.config.size)
+            ? ZOOM_CLASS_NAME_MAP
+            : ZOOM_SLOW_CLASS_NAME_MAP;
+    }
+    get fadeClassMap() {
+        return [
+            DialogSize.Small,
+            DialogSize.Medium,
+            DialogSize.FitContent,
+        ].includes(this.config.size)
+            ? FADE_CLASS_NAME_MAP
+            : FADE_SLOW_CLASS_NAME_MAP;
+    }
     attachComponentPortal(portal) {
         if (this.portalOutlet.hasAttached()) {
             throwDialogContentAlreadyAttachedError();
@@ -5663,18 +5771,88 @@ class DialogComponent {
         this.blurActiveElement();
         return this.portalOutlet.attachTemplatePortal(portal);
     }
-    blurActiveElement() {
-        if (document) {
-            document.activeElement.blur();
+    onAnimationDone(event) {
+        this.cleanAnimationClass();
+        this.animationStateChanged.emit(event);
+    }
+    onAnimationStart(event) {
+        if (event.toState === 'enter') {
+            this.setEnterAnimationClass();
+        }
+        else if (event.toState === 'exit') {
+            this.setExitAnimationClass();
         }
+        this.animationStateChanged.emit(event);
     }
-}
-DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n  [ngClass]=\"rootClass\"\n  [ngStyle]=\"customStyle\"\n>\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{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{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;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{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.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}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.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{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.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);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.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{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.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 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.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-xl);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:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.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}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+    startExitAnimation() {
+        this.state = 'exit';
+    }
+    blurActiveElement() {
+        if (document) {
+            this.elementFocusedBeforeModalWasOpened =
+                document.activeElement;
+            this.elementFocusedBeforeModalWasOpened.blur();
+        }
+    }
+    cleanAnimationClass() {
+        const backdropElement = this.overlayRef.backdropElement;
+        const modalElement = this.elementRef.nativeElement.firstElementChild;
+        if (backdropElement) {
+            backdropElement.classList.remove(this.fadeClassMap.enter);
+            backdropElement.classList.remove(this.fadeClassMap.enterActive);
+        }
+        modalElement.classList.remove(this.zoomClassMap.enter);
+        modalElement.classList.remove(this.zoomClassMap.enterActive);
+        modalElement.classList.remove(this.zoomClassMap.leave);
+        modalElement.classList.remove(this.zoomClassMap.leaveActive);
+    }
+    setEnterAnimationClass() {
+        this.setModalTransformOrigin();
+        const modalElement = this.elementRef.nativeElement.firstElementChild;
+        const backdropElement = this.overlayRef.backdropElement;
+        modalElement.classList.add(this.zoomClassMap.enter);
+        modalElement.classList.add(this.zoomClassMap.enterActive);
+        if (backdropElement) {
+            backdropElement.classList.add(this.fadeClassMap.enter);
+            backdropElement.classList.add(this.fadeClassMap.enterActive);
+        }
+    }
+    setExitAnimationClass() {
+        const modalElement = this.elementRef.nativeElement.firstElementChild;
+        modalElement.classList.add(this.zoomClassMap.leave);
+        modalElement.classList.add(this.zoomClassMap.leaveActive);
+        this.setMaskExitAnimationClass();
+    }
+    setMaskExitAnimationClass() {
+        const backdropElement = this.overlayRef.backdropElement;
+        if (backdropElement) {
+            backdropElement.classList.add(this.fadeClassMap.leave);
+            backdropElement.classList.add(this.fadeClassMap.leaveActive);
+        }
+    }
+    setModalTransformOrigin() {
+        const modalElement = this.elementRef.nativeElement
+            .firstElementChild;
+        if (this.elementFocusedBeforeModalWasOpened) {
+            const previouslyDOMRect = this.elementFocusedBeforeModalWasOpened.getBoundingClientRect();
+            const lastPosition = getElementOffset(this.elementFocusedBeforeModalWasOpened);
+            const x = lastPosition.left + previouslyDOMRect.width / 2;
+            const y = lastPosition.top + previouslyDOMRect.height / 2;
+            const transformOrigin = `${x - modalElement.offsetLeft}px ${y - modalElement.offsetTop}px 0px`;
+            this.render.setStyle(modalElement, 'transform-origin', transformOrigin);
+        }
+    }
+}
+DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: DialogComponent, selector: "aui-dialog", host: { listeners: { "@dialogContainer.start": "onAnimationStart($event)", "@dialogContainer.done": "onAnimationDone($event)" }, properties: { "@dialogContainer": "state" } }, viewQueries: [{ propertyName: "portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }], ngImport: i0, template: "<div\n  [ngClass]=\"rootClass\"\n  [ngStyle]=\"customStyle\"\n>\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}.cdk-overlay-container,.cdk-global-overlay-wrapper{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{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;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{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.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}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.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{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport{justify-content:center;overflow:auto;align-items:center}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-zoom-enter,.aui-zoom-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-enter.aui-zoom-enter-active{animation-name:aui-zoom-in;animation-play-state:running}.aui-zoom-leave.aui-zoom-leave-active{animation-name:aui-zoom-out;animation-play-state:running;pointer-events:none}.aui-zoom-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-zoom-slow-enter,.aui-zoom-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-slow-enter.aui-zoom-slow-enter-active{animation-name:aui-zoom-in;animation-play-state:running}.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-name:aui-zoom-out;animation-play-state:running;pointer-events:none}.aui-zoom-slow-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-slow-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-fade-enter,.aui-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-enter.aui-fade-enter-active{animation-name:aui-fade-in;animation-play-state:running}.aui-fade-leave.aui-fade-leave-active{animation-name:aui-fade-out;animation-play-state:running;pointer-events:none}.aui-fade-enter{opacity:0;animation-timing-function:linear}.aui-fade-leave{animation-timing-function:linear}.aui-fade-slow-enter,.aui-fade-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-slow-enter.aui-fade-slow-enter-active{animation-name:aui-fade-in;animation-play-state:running}.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-name:aui-fade-out;animation-play-state:running;pointer-events:none}.aui-fade-slow-enter{opacity:0;animation-timing-function:linear}.aui-fade-slow-leave{animation-timing-function:linear}.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);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.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{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.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 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.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-xl);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:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.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}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], animations: [dialogAnimations.dialogContainer], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aui-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, preserveWhitespaces: false, template: "<div\n  [ngClass]=\"rootClass\"\n  [ngStyle]=\"customStyle\"\n>\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{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{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;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{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.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}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.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{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.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);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.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{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.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 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.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-xl);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:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.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}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { portalOutlet: [{
+            args: [{ selector: 'aui-dialog', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, preserveWhitespaces: false, animations: [dialogAnimations.dialogContainer], host: {
+                        '[@dialogContainer]': 'state',
+                        '(@dialogContainer.start)': 'onAnimationStart($event)',
+                        '(@dialogContainer.done)': 'onAnimationDone($event)',
+                    }, template: "<div\n  [ngClass]=\"rootClass\"\n  [ngStyle]=\"customStyle\"\n>\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n", styles: ["@keyframes aui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes aui-fade-out{0%{opacity:1}to{opacity:0}}@keyframes aui-zoom-in{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aui-zoom-out{0%{transform:scale(1)}to{transform:scale(.2);opacity:0}}.cdk-overlay-container,.cdk-global-overlay-wrapper{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{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;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{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.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}:root .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}html[aui-theme-mode=light] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.4)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.aui-dialog-backdrop{background-color:rgba(var(--aui-color-origin-shadow),.75)}.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{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane::-webkit-scrollbar-corner{background-color:transparent}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport{justify-content:center;overflow:auto;align-items:center}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar{width:4px;height:4px}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-thumb{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.cdk-overlay-pane.aui-dialog-overlay-pane--fit-viewport::-webkit-scrollbar-corner{background-color:transparent}.aui-zoom-enter,.aui-zoom-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-enter.aui-zoom-enter-active{animation-name:aui-zoom-in;animation-play-state:running}.aui-zoom-leave.aui-zoom-leave-active{animation-name:aui-zoom-out;animation-play-state:running;pointer-events:none}.aui-zoom-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-zoom-slow-enter,.aui-zoom-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-zoom-slow-enter.aui-zoom-slow-enter-active{animation-name:aui-zoom-in;animation-play-state:running}.aui-zoom-slow-leave.aui-zoom-slow-leave-active{animation-name:aui-zoom-out;animation-play-state:running;pointer-events:none}.aui-zoom-slow-enter{opacity:0;animation-timing-function:cubic-bezier(0,0,.2,1)}.aui-zoom-slow-leave{animation-timing-function:cubic-bezier(.38,0,.24,1)}.aui-fade-enter,.aui-fade-leave{animation-duration:.24s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-enter.aui-fade-enter-active{animation-name:aui-fade-in;animation-play-state:running}.aui-fade-leave.aui-fade-leave-active{animation-name:aui-fade-out;animation-play-state:running;pointer-events:none}.aui-fade-enter{opacity:0;animation-timing-function:linear}.aui-fade-leave{animation-timing-function:linear}.aui-fade-slow-enter,.aui-fade-slow-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.aui-fade-slow-enter.aui-fade-slow-enter-active{animation-name:aui-fade-in;animation-play-state:running}.aui-fade-slow-leave.aui-fade-slow-leave-active{animation-name:aui-fade-out;animation-play-state:running;pointer-events:none}.aui-fade-slow-enter{opacity:0;animation-timing-function:linear}.aui-fade-slow-leave{animation-timing-function:linear}.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);overflow:hidden;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}:root .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}html[aui-theme-mode=light] .aui-dialog{box-shadow:0 2px 8px 0 rgba(var(--aui-color-origin-shadow),.2)}@media (prefers-color-scheme: dark){html[aui-theme-mode=system] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}}html[aui-theme-mode=dark] .aui-dialog{box-shadow:0 4px 16px 0 rgba(var(--aui-color-origin-shadow),.75)}.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{border-radius:2px;background-color:rgba(var(--aui-color-n-1),.2)}.aui-dialog aui-dialog-content::-webkit-scrollbar-corner{background-color:transparent}.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 16px;display:flex;justify-content:space-between}.aui-dialog__header.hasDivider{margin-bottom:16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog__header-title{width:100%;font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold)}.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-xl);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:-moz-fit-content;width:fit-content}.aui-dialog--fullscreen{width:90vw;height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport{max-width:90vw;max-height:calc(100vh - 40px);margin:0}.aui-dialog--fit-viewport .aui-dialog__header{margin:0;padding:20px 20px 16px;border-bottom:1px solid rgb(var(--aui-color-divider))}.aui-dialog--fit-viewport .aui-dialog__footer{padding-top:16px;border-top:1px solid rgb(var(--aui-color-divider))}.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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { portalOutlet: [{
                 type: ViewChild,
                 args: [CdkPortalOutlet, { static: true }]
             }] } });
@@ -5693,10 +5871,15 @@ class DialogRef {
     }
     close(result = null) {
         this.scrollable.ngOnDestroy();
-        this.overlayRef.detachBackdrop();
-        this.overlayRef.dispose();
-        this.afterClosed$.next(result);
-        this.afterClosed$.complete();
+        this.dialogInstance.animationStateChanged
+            .pipe(filter(event => event.phaseName === 'done' && event.toState === 'exit'), take(1))
+            .subscribe(() => {
+            this.overlayRef.detachBackdrop();
+            this.overlayRef.dispose();
+            this.afterClosed$.next(result);
+            this.afterClosed$.complete();
+        });
+        this.dialogInstance.startExitAnimation();
     }
     afterOpen() {
         return this.afterOpen$.asObservable();
@@ -5799,14 +5982,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
             args: [{ selector: 'aui-confirm-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div [class]=\"bem.block()\">\n  <div [class]=\"bem.element('title')\">\n    <span [class]=\"bem.element('icon', config.confirmType + '')\">\n      <aui-icon\n        [icon]=\"iconMap(config.confirmType)\"\n        [background]=\"\n          iconMap(config.confirmType).endsWith('_triangle_s')\n            ? 'triangle'\n            : 'circle'\n        \"\n      ></aui-icon>\n    </span>\n    <span>{{ config.title }}</span>\n  </div>\n  <div [class]=\"bem.element('content')\">\n    <ng-container *ngIf=\"config.content\">\n      <ng-container\n        *ngIf=\"\n          isTemplateRef(config.content) || isString(config.content);\n          else componentTemplate\n        \"\n      >\n        <ng-container\n          *ngIf=\"isTemplateRef(config.content); else stringTemplate\"\n        >\n          <ng-template *ngTemplateOutlet=\"config.content\"></ng-template>\n        </ng-container>\n        <ng-template #stringTemplate>\n          {{ config.content }}\n        </ng-template>\n      </ng-container>\n      <ng-template #componentTemplate>\n        <ng-container *ngComponentOutlet=\"$any(config.content)\"></ng-container>\n      </ng-template>\n    </ng-container>\n  </div>\n  <div [class]=\"bem.element('button-wrapper')\">\n    <div>\n      <button\n        [aui-button]=\"config.confirmType\"\n        [ngClass]=\"bem.element('confirm-button')\"\n        [loading]=\"waitConfirm\"\n        [disabled]=\"waitConfirm || waitCancel\"\n        (click)=\"confirm()\"\n      >\n        {{ config.confirmText }}\n      </button>\n      <button\n        *ngIf=\"config.cancelButton\"\n        aui-button\n        [ngClass]=\"bem.element('cancel-button')\"\n        [loading]=\"waitCancel\"\n        [disabled]=\"waitConfirm || waitCancel\"\n        (click)=\"cancel()\"\n      >\n        {{ config.cancelText }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".aui-confirm-dialog{margin:auto;padding:32px 32px 20px;border-radius:var(--aui-border-radius-m);min-width:400px;max-width:600px;background-color:rgb(var(--aui-color-n-10))}.aui-confirm-dialog__title{margin-bottom:var(--aui-spacing-m);font-size:var(--aui-font-size-xl);line-height:var(--aui-line-height-xl);color:rgb(var(--aui-color-main-text));font-weight:var(--aui-font-weight-bold);display:flex;word-wrap:break-word;word-break:break-all}.aui-confirm-dialog__icon{margin-right:var(--aui-spacing-m);font-size:var(--aui-icon-size-xl)}.aui-confirm-dialog__icon--primary,.aui-confirm-dialog__icon--warning{color:rgb(var(--aui-color-yellow))}.aui-confirm-dialog__icon--success{color:rgb(var(--aui-color-green))}.aui-confirm-dialog__icon--danger{color:rgb(var(--aui-color-red))}.aui-confirm-dialog__content{padding-left:calc(var(--aui-spacing-m) + var(--aui-icon-size-xl));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text));word-wrap:break-word;word-break:break-all}.aui-confirm-dialog__button-wrapper{margin:20px -12px 0 0;display:flex;flex-direction:row-reverse}\n"] }]
         }], ctorParameters: function () { return [{ type: DialogRef }, { type: i0.ChangeDetectorRef }]; } });
 
-class DialogConfig {
-    constructor() {
-        this.size = DialogSize.Big;
-        this.hasBackdrop = true;
-        this.fitViewport = false;
-    }
-}
-
 const DIALOG_DATA = new InjectionToken('aui-dialog-data');
 class DialogService {
     constructor(overlay, injector, scrollDispatcher, ngZone) {
@@ -5873,8 +6048,10 @@ class DialogService {
             positionStrategy: this.overlay.position().global(),
             scrollStrategy: this.overlay.scrollStrategies.block(),
             hasBackdrop: dialogConfig.hasBackdrop && !this.openDialogs.length,
-            backdropClass: DialogService.DIALOG_BACKDROP_CLASS,
-            panelClass: DialogService.DIALOG_OVERLAY_PANE_CLASS,
+            backdropClass: DIALOG_BACKDROP_CLASS,
+            panelClass: dialogConfig.fitViewport || dialogConfig.size === DialogSize.Fullscreen
+                ? DIALOG_OVERLAY_PANE_FIT_VIEWPORT_CLASS
+                : DIALOG_OVERLAY_PANE_CLASS,
             width: '100vw',
             height: '100vh',
         };
@@ -5883,6 +6060,7 @@ class DialogService {
         const dialogPortal = new ComponentPortal(DialogComponent, config.viewContainerRef);
         const dialogRef = overlayRef.attach(dialogPortal);
         dialogRef.instance.config = config;
+        dialogRef.instance.overlayRef = overlayRef;
         return dialogRef.instance;
     }
     attachDialogContent(compOrTempRef, dialogIns, overlayRef, config) {
@@ -5921,8 +6099,6 @@ class DialogService {
         this.openDialogs.splice(index, 1);
     }
 }
-DialogService.DIALOG_OVERLAY_PANE_CLASS = 'aui-dialog-overlay-pane';
-DialogService.DIALOG_BACKDROP_CLASS = 'aui-dialog-backdrop';
 DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogService, deps: [{ token: i1$2.Overlay }, { token: i0.Injector }, { token: i1$2.ScrollDispatcher }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
 DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogService });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: DialogService, decorators: [{
@@ -11695,5 +11871,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, AutosizeDirective, 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, CssVarPipe, CustomAutoCompleteDirective, DATA, DATE, DATE_NAV_RANGES, DATE_TYPES, DAY, DAY_PANEL_COLUMN_COUNT, DAY_PANEL_ROW_COUNT, DIALOG_DATA, DISPLAY_DELAY, DateNavRange, DatePickerComponent, DatePickerModule, DatePickerPanelComponent, DatePickerTriggerComponent, DatePickerType, DateRangePickerPanelComponent, DialogCloseDirective, DialogComponent, 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, InputAddonAfterDirective, InputAddonBeforeDirective, InputComponent, InputGroupComponent, InputModule, InputPrefixDirective, InputSuffixDirective, LabelPosition, MESSAGE_CONFIG, MESSAGE_DEFAULT_CONFIG, MINUTE, MINUTE_ITEMS, MONTH, MONTH_PANEL_COLUMN_COUNT, MONTH_PANEL_ROW_COUNT, MenuComponent, MenuContentDirective, MenuGroupComponent, MenuGroupTitleDirective, 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, RgbColorPipe, RgbaColorPipe, 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, TableExpandButtonCellComponent, TableExpandPanelCellComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TablePlaceholderDefDirective, TablePlaceholderOutletDirective, TableRowComponent, TableRowDefDirective, TableScrollWrapperDirective, TableScrollableDirective, TabsModule, TagComponent, TagModule, TagType, TagsInputComponent, ThemeModule, ThemePickerPipe, ThemeService, TimePickerComponent, TimePickerControlType, TimePickerModule, TimePickerPanelComponent, TocContainerDirective, TocContentDirective, TocLinkDirective, TooltipActiveDirective, TooltipComponent, TooltipCopyDirective, TooltipCopyIntl, TooltipDirective, TooltipModule, TooltipTrigger, TooltipType, TreeNodeComponent, TreeNodePlaceholderComponent, TreeSelectComponent, TreeSelectModule, VirtualForOfDirective, VirtualScrollViewportComponent, YEAR, YEAR_PANEL_COLUMN_COUNT, YEAR_PANEL_ROW_COUNT, _isNumberValue, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceNumber, coerceString, cssVar, en, getAnchorTreeItems, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isString, isTemplateRef, isTimePickerModel, isUndefined, last, observeMutationOn, observeResizeOn, publishRef, rgbColor, rgbaColor, scrollIntoView, sleep, watchContentExist, zh };
+export { ANIMATION_DURATION_CLASS_MAP, AccordionComponent, AccordionItemComponent, AccordionItemContentDirective, AccordionItemHeaderDirective, AccordionModule, AnchorComponent, AnchorDirective, AnchorDirectiveChild, AnchorLabelDirective, AnchorModule, AnchorTreeComponent, AuiSelectValidators, AutoCompleteDirective, AutocompleteComponent, AutocompleteModule, AutocompletePlaceholderComponent, AutosizeDirective, 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, CssVarPipe, CustomAutoCompleteDirective, DATA, DATE, DATE_NAV_RANGES, DATE_TYPES, DAY, DAY_PANEL_COLUMN_COUNT, DAY_PANEL_ROW_COUNT, DIALOG_BACKDROP_CLASS, DIALOG_DATA, DIALOG_OVERLAY_PANE_CLASS, DIALOG_OVERLAY_PANE_FIT_VIEWPORT_CLASS, DISPLAY_DELAY, DateNavRange, DatePickerComponent, DatePickerModule, DatePickerPanelComponent, DatePickerTriggerComponent, DatePickerType, DateRangePickerPanelComponent, DialogCloseDirective, DialogComponent, DialogConfig, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, DialogModule, DialogRef, DialogService, DialogSize, DrawerComponent, DrawerContentDirective, DrawerFooterDirective, DrawerHeaderDirective, DrawerModule, DrawerRef, DrawerService, DrawerSize, DropdownActiveDirective, DropdownButtonComponent, DropdownDirective, DropdownModule, FADE_CLASS_NAME_MAP, FADE_SLOW_CLASS_NAME_MAP, 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, InputAddonAfterDirective, InputAddonBeforeDirective, InputComponent, InputGroupComponent, InputModule, InputPrefixDirective, InputSuffixDirective, LabelPosition, MESSAGE_CONFIG, MESSAGE_DEFAULT_CONFIG, MINUTE, MINUTE_ITEMS, MONTH, MONTH_PANEL_COLUMN_COUNT, MONTH_PANEL_ROW_COUNT, MenuComponent, MenuContentDirective, MenuGroupComponent, MenuGroupTitleDirective, 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, RgbColorPipe, RgbaColorPipe, 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, TableExpandButtonCellComponent, TableExpandPanelCellComponent, TableHeaderCellDefDirective, TableHeaderCellDirective, TableHeaderRowComponent, TableHeaderRowDefDirective, TableModule, TableOfContentsModule, TablePlaceholderDefDirective, TablePlaceholderOutletDirective, TableRowComponent, TableRowDefDirective, TableScrollWrapperDirective, TableScrollableDirective, TabsModule, TagComponent, TagModule, TagType, TagsInputComponent, ThemeModule, ThemePickerPipe, ThemeService, TimePickerComponent, TimePickerControlType, TimePickerModule, TimePickerPanelComponent, TocContainerDirective, TocContentDirective, TocLinkDirective, TooltipActiveDirective, TooltipComponent, TooltipCopyDirective, TooltipCopyIntl, TooltipDirective, TooltipModule, TooltipTrigger, TooltipType, TreeNodeComponent, TreeNodePlaceholderComponent, TreeSelectComponent, TreeSelectModule, VirtualForOfDirective, VirtualScrollViewportComponent, YEAR, YEAR_PANEL_COLUMN_COUNT, YEAR_PANEL_ROW_COUNT, ZOOM_CLASS_NAME_MAP, ZOOM_SLOW_CLASS_NAME_MAP, _isNumberValue, _tableVirtualScrollDirectiveStrategyFactory, buildBem, coerceAttrBoolean, coerceNumber, coerceString, cssVar, en, getAnchorTreeItems, getElementOffset, getSortDuplicateSortableIdError, getSortHeaderMissingIdError, getSortHeaderNotContainedWithinSortError, getSortInvalidDirectionError, handlePixel, isString, isTemplateRef, isTimePickerModel, isUndefined, last, observeMutationOn, observeResizeOn, publishRef, rgbColor, rgbaColor, scrollIntoView, sleep, watchContentExist, zh };
 //# sourceMappingURL=alauda-ui.mjs.map