@alauda/ui 6.2.0 → 6.2.1-beta.10

package/fesm2015/alauda-ui.js

@@ -1,4 +1,4 @@
-import { TemplateRef, ɵɵdefineInjectable, Injectable, Pipe, ChangeDetectorRef, NgModule, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, EventEmitter, Output, ElementRef, ViewContainerRef, HostBinding, ViewChild, ContentChild, Host, isDevMode, Renderer2, NgZone, HostListener, InjectionToken, Injector, ContentChildren, forwardRef, ɵɵinject, ApplicationRef, ComponentFactoryResolver, ViewChildren, Type } from '@angular/core';
+import { TemplateRef, Directive, ElementRef, ɵɵdefineInjectable, Injectable, Pipe, ChangeDetectorRef, NgModule, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, Input, EventEmitter, Output, ViewContainerRef, ViewChild, ContentChild, Host, isDevMode, Renderer2, NgZone, HostListener, InjectionToken, Injector, ContentChildren, forwardRef, ɵɵinject, ApplicationRef, ComponentFactoryResolver, ViewChildren, 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, 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';
@@ -103,6 +103,15 @@ function isUndefined(val) {
 const last = (values) => values === null || values === void 0 ? void 0 : values[values.length - 1];
 const isTemplateRef = (label) => label instanceof TemplateRef;
 const handlePixel = (value) => Number.isNaN(+value) ? value : value + 'px';
+const simplifyStringToTestId = (input) => {
+    if (!input)
+        return '';
+    return input
+        .replaceAll('\r', '')
+        .replaceAll('\n', '')
+        .replaceAll('\\s', '')
+        .replaceAll(' ', '');
+};
 
 const observeResizeOn = (target, options) => new Observable(observer => {
     const resizeObserver = new ResizeObserver(entries => {
@@ -147,6 +156,38 @@ function watchContentExist(queryList) {
     return queryList.changes.pipe(startWith(queryList), map((list) => !!list.length), publishReplay(1), refCount());
 }
 
+const simplifyString = (str) => str
+    .replaceAll('\r', '')
+    .replaceAll('\n', '')
+    .replaceAll('\\s', '')
+    .replaceAll(' ', '');
+const ɵ0 = simplifyString;
+class E2eAttributeBindingDirective {
+    constructor(el) {
+        this.el = el;
+    }
+    ngAfterViewInit() {
+        this.setId();
+    }
+    setId() {
+        const currentAttr = simplifyString(this.el.nativeElement.getAttribute('data-test') ||
+            simplifyString(this.el.nativeElement.nodeName +
+                '/' +
+                this.el.nativeElement.textContent));
+        if (currentAttr !== this.el.nativeElement.getAttribute('data-test')) {
+            this.el.nativeElement.dataset.test = currentAttr;
+        }
+    }
+}
+E2eAttributeBindingDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[click]',
+            },] }
+];
+E2eAttributeBindingDirective.ctorParameters = () => [
+    { type: ElementRef }
+];
+
 class ThemeService {
     constructor() {
         this.currentAppTheme$$ = new ReplaySubject(1);
@@ -209,6 +250,9 @@ class ThemePickerPipe {
         if (v instanceof Function) {
             return v(this.currentTheme);
         }
+        if (Array.isArray(v)) {
+            return v[this.currentTheme === 'light' ? 0 : 1];
+        }
         return v[this.currentTheme];
     }
     ngOnDestroy() {
@@ -338,7 +382,7 @@ class IconComponent {
 IconComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aui-icon',
-                template: "<svg\n  *ngIf=\"icon === 'spinner'; else icons\"\n  [attr.class]=\"getClass('aui-icon-spinner')\"\n  [style.fill]=\"color\"\n  [style.width]=\"getWidth()\"\n  [style.height]=\"getHeight()\"\n  viewBox=\"0 0 200 200\"\n>\n  <defs>\n    <linearGradient\n      [attr.id]=\"'right-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"150\"\n      y1=\"20\"\n      x2=\"150\"\n      y2=\"180\"\n    >\n      <stop offset=\"0\" style=\"stop-color: #000\" />\n      <stop offset=\"1\" style=\"stop-color: #808080\" />\n    </linearGradient>\n    <linearGradient\n      [attr.id]=\"'left-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"50\"\n      y1=\"0\"\n      x2=\"50\"\n      y2=\"180\"\n    >\n      <stop offset=\"0\" style=\"stop-color: #fff\" />\n      <stop offset=\"1\" style=\"stop-color: #808080\" />\n    </linearGradient>\n    <mask [attr.id]=\"'mask-' + id\">\n      <g>\n        <path\n          [attr.fill]=\"'url(#right-' + id + ')'\"\n          d=\"M100,0v20c44.1,0,80,35.9,80,80c0,44.1-35.9,80-80,80v20c55.2,0,100-44.8,100-100S155.2,0,100,0z\"\n        />\n        <path\n          [attr.fill]=\"'url(#left-' + id + ')'\"\n          d=\"M20,100c0-44.1,35.9-80,80-80V0C44.8,0,0,44.8,0,100s44.8,100,100,100v-20C55.9,180,20,144.1,20,100z\"\n        />\n      </g>\n    </mask>\n  </defs>\n  <rect\n    x=\"0\"\n    y=\"0\"\n    width=\"200\"\n    height=\"200\"\n    [attr.mask]=\"'url(#mask-' + id + ')'\"\n  />\n</svg>\n\n<ng-template #icons>\n  <svg\n    *ngIf=\"\n      getIconId(\n        icon ? icon : ({ light: light, dark: dark } | auiThemePicker)\n      ) as iconId\n    \"\n    [attr.class]=\"getClass(iconId)\"\n    [style.fill]=\"color\"\n    [style.width]=\"getWidth()\"\n    [style.height]=\"getHeight()\"\n  >\n    <use [attr.xlink:href]=\"link + '#' + iconId\"></use>\n  </svg>\n</ng-template>\n",
+                template: "<svg\n  *ngIf=\"icon === 'spinner'; else icons\"\n  [attr.class]=\"getClass('aui-icon-spinner')\"\n  [style.fill]=\"color\"\n  [style.width]=\"getWidth()\"\n  [style.height]=\"getHeight()\"\n  viewBox=\"0 0 200 200\"\n>\n  <defs>\n    <linearGradient\n      [attr.id]=\"'right-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"150\"\n      y1=\"20\"\n      x2=\"150\"\n      y2=\"180\"\n    >\n      <stop offset=\"0\" style=\"stop-color: #000\" />\n      <stop offset=\"1\" style=\"stop-color: #808080\" />\n    </linearGradient>\n    <linearGradient\n      [attr.id]=\"'left-' + id\"\n      gradientUnits=\"userSpaceOnUse\"\n      x1=\"50\"\n      y1=\"0\"\n      x2=\"50\"\n      y2=\"180\"\n    >\n      <stop offset=\"0\" style=\"stop-color: #fff\" />\n      <stop offset=\"1\" style=\"stop-color: #808080\" />\n    </linearGradient>\n    <mask [attr.id]=\"'mask-' + id\">\n      <g>\n        <path\n          [attr.fill]=\"'url(#right-' + id + ')'\"\n          d=\"M100,0v20c44.1,0,80,35.9,80,80c0,44.1-35.9,80-80,80v20c55.2,0,100-44.8,100-100S155.2,0,100,0z\"\n        />\n        <path\n          [attr.fill]=\"'url(#left-' + id + ')'\"\n          d=\"M20,100c0-44.1,35.9-80,80-80V0C44.8,0,0,44.8,0,100s44.8,100,100,100v-20C55.9,180,20,144.1,20,100z\"\n        />\n      </g>\n    </mask>\n  </defs>\n  <rect\n    x=\"0\"\n    y=\"0\"\n    width=\"200\"\n    height=\"200\"\n    [attr.mask]=\"'url(#mask-' + id + ')'\"\n  />\n</svg>\n\n<ng-template #icons>\n  <svg\n    *ngIf=\"getIconId(icon ? icon : ([light, dark] | auiThemePicker)) as iconId\"\n    [attr.class]=\"getClass(iconId)\"\n    [style.fill]=\"color\"\n    [style.width]=\"getWidth()\"\n    [style.height]=\"getHeight()\"\n  >\n    <use [attr.xlink:href]=\"link + '#' + iconId\"></use>\n  </svg>\n</ng-template>\n",
                 encapsulation: ViewEncapsulation.None,
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 preserveWhitespaces: false,
@@ -349,7 +393,7 @@ IconComponent.ctorParameters = () => [
     { type: IconRegisterService }
 ];
 IconComponent.propDecorators = {
-    icon: [{ type: Input }],
+    icon: [{ type: HostBinding, args: ['attr.data-test',] }, { type: Input }],
     light: [{ type: Input }],
     dark: [{ type: Input }],
     link: [{ type: Input }],
@@ -1083,6 +1127,9 @@ class ButtonComponent {
         this.renderer.addClass(this.el.nativeElement, prefix + this.size);
         this.focusMonitor.monitor(this.el.nativeElement, false);
     }
+    get testId() {
+        return ('AUI-BUTTON/' + simplifyStringToTestId(this.el.nativeElement.textContent));
+    }
     get type() {
         return this._type;
     }
@@ -1178,6 +1225,7 @@ ButtonComponent.ctorParameters = () => [
     { type: FocusMonitor }
 ];
 ButtonComponent.propDecorators = {
+    testId: [{ type: HostBinding, args: ['attr.data-test',] }],
     type: [{ type: Input, args: ['aui-button',] }],
     size: [{ type: Input }],
     plain: [{ type: Input }],
@@ -2154,7 +2202,7 @@ class DialogComponent {
 DialogComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aui-dialog',
-                template: "<div [ngClass]=\"rootClass\" [ngStyle]=\"customStyle\">\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n",
+                template: "<div [ngClass]=\"rootClass\" [ngStyle]=\"customStyle\" data-test=\"AUI-DIALOG\">\n  <ng-template cdkPortalOutlet></ng-template>\n</div>\n",
                 encapsulation: ViewEncapsulation.None,
                 // tslint:disable-next-line:validate-decorators
                 changeDetection: ChangeDetectionStrategy.Default,
@@ -2674,8 +2722,9 @@ FormModule.decorators = [
  */
 // tslint:disable-next-line:directive-class-suffix
 class CommonFormControl {
-    constructor(cdr) {
+    constructor(cdr, elementRef) {
         this.cdr = cdr;
+        this.elementRef = elementRef;
         this.valueChange = new EventEmitter();
         this.value$$ = new ReplaySubject(1);
         this._disabled = false;
@@ -2690,6 +2739,11 @@ class CommonFormControl {
     set disabled(val) {
         this._disabled = coerceAttrBoolean(val);
     }
+    get testId() {
+        return ('AUI-FORM-CONTROL/' +
+            (this.elementRef.nativeElement.getAttribute('formControlName') ||
+                this.elementRef.nativeElement.getAttribute('name')));
+    }
     get readonly() {
         return this.disabled;
     }
@@ -2740,10 +2794,12 @@ CommonFormControl.decorators = [
     { type: Directive }
 ];
 CommonFormControl.ctorParameters = () => [
-    { type: ChangeDetectorRef }
+    { type: ChangeDetectorRef },
+    { type: ElementRef }
 ];
 CommonFormControl.propDecorators = {
     disabled: [{ type: Input }],
+    testId: [{ type: HostBinding, args: ['attr.data-test',] }],
     readonly: [{ type: Input }],
     propValue: [{ type: Input, args: ['value',] }],
     valueChange: [{ type: Output }]
@@ -2849,6 +2905,9 @@ class BaseRadio {
         this._value = val;
         this.value$$.next(val);
     }
+    get _testId() {
+        return 'AUI-RADIO/' + this.value;
+    }
     ngOnInit() {
         this.radioGroup.name$.pipe(takeUntil(this.destroy$$)).subscribe(name => {
             this.name = name;
@@ -2889,6 +2948,7 @@ BaseRadio.ctorParameters = () => [
 BaseRadio.propDecorators = {
     disabled: [{ type: Input }],
     value: [{ type: Input }],
+    _testId: [{ type: HostBinding, args: ['attr.data-test',] }],
     elRef: [{ type: ViewChild, args: ['elRef', { static: true },] }]
 };
 
@@ -3080,8 +3140,8 @@ CheckboxGroupComponent.propDecorators = {
 
 let uniqueId$2 = 0;
 class CheckboxComponent extends CommonFormControl {
-    constructor(cdr, checkboxGroup, focusMonitor) {
-        super(cdr);
+    constructor(cdr, checkboxGroup, focusMonitor, elementRef) {
+        super(cdr, elementRef);
         this.focusMonitor = focusMonitor;
         this.id = `aui-checkbox-${uniqueId$2++}`;
         this.name = '';
@@ -3166,12 +3226,13 @@ CheckboxComponent.decorators = [
 CheckboxComponent.ctorParameters = () => [
     { type: ChangeDetectorRef },
     { type: CheckboxGroupComponent, decorators: [{ type: Optional }, { type: Inject, args: [forwardRef(() => CheckboxGroupComponent),] }] },
-    { type: FocusMonitor }
+    { type: FocusMonitor },
+    { type: ElementRef }
 ];
 CheckboxComponent.propDecorators = {
     name: [{ type: Input }],
     type: [{ type: Input }],
-    label: [{ type: Input }],
+    label: [{ type: HostBinding, args: ['attr.data-test',] }, { type: Input }],
     indeterminate: [{ type: Input }],
     elRef: [{ type: ViewChild, args: ['elRef', { static: true },] }]
 };
@@ -3201,6 +3262,12 @@ class InputComponent {
         this.renderer.addClass(this.elementRef.nativeElement, 'aui-input');
         this.renderer.addClass(this.elementRef.nativeElement, 'aui-input--' + this.size);
     }
+    get testId() {
+        return ('AUI-INPUT/' +
+            (this.elementRef.nativeElement.getAttribute('formcontrolname') ||
+                this.elementRef.nativeElement.getAttribute('name') ||
+                ''));
+    }
     get size() {
         return this._size;
     }
@@ -3247,6 +3314,7 @@ InputComponent.ctorParameters = () => [
     { type: Renderer2 }
 ];
 InputComponent.propDecorators = {
+    testId: [{ type: HostBinding, args: ['attr.data-test',] }],
     size: [{ type: Input }],
     disabled: [{ type: Input }]
 };
@@ -3422,8 +3490,8 @@ function createWithMaxRowCount(component) {
 
 const INPUT_ERROR_KEY = 'input_data_error';
 class TagsInputComponent extends CommonFormControl {
-    constructor(cdr, fb, renderer, injector) {
-        super(cdr);
+    constructor(cdr, fb, renderer, injector, elementRef) {
+        super(cdr, elementRef);
         this.fb = fb;
         this.renderer = renderer;
         this.injector = injector;
@@ -3646,7 +3714,8 @@ TagsInputComponent.ctorParameters = () => [
     { type: ChangeDetectorRef },
     { type: FormBuilder },
     { type: Renderer2 },
-    { type: Injector }
+    { type: Injector },
+    { type: ElementRef }
 ];
 TagsInputComponent.propDecorators = {
     placeholder: [{ type: Input }],
@@ -4179,6 +4248,10 @@ class DropdownDirective extends BaseTooltip {
         this.position = 'bottom end';
         this.trigger = TooltipTrigger.Click;
     }
+    get testId() {
+        return ('AUI-DROPDOWN/' +
+            simplifyStringToTestId(this.elRef.nativeElement.textContent));
+    }
     get menu() {
         return this._menu;
     }
@@ -4230,6 +4303,7 @@ DropdownDirective.ctorParameters = () => [
     { type: NgZone }
 ];
 DropdownDirective.propDecorators = {
+    testId: [{ type: HostBinding, args: ['attr.data-test',] }],
     menu: [{ type: Input, args: ['auiDropdown',] }],
     lazyContentContext: [{ type: Input, args: ['auiDropdownContext',] }],
     hideOnClick: [{ type: Input, args: ['auiDropdownHideOnClick',] }],
@@ -4382,7 +4456,7 @@ class DropdownButtonComponent {
 DropdownButtonComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aui-dropdown-button',
-                template: "<div [class]=\"bem.block(size)\">\n  <button\n    type=\"button\"\n    class=\"aui-dropdown-button__content\"\n    [aui-button]=\"type\"\n    [plain]=\"plain\"\n    [size]=\"size\"\n    [loading]=\"loading\"\n    [disabled]=\"disabled\"\n    (click)=\"buttonClick.emit($event)\"\n  >\n    <ng-content></ng-content>\n  </button>\n  <button\n    type=\"button\"\n    class=\"aui-dropdown-button__trigger\"\n    [aui-button]=\"type\"\n    [plain]=\"plain\"\n    [size]=\"size\"\n    [auiDropdown]=\"menu\"\n    [disabled]=\"disableTrigger\"\n  >\n    <aui-icon icon=\"angle_down\"></aui-icon>\n  </button>\n</div>\n",
+                template: "<div [class]=\"bem.block(size)\">\n  <button\n    type=\"button\"\n    class=\"aui-dropdown-button__content\"\n    [aui-button]=\"type\"\n    [plain]=\"plain\"\n    [size]=\"size\"\n    [loading]=\"loading\"\n    [disabled]=\"disabled\"\n    (click)=\"buttonClick.emit($event)\"\n    data-test=\"DROPDOWN-BUTTON/\"\n  >\n    <ng-content></ng-content>\n  </button>\n  <button\n    type=\"button\"\n    class=\"aui-dropdown-button__trigger\"\n    [aui-button]=\"type\"\n    [plain]=\"plain\"\n    [size]=\"size\"\n    [auiDropdown]=\"menu\"\n    [disabled]=\"disableTrigger\"\n  >\n    <aui-icon icon=\"angle_down\"></aui-icon>\n  </button>\n</div>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
@@ -4546,6 +4620,9 @@ class OptionComponent {
         this._label = val;
         this.label$$.next(val);
     }
+    get testId() {
+        return 'AUI-OPTION/' + (this.label || this.value);
+    }
     get labelContext() {
         return this._labelContext;
     }
@@ -4600,6 +4677,7 @@ OptionComponent.ctorParameters = () => [
 ];
 OptionComponent.propDecorators = {
     label: [{ type: Input }],
+    testId: [{ type: HostBinding, args: ['attr.data-test',] }],
     labelContext: [{ type: Input }],
     value: [{ type: Input }],
     disabled: [{ type: Input }],
@@ -4916,8 +4994,8 @@ var SelectAllStatus;
 })(SelectAllStatus || (SelectAllStatus = {}));
 
 class MultiSelectComponent extends BaseSelect {
-    constructor(cdr, renderer) {
-        super(cdr);
+    constructor(cdr, renderer, elementRef) {
+        super(cdr, elementRef);
         this.renderer = renderer;
         this.bem = buildBem('aui-multi-select');
         this.bemSelectAll = buildBem('aui-option');
@@ -5149,7 +5227,7 @@ class MultiSelectComponent extends BaseSelect {
 MultiSelectComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aui-multi-select',
-                template: "<div\n  [class]=\"rootClass\"\n  #selectRef\n  #tooltipRef=\"auiTooltip\"\n  [auiTooltip]=\"templateRef\"\n  [auiTooltipDisabled]=\"disabled\"\n  auiTooltipTrigger=\"click\"\n  auiTooltipPosition=\"bottom start\"\n  auiTooltipType=\"plain\"\n  (auiTooltipShow)=\"onShowOptions()\"\n  (auiTooltipHide)=\"onHideOptions()\"\n  (mousedown)=\"$event.preventDefault()\"\n  [style.max-height]=\"maxHeight\"\n>\n  <div class=\"aui-multi-select__suffix\">\n    <span class=\"aui-multi-select__icon-container\">\n      <aui-icon\n        class=\"aui-multi-select__indicator\"\n        [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n      ></aui-icon>\n      <aui-icon\n        class=\"aui-multi-select__clear\"\n        icon=\"close_small\"\n        (click)=\"clearValue($event)\"\n      ></aui-icon>\n    </span>\n  </div>\n  <span\n    [hidden]=\"selectedValues.length || inputRef.value.length\"\n    [class]=\"bem.element('placeholder')\"\n  >\n    {{ placeholder }}\n  </span>\n  <aui-tag\n    *ngFor=\"let option of selectedOptions$ | async; trackBy: trackByValue\"\n    type=\"info\"\n    [round]=\"true\"\n    [border]=\"true\"\n    [size]=\"tagSize\"\n    [closeable]=\"!disabled\"\n    (close)=\"removeValue(option.value)\"\n    [ngClass]=\"tagClassFn && tagClassFn(option.label, option.value)\"\n  >\n    <ng-container\n      *ngIf=\"isTemplateRef(option.label); else label\"\n      [ngTemplateOutlet]=\"option.label\"\n      [ngTemplateOutletContext]=\"option.labelContext\"\n    ></ng-container>\n    <ng-template #label>\n      {{ option.label }}\n    </ng-template>\n  </aui-tag>\n  <input\n    #inputRef\n    autocomplete=\"off\"\n    [readonly]=\"inputReadonly\"\n    [class]=\"inputClass\"\n    (focus)=\"onInputFocus()\"\n    (blur)=\"onInputBlur()\"\n    (keydown)=\"onKeyDown($event)\"\n    (input)=\"onInput($event)\"\n  />\n  <span #inputValueMirror [class]=\"bem.element('mirror')\">\n    {{ inputValue }}\n  </span>\n</div>\n\n<ng-template #templateRef>\n  <div\n    class=\"aui-option-container\"\n    [style.minWidth]=\"containerWidth\"\n    (mousedown)=\"$event.preventDefault()\"\n  >\n    <div #optionListRef class=\"aui-option-container__content\">\n      <ng-container\n        *ngIf=\"\n          allowSelectAll &&\n          (hasEnabledOptions$ | async) &&\n          ((hasVisibleOption$ | async) ||\n            (allowCreate && (customCreatedOptions$ | async).length) ||\n            (allowCreate && filterString))\n        \"\n      >\n        <div\n          class=\"aui-option\"\n          [class]=\"bemSelectAll.block(size$ | async)\"\n          [class.isDisabled]=\"disabled\"\n          [class.isSelected]=\"!!(selectAllStatus$ | async)\"\n          [class.isMulti]=\"true\"\n          (click)=\"onSelectAllClick()\"\n        >\n          <i class=\"aui-option__pointer\">\n            <aui-icon\n              [icon]=\"\n                (selectAllStatus$ | async) === 'checked'\n                  ? 'check_s'\n                  : 'square_s'\n              \"\n              [hidden]=\"!(selectAllStatus$ | async)\"\n            ></aui-icon>\n          </i>\n          {{ 'select_all' | auiI18n }}\n        </div>\n        <hr class=\"divider\" />\n      </ng-container>\n      <aui-option\n        #inputtingOption\n        *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n        [value]=\"filterString\"\n      >\n        {{ filterString }}\n      </aui-option>\n      <ng-container *ngIf=\"allowCreate\">\n        <aui-option\n          *ngFor=\"let option of customCreatedOptions$ | async\"\n          [label]=\"option.label\"\n          [value]=\"option.value\"\n        >\n          {{ option.label }}\n        </aui-option>\n      </ng-container>\n      <ng-content></ng-content>\n    </div>\n    <div\n      *ngIf=\"\n        !(\n          (hasVisibleOption$ | async) ||\n          (allowCreate && (customCreatedOptions$ | async).length) ||\n          (allowCreate && filterString)\n        )\n      \"\n      class=\"aui-option-container__placeholder\"\n    >\n      <ng-content select=\"aui-option-placeholder\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n",
+                template: "<div\n  [class]=\"rootClass\"\n  #selectRef\n  #tooltipRef=\"auiTooltip\"\n  [auiTooltip]=\"templateRef\"\n  [auiTooltipDisabled]=\"disabled\"\n  auiTooltipTrigger=\"click\"\n  auiTooltipPosition=\"bottom start\"\n  auiTooltipType=\"plain\"\n  (auiTooltipShow)=\"onShowOptions()\"\n  (auiTooltipHide)=\"onHideOptions()\"\n  (mousedown)=\"$event.preventDefault()\"\n  [style.max-height]=\"maxHeight\"\n>\n  <div class=\"aui-multi-select__suffix\">\n    <span class=\"aui-multi-select__icon-container\">\n      <aui-icon\n        class=\"aui-multi-select__indicator\"\n        [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n      ></aui-icon>\n      <aui-icon\n        class=\"aui-multi-select__clear\"\n        icon=\"close_small\"\n        (click)=\"clearValue($event)\"\n      ></aui-icon>\n    </span>\n  </div>\n  <span\n    [hidden]=\"selectedValues.length || inputRef.value.length\"\n    [class]=\"bem.element('placeholder')\"\n  >\n    {{ placeholder }}\n  </span>\n  <aui-tag\n    *ngFor=\"let option of selectedOptions$ | async; trackBy: trackByValue\"\n    type=\"info\"\n    [round]=\"true\"\n    [border]=\"true\"\n    [size]=\"tagSize\"\n    [closeable]=\"!disabled\"\n    (close)=\"removeValue(option.value)\"\n    [ngClass]=\"tagClassFn && tagClassFn(option.label, option.value)\"\n  >\n    <ng-container\n      *ngIf=\"isTemplateRef(option.label); else label\"\n      [ngTemplateOutlet]=\"option.label\"\n      [ngTemplateOutletContext]=\"option.labelContext\"\n    ></ng-container>\n    <ng-template #label>\n      {{ option.label }}\n    </ng-template>\n  </aui-tag>\n  <input\n    #inputRef\n    autocomplete=\"off\"\n    [readonly]=\"inputReadonly\"\n    [class]=\"inputClass\"\n    (focus)=\"onInputFocus()\"\n    (blur)=\"onInputBlur()\"\n    (keydown)=\"onKeyDown($event)\"\n    (input)=\"onInput($event)\"\n  />\n  <span #inputValueMirror [class]=\"bem.element('mirror')\">\n    {{ inputValue }}\n  </span>\n</div>\n\n<ng-template #templateRef>\n  <div\n    class=\"aui-option-container\"\n    [style.minWidth]=\"containerWidth\"\n    (mousedown)=\"$event.preventDefault()\"\n  >\n    <div #optionListRef class=\"aui-option-container__content\">\n      <ng-container\n        *ngIf=\"\n          allowSelectAll &&\n          (hasEnabledOptions$ | async) &&\n          ((hasVisibleOption$ | async) ||\n            (allowCreate && (customCreatedOptions$ | async).length) ||\n            (allowCreate && filterString))\n        \"\n      >\n        <div\n          class=\"aui-option\"\n          [class]=\"bemSelectAll.block(size$ | async)\"\n          [class.isDisabled]=\"disabled\"\n          [class.isSelected]=\"!!(selectAllStatus$ | async)\"\n          [class.isMulti]=\"true\"\n          (click)=\"onSelectAllClick()\"\n        >\n          <i class=\"aui-option__pointer\">\n            <aui-icon\n              [icon]=\"\n                (selectAllStatus$ | async) === 'checked'\n                  ? 'check_s'\n                  : 'square_s'\n              \"\n              [hidden]=\"!(selectAllStatus$ | async)\"\n            ></aui-icon>\n          </i>\n          {{ 'select_all' | auiI18n }}\n        </div>\n        <hr class=\"divider\" />\n      </ng-container>\n      <aui-option\n        #inputtingOption\n        *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n        [value]=\"filterString\"\n      >\n        {{ filterString }}\n      </aui-option>\n      <ng-container *ngIf=\"allowCreate\">\n        <aui-option\n          *ngFor=\"let option of customCreatedOptions$ | async\"\n          [label]=\"option.label\"\n          [value]=\"option.value\"\n          [attr.data-test]=\"'aui-option/' + option.label\"\n          >AUI-FORM-CONTROL/\n          {{ option.label }}\n        </aui-option>\n      </ng-container>\n      <ng-content></ng-content>\n    </div>\n    <div\n      *ngIf=\"\n        !(\n          (hasVisibleOption$ | async) ||\n          (allowCreate && (customCreatedOptions$ | async).length) ||\n          (allowCreate && filterString)\n        )\n      \"\n      class=\"aui-option-container__placeholder\"\n    >\n      <ng-content select=\"aui-option-placeholder\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
@@ -5169,7 +5247,8 @@ MultiSelectComponent.decorators = [
 ];
 MultiSelectComponent.ctorParameters = () => [
     { type: ChangeDetectorRef },
-    { type: Renderer2 }
+    { type: Renderer2 },
+    { type: ElementRef }
 ];
 MultiSelectComponent.propDecorators = {
     tagClassFn: [{ type: Input }],
@@ -5281,7 +5360,7 @@ class SelectComponent extends BaseSelect {
 SelectComponent.decorators = [
     { type: Component, args: [{
                 selector: 'aui-select',
-                template: "<div\n  [class]=\"rootClass\"\n  [class.isDisabled]=\"disabled\"\n  [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n  [class.isFilterable]=\"filterable\"\n  [class.isOpened]=\"opened\"\n  #selectRef\n  #tooltipRef=\"auiTooltip\"\n  [auiTooltip]=\"templateRef\"\n  [auiTooltipDisabled]=\"disabled\"\n  auiTooltipTrigger=\"click\"\n  auiTooltipPosition=\"bottom start\"\n  auiTooltipType=\"plain\"\n  (auiTooltipShow)=\"onShowOptions()\"\n  (auiTooltipHide)=\"onHideOptions()\"\n>\n  <aui-input-group>\n    <input\n      #inputRef\n      class=\"aui-select__input\"\n      autocomplete=\"off\"\n      aui-input\n      [disabled]=\"disabled\"\n      [size]=\"size\"\n      [readonly]=\"inputReadonly\"\n      [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n      (input)=\"onInput($event)\"\n      (keydown)=\"onKeyDown($event)\"\n      (blur)=\"closeOption()\"\n    />\n    <span auiInputSuffix class=\"aui-select__icon-container\">\n      <aui-icon\n        class=\"aui-select__indicator\"\n        [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n      ></aui-icon>\n      <aui-icon\n        class=\"aui-select__clear\"\n        icon=\"close_small\"\n        (click)=\"clearValue($event)\"\n      ></aui-icon>\n    </span>\n    <div\n      *ngIf=\"(selectedOption$ | async) && !filterString\"\n      class=\"aui-select__label-container aui-input aui-input--{{ size }}\"\n      [attr.disabled]=\"disabled ? true : null\"\n    >\n      <div class=\"aui-select__label\">\n        <ng-container *ngIf=\"(selectedOption$ | async).label as optionLabel\">\n          <ng-container\n            *ngIf=\"isTemplateRef(optionLabel); else label\"\n            [ngTemplateOutlet]=\"optionLabel\"\n            [ngTemplateOutletContext]=\"(selectedOption$ | async).labelContext\"\n          ></ng-container>\n          <ng-template #label>{{ optionLabel }}</ng-template>\n        </ng-container>\n      </div>\n    </div>\n  </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n  <div\n    [class]=\"containerClass\"\n    [style.minWidth]=\"containerWidth\"\n    (mousedown)=\"$event.preventDefault()\"\n  >\n    <div #optionListRef class=\"aui-option-container__content\">\n      <aui-option\n        #inputtingOption\n        *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n        [value]=\"filterString\"\n      >\n        {{ filterString }}\n      </aui-option>\n      <ng-container *ngIf=\"allowCreate\">\n        <aui-option\n          *ngFor=\"let option of customCreatedOptions$ | async\"\n          [label]=\"option.label\"\n          [value]=\"option.value\"\n        >\n          {{ option.label }}\n        </aui-option>\n      </ng-container>\n      <ng-content></ng-content>\n    </div>\n    <div\n      *ngIf=\"\n        !(\n          (hasVisibleOption$ | async) ||\n          (allowCreate && (customCreatedOptions$ | async).length) ||\n          (allowCreate && filterString)\n        )\n      \"\n      class=\"aui-option-container__placeholder\"\n    >\n      <ng-content select=\"aui-option-placeholder\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n",
+                template: "<div\n  [class]=\"rootClass\"\n  [class.isDisabled]=\"disabled\"\n  [class.isClearable]=\"isClearable(hasSelected$ | async)\"\n  [class.isFilterable]=\"filterable\"\n  [class.isOpened]=\"opened\"\n  #selectRef\n  #tooltipRef=\"auiTooltip\"\n  [auiTooltip]=\"templateRef\"\n  [auiTooltipDisabled]=\"disabled\"\n  auiTooltipTrigger=\"click\"\n  auiTooltipPosition=\"bottom start\"\n  auiTooltipType=\"plain\"\n  (auiTooltipShow)=\"onShowOptions()\"\n  (auiTooltipHide)=\"onHideOptions()\"\n>\n  <aui-input-group>\n    <input\n      #inputRef\n      class=\"aui-select__input\"\n      autocomplete=\"off\"\n      aui-input\n      [disabled]=\"disabled\"\n      [size]=\"size\"\n      [readonly]=\"inputReadonly\"\n      [placeholder]=\"!(hasSelected$ | async) ? placeholder : ''\"\n      (input)=\"onInput($event)\"\n      (keydown)=\"onKeyDown($event)\"\n      (blur)=\"closeOption()\"\n    />\n    <span auiInputSuffix class=\"aui-select__icon-container\">\n      <aui-icon\n        class=\"aui-select__indicator\"\n        [icon]=\"loading ? 'spinner' : 'caret_down_s'\"\n      ></aui-icon>\n      <aui-icon\n        class=\"aui-select__clear\"\n        icon=\"close_small\"\n        (click)=\"clearValue($event)\"\n      ></aui-icon>\n    </span>\n    <div\n      *ngIf=\"(selectedOption$ | async) && !filterString\"\n      class=\"aui-select__label-container aui-input aui-input--{{ size }}\"\n      [attr.disabled]=\"disabled ? true : null\"\n    >\n      <div class=\"aui-select__label\">\n        <ng-container *ngIf=\"(selectedOption$ | async).label as optionLabel\">\n          <ng-container\n            *ngIf=\"isTemplateRef(optionLabel); else label\"\n            [ngTemplateOutlet]=\"optionLabel\"\n            [ngTemplateOutletContext]=\"(selectedOption$ | async).labelContext\"\n          ></ng-container>\n          <ng-template #label>{{ optionLabel }}</ng-template>\n        </ng-container>\n      </div>\n    </div>\n  </aui-input-group>\n</div>\n\n<ng-template #templateRef>\n  <div\n    [class]=\"containerClass\"\n    [style.minWidth]=\"containerWidth\"\n    (mousedown)=\"$event.preventDefault()\"\n  >\n    <div #optionListRef class=\"aui-option-container__content\">\n      <aui-option\n        #inputtingOption\n        *ngIf=\"allowCreate && filterString && !(hasMatchedOption$ | async)\"\n        [value]=\"filterString\"\n      >\n        {{ filterString }}\n      </aui-option>\n      <ng-container *ngIf=\"allowCreate\">\n        <aui-option\n          *ngFor=\"let option of customCreatedOptions$ | async\"\n          [label]=\"option.label\"\n          [value]=\"option.value\"\n          [attr.data-test]=\"'aui-option/' + option.label\"\n        >\n          {{ option.label }}\n        </aui-option>\n      </ng-container>\n      <ng-content></ng-content>\n    </div>\n    <div\n      *ngIf=\"\n        !(\n          (hasVisibleOption$ | async) ||\n          (allowCreate && (customCreatedOptions$ | async).length) ||\n          (allowCreate && filterString)\n        )\n      \"\n      class=\"aui-option-container__placeholder\"\n    >\n      <ng-content select=\"aui-option-placeholder\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
@@ -5532,7 +5611,7 @@ PaginatorComponent.decorators = [
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 encapsulation: ViewEncapsulation.None,
                 preserveWhitespaces: false,
-                styles: [".aui-paginator{display:inline-flex;align-items:center;color:rgb(var(--aui-color-n-1))}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset;background-color:transparent}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator:hover aui-icon:first-child,.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__total{font-size:var(--aui-font-size-m)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-font-size-l)}.aui-paginator__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}"]
+                styles: [".aui-paginator{display:inline-flex;align-items:center;color:rgb(var(--aui-color-n-1))}.aui-paginator .aui-button{width:var(--aui-line-height-xl);height:var(--aui-line-height-xl);border:unset}.aui-paginator .aui-button--default{background-color:transparent}.aui-paginator .aui-button .aui-button__content{padding:unset}.aui-paginator__fast-navigator[hidden]{display:none}.aui-paginator__fast-navigator .aui-icon{margin:0}.aui-paginator__fast-navigator:hover aui-icon:first-child,.aui-paginator__fast-navigator aui-icon:last-child{display:none}.aui-paginator__fast-navigator:hover aui-icon:last-child{display:inline}.aui-paginator__sizes{display:inline-flex;align-items:center}.aui-paginator__sizes .aui-select{width:80px;margin-right:var(--aui-spacing-s)}.aui-paginator__jumper .aui-input{width:80px}.aui-paginator__jumper span+input{margin-left:var(--aui-spacing-m)}.aui-paginator__jumper input+span{margin-left:var(--aui-spacing-s)}.aui-paginator__total{font-size:var(--aui-font-size-m)}.aui-paginator__navigator.aui-button{background-color:rgb(var(--aui-color-n-8))}.aui-paginator__navigator.aui-button aui-icon{font-size:var(--aui-font-size-l)}.aui-paginator__navigator.aui-button:hover{background-color:rgb(var(--aui-color-p-6))}.aui-paginator__pager{border:1px solid rgb(var(--aui-color-n-7));padding:3px;border-radius:var(--aui-border-radius-m);background-color:rgb(var(--aui-color-main-bg))}.aui-paginator__layout{display:inline-block}.aui-paginator__layout+.aui-paginator__layout{margin-left:var(--aui-spacing-l)}"]
             },] }
 ];
 PaginatorComponent.ctorParameters = () => [
@@ -7896,6 +7975,7 @@ AutocompleteModule.decorators = [
                     AutocompletePlaceholderComponent,
                     SuggestionGroupComponent,
                     SuggestionGroupTitleDirective,
+                    E2eAttributeBindingDirective,
                 ],
                 exports: [
                     AutoCompleteDirective,
@@ -8469,7 +8549,7 @@ FixedSizeTableVirtualScrollDirective.propDecorators = {
     table: [{ type: ContentChild, args: [TableComponent, { static: false },] }]
 };
 
-const ɵ0 = _fixedSizeVirtualScrollStrategyFactory;
+const ɵ0$1 = _fixedSizeVirtualScrollStrategyFactory;
 class FixedSizeVirtualScrollDirective extends CdkFixedSizeVirtualScroll {
 }
 FixedSizeVirtualScrollDirective.decorators = [
@@ -8479,7 +8559,7 @@ FixedSizeVirtualScrollDirective.decorators = [
                 providers: [
                     {
                         provide: VIRTUAL_SCROLL_STRATEGY,
-                        useFactory: ɵ0,
+                        useFactory: ɵ0$1,
                         deps: [forwardRef(() => FixedSizeVirtualScrollDirective)],
                     },
                 ],
@@ -9237,8 +9317,8 @@ TimePickerComponent.propDecorators = {
     tooltipRef: [{ type: ViewChild, args: ['tooltipRef',] }]
 };
 
-const ɵ0$1 = (_, index) => index;
-const HOUR_ITEMS = Array.from({ length: 24 }).map(ɵ0$1);
+const ɵ0$2 = (_, index) => index;
+const HOUR_ITEMS = Array.from({ length: 24 }).map(ɵ0$2);
 const ɵ1 = (_, index) => index;
 const MINUTE_ITEMS = Array.from({ length: 60 }).map(ɵ1);
 const ɵ2 = (_, index) => index;
@@ -9248,8 +9328,8 @@ const CONTROL_ITEM_HEIGHT = 28;
 const TIME_PICKER_COLUMN_WIDTH = 80;
 const bem$3 = buildBem('aui-time-picker-panel');
 class TimePickerPanelComponent extends CommonFormControl {
-    constructor(cdr) {
-        super(cdr);
+    constructor(cdr, elementRef) {
+        super(cdr, elementRef);
         this.cdr = cdr;
         this.hourStep = 1;
         this.minuteStep = 1;
@@ -9431,7 +9511,8 @@ TimePickerPanelComponent.decorators = [
             },] }
 ];
 TimePickerPanelComponent.ctorParameters = () => [
-    { type: ChangeDetectorRef }
+    { type: ChangeDetectorRef },
+    { type: ElementRef }
 ];
 TimePickerPanelComponent.propDecorators = {
     format: [{ type: Input }],
@@ -10725,5 +10806,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, 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, ThemePickerPipe, 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, TableExpandButtonCellComponent as ɵc, TableExpandPanelCellComponent as ɵd, TooltipCopyDirective as ɵe, DialogComponent as ɵf, ConfirmDialogComponent as ɵg, BaseRadio as ɵh, InputAddonBeforeDirective as ɵi, InputAddonAfterDirective as ɵj, InputPrefixDirective as ɵk, InputSuffixDirective as ɵl, SharedModule as ɵm, ClickOutsideDirective as ɵn, AutosizeDirective as ɵo, BaseSelect as ɵp, MenuGroupTitleDirective as ɵq, MessageWrapperComponent as ɵr, MessageComponent as ɵs, MessageAnimations as ɵt, BaseMessage as ɵu, NotificationWrapperComponent as ɵv, VirtualForOfDirective as ɵw, _isNumberValue as ɵx, DatePickerComponent as ɵy };
+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, E2eAttributeBindingDirective, 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, ThemePickerPipe, 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, simplifyStringToTestId, sleep, watchContentExist, zh, ɵ0, ɵ1, ɵ2, TablePlaceholderDefDirective as ɵa, TablePlaceholderOutlet as ɵb, TableExpandButtonCellComponent as ɵc, TableExpandPanelCellComponent as ɵd, TooltipCopyDirective as ɵe, DialogComponent as ɵf, ConfirmDialogComponent as ɵg, BaseRadio as ɵh, InputAddonBeforeDirective as ɵi, InputAddonAfterDirective as ɵj, InputPrefixDirective as ɵk, InputSuffixDirective as ɵl, SharedModule as ɵm, ClickOutsideDirective as ɵn, AutosizeDirective as ɵo, BaseSelect as ɵp, MenuGroupTitleDirective as ɵq, MessageWrapperComponent as ɵr, MessageComponent as ɵs, MessageAnimations as ɵt, BaseMessage as ɵu, NotificationWrapperComponent as ɵv, E2eAttributeBindingDirective as ɵw, VirtualForOfDirective as ɵx, _isNumberValue as ɵy, DatePickerComponent as ɵz };
 //# sourceMappingURL=alauda-ui.js.map