@alauda/ui 6.5.10-beta.4 → 6.5.10-beta.41

package/esm2022/input/input.module.mjs

@@ -0,0 +1,85 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { IconModule } from '../icon';
+import { SharedModule } from '../shared/shared.module';
+import { TagModule } from '../tag';
+import { AutosizeDirective } from './autosize.directive';
+import { InputAddonAfterDirective, InputAddonBeforeDirective, InputPrefixDirective, InputSuffixDirective, } from './helper-directives';
+import { InputGroupComponent } from './input-group/input-group.component';
+import { InputComponent } from './input.component';
+import { NumberInputComponent } from './number-input/number-input.component';
+import { SearchComponent } from './search/search.component';
+import { TagsInputComponent } from './tags-input/tags-input.component';
+import * as i0 from "@angular/core";
+export class InputModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.0", ngImport: i0, type: InputModule, declarations: [AutosizeDirective,
+            InputComponent,
+            InputGroupComponent,
+            InputAddonBeforeDirective,
+            InputAddonAfterDirective,
+            InputPrefixDirective,
+            InputSuffixDirective,
+            SearchComponent,
+            TagsInputComponent,
+            NumberInputComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            IconModule,
+            TagModule,
+            SharedModule], exports: [AutosizeDirective,
+            InputComponent,
+            InputGroupComponent,
+            InputAddonBeforeDirective,
+            InputAddonAfterDirective,
+            InputPrefixDirective,
+            InputSuffixDirective,
+            SearchComponent,
+            TagsInputComponent,
+            NumberInputComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            IconModule,
+            TagModule,
+            SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: InputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        IconModule,
+                        TagModule,
+                        SharedModule,
+                    ],
+                    declarations: [
+                        AutosizeDirective,
+                        InputComponent,
+                        InputGroupComponent,
+                        InputAddonBeforeDirective,
+                        InputAddonAfterDirective,
+                        InputPrefixDirective,
+                        InputSuffixDirective,
+                        SearchComponent,
+                        TagsInputComponent,
+                        NumberInputComponent,
+                    ],
+                    exports: [
+                        AutosizeDirective,
+                        InputComponent,
+                        InputGroupComponent,
+                        InputAddonBeforeDirective,
+                        InputAddonAfterDirective,
+                        InputPrefixDirective,
+                        InputSuffixDirective,
+                        SearchComponent,
+                        TagsInputComponent,
+                        NumberInputComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2lucHV0L2lucHV0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFbEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUNyQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFFBQVEsQ0FBQztBQUVuQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsd0JBQXdCLEVBQ3hCLHlCQUF5QixFQUN6QixvQkFBb0IsRUFDcEIsb0JBQW9CLEdBQ3JCLE1BQU0scUJBQXFCLENBQUM7QUFDN0IsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFvQ3ZFLE1BQU0sT0FBTyxXQUFXO3VHQUFYLFdBQVc7d0dBQVgsV0FBVyxpQkF4QnBCLGlCQUFpQjtZQUNqQixjQUFjO1lBQ2QsbUJBQW1CO1lBQ25CLHlCQUF5QjtZQUN6Qix3QkFBd0I7WUFDeEIsb0JBQW9CO1lBQ3BCLG9CQUFvQjtZQUNwQixlQUFlO1lBQ2Ysa0JBQWtCO1lBQ2xCLG9CQUFvQixhQWpCcEIsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsVUFBVTtZQUNWLFNBQVM7WUFDVCxZQUFZLGFBZVosaUJBQWlCO1lBQ2pCLGNBQWM7WUFDZCxtQkFBbUI7WUFDbkIseUJBQXlCO1lBQ3pCLHdCQUF3QjtZQUN4QixvQkFBb0I7WUFDcEIsb0JBQW9CO1lBQ3BCLGVBQWU7WUFDZixrQkFBa0I7WUFDbEIsb0JBQW9CO3dHQUdYLFdBQVcsWUFoQ3BCLFlBQVk7WUFDWixXQUFXO1lBQ1gsbUJBQW1CO1lBQ25CLFVBQVU7WUFDVixTQUFTO1lBQ1QsWUFBWTs7MkZBMkJILFdBQVc7a0JBbEN2QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixVQUFVO3dCQUNWLFNBQVM7d0JBQ1QsWUFBWTtxQkFDYjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLG1CQUFtQjt3QkFDbkIseUJBQXlCO3dCQUN6Qix3QkFBd0I7d0JBQ3hCLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3FCQUNyQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLG1CQUFtQjt3QkFDbkIseUJBQXlCO3dCQUN6Qix3QkFBd0I7d0JBQ3hCLG9CQUFvQjt3QkFDcEIsb0JBQW9CO3dCQUNwQixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3FCQUNyQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IEljb25Nb2R1bGUgfSBmcm9tICcuLi9pY29uJztcbmltcG9ydCB7IFNoYXJlZE1vZHVsZSB9IGZyb20gJy4uL3NoYXJlZC9zaGFyZWQubW9kdWxlJztcbmltcG9ydCB7IFRhZ01vZHVsZSB9IGZyb20gJy4uL3RhZyc7XG5cbmltcG9ydCB7IEF1dG9zaXplRGlyZWN0aXZlIH0gZnJvbSAnLi9hdXRvc2l6ZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHtcbiAgSW5wdXRBZGRvbkFmdGVyRGlyZWN0aXZlLFxuICBJbnB1dEFkZG9uQmVmb3JlRGlyZWN0aXZlLFxuICBJbnB1dFByZWZpeERpcmVjdGl2ZSxcbiAgSW5wdXRTdWZmaXhEaXJlY3RpdmUsXG59IGZyb20gJy4vaGVscGVyLWRpcmVjdGl2ZXMnO1xuaW1wb3J0IHsgSW5wdXRHcm91cENvbXBvbmVudCB9IGZyb20gJy4vaW5wdXQtZ3JvdXAvaW5wdXQtZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IElucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTnVtYmVySW5wdXRDb21wb25lbnQgfSBmcm9tICcuL251bWJlci1pbnB1dC9udW1iZXItaW5wdXQuY29tcG9uZW50JztcbmltcG9ydCB7IFNlYXJjaENvbXBvbmVudCB9IGZyb20gJy4vc2VhcmNoL3NlYXJjaC5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGFnc0lucHV0Q29tcG9uZW50IH0gZnJvbSAnLi90YWdzLWlucHV0L3RhZ3MtaW5wdXQuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIEljb25Nb2R1bGUsXG4gICAgVGFnTW9kdWxlLFxuICAgIFNoYXJlZE1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQXV0b3NpemVEaXJlY3RpdmUsXG4gICAgSW5wdXRDb21wb25lbnQsXG4gICAgSW5wdXRHcm91cENvbXBvbmVudCxcbiAgICBJbnB1dEFkZG9uQmVmb3JlRGlyZWN0aXZlLFxuICAgIElucHV0QWRkb25BZnRlckRpcmVjdGl2ZSxcbiAgICBJbnB1dFByZWZpeERpcmVjdGl2ZSxcbiAgICBJbnB1dFN1ZmZpeERpcmVjdGl2ZSxcbiAgICBTZWFyY2hDb21wb25lbnQsXG4gICAgVGFnc0lucHV0Q29tcG9uZW50LFxuICAgIE51bWJlcklucHV0Q29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQXV0b3NpemVEaXJlY3RpdmUsXG4gICAgSW5wdXRDb21wb25lbnQsXG4gICAgSW5wdXRHcm91cENvbXBvbmVudCxcbiAgICBJbnB1dEFkZG9uQmVmb3JlRGlyZWN0aXZlLFxuICAgIElucHV0QWRkb25BZnRlckRpcmVjdGl2ZSxcbiAgICBJbnB1dFByZWZpeERpcmVjdGl2ZSxcbiAgICBJbnB1dFN1ZmZpeERpcmVjdGl2ZSxcbiAgICBTZWFyY2hDb21wb25lbnQsXG4gICAgVGFnc0lucHV0Q29tcG9uZW50LFxuICAgIE51bWJlcklucHV0Q29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dE1vZHVsZSB7fVxuIl19

package/esm2022/input/number-input/number-input.component.mjs

@@ -0,0 +1,121 @@
+import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild, ViewEncapsulation, forwardRef, ContentChildren, numberAttribute, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CommonFormControl } from '../../form';
+import { ComponentSize } from '../../types';
+import { buildBem, watchContentExist } from '../../utils';
+import { InputAddonAfterDirective, InputAddonBeforeDirective, } from '../helper-directives';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "../../icon/icon.component";
+import * as i3 from "../../shared/click-outside.directive";
+export class NumberInputComponent extends CommonFormControl {
+    bem = buildBem('aui-number-input');
+    size = ComponentSize.Medium;
+    min = Number.MIN_SAFE_INTEGER;
+    max = Number.MAX_SAFE_INTEGER;
+    step = 1;
+    precision;
+    controls = true;
+    placeholder = '';
+    controlsPosition = '';
+    angleControls = false;
+    clearable = false;
+    inputRef;
+    addonBeforeRefs;
+    addonAfterRefs;
+    isFocus = false;
+    hasAddonBefore$;
+    hasAddonAfter$;
+    ngAfterContentInit() {
+        this.hasAddonBefore$ = watchContentExist(this.addonBeforeRefs);
+        this.hasAddonAfter$ = watchContentExist(this.addonAfterRefs);
+    }
+    ngAfterViewInit() {
+        this.inputRef.nativeElement.value = (this.model ?? '') + '';
+    }
+    valueIn(v) {
+        if (this.inputRef) {
+            this.inputRef.nativeElement.value = (v ?? '') + '';
+        }
+        return v;
+    }
+    modelOut(value) {
+        return value === null && this.clearable
+            ? value
+            : Math.max(this.min, Math.min(this.max, this.parsePrecision(value)));
+    }
+    inputChanged(value) {
+        this.emitModel(numberAttribute(value, !value && this.clearable ? null : this.model));
+    }
+    takeOneStep(positive) {
+        if (positive) {
+            this.emitModel((this.model ?? 0) + this.step);
+        }
+        else {
+            this.emitModel((this.model ?? 0) - this.step);
+        }
+    }
+    parsePrecision(value) {
+        const precision = this.precision ?? this.getStepPrecision();
+        return parseFloat(value.toFixed(precision));
+    }
+    getStepPrecision() {
+        const step = this.step + '';
+        const index = step.indexOf('.');
+        return index < 0 ? 0 : step.slice(index + 1).length;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: NumberInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: NumberInputComponent, selector: "aui-number-input", inputs: { size: "size", min: ["min", "min", (val) => numberAttribute(val, Number.MIN_SAFE_INTEGER)], max: ["max", "max", (val) => numberAttribute(val, Number.MAX_SAFE_INTEGER)], step: "step", precision: "precision", controls: "controls", placeholder: "placeholder", controlsPosition: "controlsPosition", angleControls: "angleControls", clearable: "clearable" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                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      type=\"button\"\n      [ngClass]=\"bem.element('control', '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      type=\"button\"\n      [ngClass]=\"bem.element('control', '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        type=\"button\"\n        [ngClass]=\"bem.element('control', 'angle-up')\"\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        type=\"button\"\n        [ngClass]=\"bem.element('control', 'angle-down')\"\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__control{width:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__control--angle-up,.aui-number-input--small .aui-number-input__control--angle-down{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 calc(var(--aui-spacing-m) + 1px);min-width:0;height:100%;border:0;border-radius:inherit;background-color:inherit;color:inherit;-webkit-text-fill-color:inherit;cursor:inherit;outline:none}.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{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.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__control--angle-up{border-top-right-radius:var(--aui-border-radius-m)}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-down{border-bottom-right-radius:var(--aui-border-radius-m)}.aui-number-input__control{flex-shrink:0;width:calc(var(--aui-inline-height-m) - 2px);border:none;color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));background-clip:padding-box;cursor:pointer;outline:none;position:relative;height:100%;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-number-input__control:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-number-input__control:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-5))}:root .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input__control:focus-visible{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__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input__control[disabled]{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input__control:before{content:\"\";display:block;position:absolute;top:0;left:-1px;width:0;height:100%;border-right:1px solid rgb(var(--aui-color-border))}.aui-number-input__control--decrease{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__control--decrease:before{left:100%}.aui-number-input__control--increase{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input__control--angle-up,.aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-m) - 2px);height:calc(50% - .5px)!important;border:none;display:flex;align-items:center;justify-content:center}.aui-number-input__control--angle-up:focus,.aui-number-input__control--angle-down:focus{z-index:1}.aui-number-input__control--angle-down{margin-top:1px}.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%);background-color:rgb(var(--aui-color-border))}.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));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.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 .aui-number-input__inner,.ng-submitted aui-number-input.ng-invalid .aui-number-input__inner{border-color:rgb(var(--aui-color-red))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "directive", type: i3.ClickOutsideDirective, selector: "[auiClickOutside]", outputs: ["auiClickOutside"], exportAs: ["auiClickOutside"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: NumberInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aui-number-input', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            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      type=\"button\"\n      [ngClass]=\"bem.element('control', '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      type=\"button\"\n      [ngClass]=\"bem.element('control', '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        type=\"button\"\n        [ngClass]=\"bem.element('control', 'angle-up')\"\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        type=\"button\"\n        [ngClass]=\"bem.element('control', 'angle-down')\"\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__control{width:var(--aui-inline-height-s)}.aui-number-input--small .aui-number-input__control--angle-up,.aui-number-input--small .aui-number-input__control--angle-down{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 calc(var(--aui-spacing-m) + 1px);min-width:0;height:100%;border:0;border-radius:inherit;background-color:inherit;color:inherit;-webkit-text-fill-color:inherit;cursor:inherit;outline:none}.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{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.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__control--angle-up{border-top-right-radius:var(--aui-border-radius-m)}.aui-number-input:not(.hasAfter) .aui-number-input__control--angle-down{border-bottom-right-radius:var(--aui-border-radius-m)}.aui-number-input__control{flex-shrink:0;width:calc(var(--aui-inline-height-m) - 2px);border:none;color:rgb(var(--aui-color-main-text));background-color:rgb(var(--aui-color-main-bg));background-clip:padding-box;cursor:pointer;outline:none;position:relative;height:100%;font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s);font-weight:var(--aui-font-weight-normal)}.aui-number-input__control:hover{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-6))}.aui-number-input__control:active{color:rgb(var(--aui-color-primary));background-color:rgb(var(--aui-color-p-5))}:root .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.16)}html[aui-theme-mode=light] .aui-number-input__control:focus-visible{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__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}}html[aui-theme-mode=dark] .aui-number-input__control:focus-visible{box-shadow:0 0 0 2px rgba(var(--aui-color-primary),.3)}.aui-number-input__control[disabled]{color:rgb(var(--aui-color-disabled-text));background-color:rgb(var(--aui-color-n-8));cursor:not-allowed}.aui-number-input__control:before{content:\"\";display:block;position:absolute;top:0;left:-1px;width:0;height:100%;border-right:1px solid rgb(var(--aui-color-border))}.aui-number-input__control--decrease{border-radius:var(--aui-border-radius-m) 0 0 var(--aui-border-radius-m)}.aui-number-input__control--decrease:before{left:100%}.aui-number-input__control--increase{border-radius:0 var(--aui-border-radius-m) var(--aui-border-radius-m) 0}.aui-number-input__control--angle-up,.aui-number-input__control--angle-down{width:calc(var(--aui-inline-height-m) - 2px);height:calc(50% - .5px)!important;border:none;display:flex;align-items:center;justify-content:center}.aui-number-input__control--angle-up:focus,.aui-number-input__control--angle-down:focus{z-index:1}.aui-number-input__control--angle-down{margin-top:1px}.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%);background-color:rgb(var(--aui-color-border))}.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));font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);font-weight:var(--aui-font-weight-normal)}.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 .aui-number-input__inner,.ng-submitted aui-number-input.ng-invalid .aui-number-input__inner{border-color:rgb(var(--aui-color-red))}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], min: [{
+                type: Input,
+                args: [{
+                        transform: (val) => numberAttribute(val, Number.MIN_SAFE_INTEGER),
+                    }]
+            }], max: [{
+                type: Input,
+                args: [{
+                        transform: (val) => numberAttribute(val, Number.MAX_SAFE_INTEGER),
+                    }]
+            }], step: [{
+                type: Input
+            }], precision: [{
+                type: Input
+            }], controls: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], controlsPosition: [{
+                type: Input
+            }], angleControls: [{
+                type: Input
+            }], clearable: [{
+                type: Input
+            }], inputRef: [{
+                type: ViewChild,
+                args: ['inputRef', { read: ElementRef }]
+            }], addonBeforeRefs: [{
+                type: ContentChildren,
+                args: [InputAddonBeforeDirective]
+            }], addonAfterRefs: [{
+                type: ContentChildren,
+                args: [InputAddonAfterDirective]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9pbnB1dC9udW1iZXItaW5wdXQvbnVtYmVyLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9pbnB1dC9udW1iZXItaW5wdXQvbnVtYmVyLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQixVQUFVLEVBQ1YsZUFBZSxFQUVmLGVBQWUsR0FDaEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFHbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFPLFFBQVEsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvRCxPQUFPLEVBQ0wsd0JBQXdCLEVBQ3hCLHlCQUF5QixHQUMxQixNQUFNLHNCQUFzQixDQUFDOzs7OztBQWlCOUIsTUFBTSxPQUFPLG9CQUNYLFNBQVEsaUJBQXlCO0lBR2pDLEdBQUcsR0FBUSxRQUFRLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUd4QyxJQUFJLEdBQWtCLGFBQWEsQ0FBQyxNQUFNLENBQUM7SUFNM0MsR0FBRyxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQztJQU05QixHQUFHLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDO0lBRzlCLElBQUksR0FBRyxDQUFDLENBQUM7SUFHVCxTQUFTLENBQVM7SUFHbEIsUUFBUSxHQUFHLElBQUksQ0FBQztJQUdoQixXQUFXLEdBQUcsRUFBRSxDQUFDO0lBR2pCLGdCQUFnQixHQUFH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QVUsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBSTFCLGVBQWU7c0JBRC9CLGVBQWU7dUJBQUMseUJBQXlCO2dCQUl6QixjQUFjO3NCQUQ5QixlQUFlO3VCQUFDLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyQ29udGVudEluaXQsXG4gIEFmdGVyVmlld0luaXQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBmb3J3YXJkUmVmLFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIFF1ZXJ5TGlzdCxcbiAgbnVtYmVyQXR0cmlidXRlLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBDb21tb25Gb3JtQ29udHJvbCB9IGZyb20gJy4uLy4uL2Zvcm0nO1xuaW1wb3J0IHsgQ29tcG9uZW50U2l6ZSB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IEJlbSwgYnVpbGRCZW0sIHdhdGNoQ29udGVudEV4aXN0IH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHtcbiAgSW5wdXRBZGRvbkFmdGVyRGlyZWN0aXZlLFxuICBJbnB1dEFkZG9uQmVmb3JlRGlyZWN0aXZlLFxufSBmcm9tICcuLi9oZWxwZXItZGlyZWN0aXZlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F1aS1udW1iZXItaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vbnVtYmVyLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbnVtYmVyLWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBOdW1iZXJJbnB1dENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBOdW1iZXJJbnB1dENvbXBvbmVudFxuICBleHRlbmRzIENvbW1vbkZvcm1Db250cm9sPG51bWJlcj5cbiAgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0LCBBZnRlclZpZXdJbml0XG57XG4gIGJlbTogQmVtID0gYnVpbGRCZW0oJ2F1aS1udW1iZXItaW5wdXQnKTtcblxuICBASW5wdXQoKVxuICBzaXplOiBDb21wb25lbnRTaXplID0gQ29tcG9uZW50U2l6ZS5NZWRpdW07XG5cbiAgQElucHV0KHtcbiAgICB0cmFuc2Zvcm06ICh2YWw6IG51bWJlciB8IHN0cmluZykgPT5cbiAgICAgIG51bWJlckF0dHJpYnV0ZSh2YWwsIE51bWJlci5NSU5fU0FGRV9JTlRFR0VSKSxcbiAgfSlcbiAgbWluID0gTnVtYmVyLk1JTl9TQUZFX0lOVEVHRVI7XG5cbiAgQElucHV0KHtcbiAgICB0cmFuc2Zvcm06ICh2YWw6IG51bWJlciB8IHN0cmluZykgPT5cbiAgICAgIG51bWJlckF0dHJpYnV0ZSh2YWwsIE51bWJlci5NQVhfU0FGRV9JTlRFR0VSKSxcbiAgfSlcbiAgbWF4ID0gTnVtYmVyLk1BWF9TQUZFX0lOVEVHRVI7XG5cbiAgQElucHV0KClcbiAgc3RlcCA9IDE7XG5cbiAgQElucHV0KClcbiAgcHJlY2lzaW9uOiBudW1iZXI7XG5cbiAgQElucHV0KClcbiAgY29udHJvbHMgPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIHBsYWNlaG9sZGVyID0gJyc7XG5cbiAgQElucHV0KClcbiAgY29udHJvbHNQb3NpdGlvbiA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGFuZ2xlQ29udHJvbHMgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBjbGVhcmFibGUgPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdpbnB1dFJlZicsIHsgcmVhZDogRWxlbWVudFJlZiB9KVxuICBpbnB1dFJlZjogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICBAQ29udGVudENoaWxkcmVuKElucHV0QWRkb25CZWZvcmVEaXJlY3RpdmUpXG4gIHByaXZhdGUgcmVhZG9ubHkgYWRkb25CZWZvcmVSZWZzOiBRdWVyeUxpc3Q8SW5wdXRBZGRvbkJlZm9yZURpcmVjdGl2ZT47XG5cbiAgQENvbnRlbnRDaGlsZHJlbihJbnB1dEFkZG9uQWZ0ZXJEaXJlY3RpdmUpXG4gIHByaXZhdGUgcmVhZG9ubHkgYWRkb25BZnRlclJlZnM6IFF1ZXJ5TGlzdDxJbnB1dEFkZG9uQWZ0ZXJEaXJlY3RpdmU+O1xuXG4gIGlzRm9jdXMgPSBmYWxzZTtcblxuICBoYXNBZGRvbkJlZm9yZSQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG4gIGhhc0FkZG9uQWZ0ZXIkOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICB0aGlzLmhhc0FkZG9uQmVmb3JlJCA9IHdhdGNoQ29udGVudEV4aXN0KHRoaXMuYWRkb25CZWZvcmVSZWZzKTtcbiAgICB0aGlzLmhhc0FkZG9uQWZ0ZXIkID0gd2F0Y2hDb250ZW50RXhpc3QodGhpcy5hZGRvbkFmdGVyUmVmcyk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5pbnB1dFJlZi5uYXRpdmVFbGVtZW50LnZhbHVlID0gKHRoaXMubW9kZWwgPz8gJycpICsgJyc7XG4gIH1cblxuICBvdmVycmlkZSB2YWx1ZUluKHY6IG51bWJlcikge1xuICAgIGlmICh0aGlzLmlucHV0UmVmKSB7XG4gICAgICB0aGlzLmlucHV0UmVmLm5hdGl2ZUVsZW1lbnQudmFsdWUgPSAodiA/PyAnJykgKyAnJztcbiAgICB9XG4gICAgcmV0dXJuIHY7XG4gIH1cblxuICBvdmVycmlkZSBtb2RlbE91dCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgcmV0dXJuIHZhbHVlID09PSBudWxsICYmIHRoaXMuY2xlYXJhYmxlXG4gICAgICA/IHZhbHVlXG4gICAgICA6IE1hdGgubWF4KHRoaXMubWluLCBNYXRoLm1pbih0aGlzLm1heCwgdGhpcy5wYXJzZVByZWNpc2lvbih2YWx1ZSkpKTtcbiAgfVxuXG4gIGlucHV0Q2hhbmdlZCh2YWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy5lbWl0TW9kZWwoXG4gICAgICBudW1iZXJBdHRyaWJ1dGUodmFsdWUsICF2YWx1ZSAmJiB0aGlzLmNsZWFyYWJsZSA/IG51bGwgOiB0aGlzLm1vZGVsKSxcbiAgICApO1xuICB9XG5cbiAgdGFrZU9uZVN0ZXAocG9zaXRpdmU6IGJvb2xlYW4pIHtcbiAgICBpZiAocG9zaXRpdmUpIHtcbiAgICAgIHRoaXMuZW1pdE1vZGVsKCh0aGlzLm1vZGVsID8/IDApICsgdGhpcy5zdGVwKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5lbWl0TW9kZWwoKHRoaXMubW9kZWwgPz8gMCkgLSB0aGlzLnN0ZXApO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgcGFyc2VQcmVjaXNpb24odmFsdWU6IG51bWJlcikge1xuICAgIGNvbnN0IHByZWNpc2lvbiA9IHRoaXMucHJlY2lzaW9uID8/IHRoaXMuZ2V0U3RlcFByZWNpc2lvbigpO1xuICAgIHJldHVybiBwYXJzZUZsb2F0KHZhbHVlLnRvRml4ZWQocHJlY2lzaW9uKSk7XG4gIH1cblxuICBwcml2YXRlIGdldFN0ZXBQcmVjaXNpb24oKSB7XG4gICAgY29uc3Qgc3RlcCA9IHRoaXMuc3RlcCArICcnO1xuICAgIGNvbnN0IGluZGV4ID0gc3RlcC5pbmRleE9mKCcuJyk7XG4gICAgcmV0dXJuIGluZGV4IDwgMCA/IDAgOiBzdGVwLnNsaWNlKGluZGV4ICsgMSkubGVuZ3RoO1xuICB9XG59XG4iLCI8ZGl2XG4gIFtjbGFzc109XCJiZW0uYmxvY2soc2l6ZSlcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgaXNGb2N1c2VkOiBpc0ZvY3VzLFxuICAgIGlzRGlzYWJsZWQ6IGRpc2FibGVkLFxuICAgIGhhc0JlZm9yZTogaGFzQWRkb25CZWZvcmUkIHwgYXN5bmMsXG4gICAgaGFzQWZ0ZXI6IGhhc0FkZG9uQWZ0ZXIkIHwgYXN5bmNcbiAgfVwiXG4+XG4gIDxkaXZcbiAgICAqbmdJZj1cImhhc0FkZG9uQmVmb3JlJCB8IGFzeW5jXCJcbiAgICBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2FkZG9uJywgJ2JlZm9yZScpXCJcbiAgPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthdWlJbnB1dEFkZG9uQmVmb3JlXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2lubmVyJylcIlxuICAgIGF1aUNsaWNrT3V0c2lkZVxuICAgIChhdWlDbGlja091dHNpZGUpPVwiaXNGb2N1cyA9IGZhbHNlXCJcbiAgPlxuICAgIDxidXR0b25cbiAgICAgICpuZ0lmPVwiY29udHJvbHMgJiYgIWFuZ2xlQ29udHJvbHNcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBbbmdDbGFzc109XCJiZW0uZWxlbWVudCgnY29udHJvbCcsICdkZWNyZWFzZScpXCJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBtb2RlbCA8PSBtaW5cIlxuICAgICAgKGNsaWNrKT1cInRha2VPbmVTdGVwKGZhbHNlKTsgaXNGb2N1cyA9IHRydWVcIlxuICAgID5cbiAgICAgIDxhdWktaWNvbiBpY29uPVwibWludXNcIj48L2F1aS1pY29uPlxuICAgIDwvYnV0dG9uPlxuICAgIDxpbnB1dFxuICAgICAgI2lucHV0UmVmXG4gICAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgICAgKGNoYW5nZSk9XCJpbnB1dENoYW5nZWQoJGFueSgkZXZlbnQpLnRhcmdldC52YWx1ZSlcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgIFtuZ0NsYXNzXT1cImJlbS5lbGVtZW50KCdpbnB1dCcpXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgICAoZm9jdXMpPVwiaXNGb2N1cyA9IHRydWVcIlxuICAgICAgKGJsdXIpPVwiaXNGb2N1cyA9IGZhbHNlXCJcbiAgICAgIFtuZ1N0eWxlXT1cInsgJ3RleHQtYWxpZ24nOiBhbmdsZUNvbnRyb2xzID8gJ2xlZnQnIDogJ2NlbnRlcicgfVwiXG4gICAgLz5cbiAgICA8YnV0dG9uXG4gICAgICAqbmdJZj1cImNvbnRyb2xzICYmICFhbmdsZUNvbnRyb2xzXCJcbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgW25nQ2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2NvbnRyb2wnLCAnaW5jcmVhc2UnKVwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgbW9kZWwgPj0gbWF4XCJcbiAgICAgIChjbGljayk9XCJ0YWtlT25lU3RlcCh0cnVlKTsgaXNGb2N1cyA9IHRydWVcIlxuICAgID5cbiAgICAgIDxhdWktaWNvbiBpY29uPVwicGx1c1wiPjwvYXVpLWljb24+XG4gICAgPC9idXR0b24+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCJjb250cm9scyAmJiBhbmdsZUNvbnRyb2xzXCJcbiAgICAgIGNsYXNzPVwiYXVpLW51bWJlci1pbnB1dF9fY29udHJvbHNcIlxuICAgID5cbiAgICAgIDxidXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIFtuZ0NsYXNzXT1cImJlbS5lbGVtZW50KCdjb250cm9sJywgJ2FuZ2xlLXVwJylcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgbW9kZWwgPj0gbWF4XCJcbiAgICAgICAgKGNsaWNrKT1cInRha2VPbmVTdGVwKHRydWUpOyBpc0ZvY3VzID0gdHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxhdWktaWNvbiBpY29uPVwiYW5nbGVfdXBcIj48L2F1aS1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBbbmdDbGFzc109XCJiZW0uZWxlbWVudCgnY29udHJvbCcsICdhbmdsZS1kb3duJylcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgbW9kZWwgPD0gbWluXCJcbiAgICAgICAgKGNsaWNrKT1cInRha2VPbmVTdGVwKGZhbHNlKTsgaXNGb2N1cyA9IHRydWVcIlxuICAgICAgPlxuICAgICAgICA8YXVpLWljb24gaWNvbj1cImFuZ2xlX2Rvd25cIj48L2F1aS1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgKm5nSWY9XCJoYXNBZGRvbkFmdGVyJCB8IGFzeW5jXCJcbiAgICBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2FkZG9uJywgJ2FmdGVyJylcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2F1aUlucHV0QWRkb25BZnRlcl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/input/search/search.component.mjs

@@ -0,0 +1,87 @@
+import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild, ViewEncapsulation, } from '@angular/core';
+import { ComponentSize } from '../../types';
+import { buildBem } from '../../utils';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "../../icon/icon.component";
+import * as i4 from "../input.component";
+export class SearchComponent {
+    bem = buildBem('aui-search');
+    size = ComponentSize.Medium;
+    searchButton = false;
+    clearable = true;
+    searching = false;
+    placeholder = '';
+    disabled = false;
+    get keyword() {
+        return this.value;
+    }
+    set keyword(value) {
+        this.value = value;
+    }
+    keywordChange = new EventEmitter();
+    search = new EventEmitter();
+    clear = new EventEmitter();
+    inputRef;
+    value = '';
+    get showSpinner() {
+        return this.searching && !this.searchButton;
+    }
+    get showClear() {
+        return !this.disabled && this.clearable && this.value && !this.showSpinner;
+    }
+    focus() {
+        this.inputRef.nativeElement.focus();
+    }
+    emitChange(value) {
+        this.value = value;
+        this.keywordChange.emit(value);
+    }
+    emitSearch() {
+        if (this.disabled) {
+            return;
+        }
+        this.search.emit(this.value);
+    }
+    emitClear() {
+        if (this.disabled) {
+            return;
+        }
+        this.value = '';
+        this.keywordChange.emit('');
+        this.search.emit('');
+        this.clear.emit();
+        this.inputRef.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: SearchComponent, selector: "aui-search", inputs: { size: "size", searchButton: "searchButton", clearable: "clearable", searching: "searching", placeholder: "placeholder", disabled: "disabled", keyword: "keyword" }, outputs: { keywordChange: "keywordChange", search: "search", clear: "clear" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  [ngClass]=\"bem.block(size)\"\n  [class.hasIcon]=\"!searchButton\"\n  [class.hasButton]=\"searchButton\"\n  [class.isClearable]=\"showClear\"\n  [class.isSearching]=\"searching\"\n  [class.isDisabled]=\"disabled\"\n>\n  <div\n    *ngIf=\"!searchButton\"\n    [class]=\"bem.element('icon')\"\n  >\n    <aui-icon icon=\"magnifier\"></aui-icon>\n  </div>\n  <input\n    #input\n    aui-input\n    autocomplete=\"off\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"emitChange($event)\"\n    [disabled]=\"disabled\"\n    (keyup.enter)=\"emitSearch()\"\n    [ngClass]=\"bem.element('input')\"\n    [placeholder]=\"placeholder\"\n    [size]=\"size\"\n  />\n  <div\n    *ngIf=\"showSpinner\"\n    [class]=\"bem.element('spinner')\"\n  >\n    <aui-icon icon=\"spinner\"></aui-icon>\n  </div>\n  <div\n    [hidden]=\"!showClear\"\n    [class]=\"bem.element('clear')\"\n    (click)=\"emitClear()\"\n  >\n    <aui-icon icon=\"xmark_small\"></aui-icon>\n  </div>\n  <div\n    *ngIf=\"searchButton\"\n    [class]=\"bem.element('button')\"\n    (click)=\"emitSearch()\"\n  >\n    <div [class]=\"bem.element('button-icon')\">\n      <aui-icon [icon]=\"searching ? 'spinner' : 'magnifier'\"></aui-icon>\n    </div>\n  </div>\n</div>\n", styles: [".aui-search{display:inline-block;width:100%;position:relative;color:rgb(var(--aui-color-n-4))}.aui-search.isDisabled{color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-search--large{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-search--large aui-icon{font-size:var(--aui-icon-size-l)}.aui-search--large .aui-search__clear,.aui-search--large .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--large .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--large .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-2))}.aui-search--large.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--large.hasIcon.isSearching .aui-search__input,.aui-search--large.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--large.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--large.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--large.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-l) * 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--medium{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-search--medium aui-icon{font-size:var(--aui-icon-size-m)}.aui-search--medium .aui-search__clear,.aui-search--medium .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--medium .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--medium .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-2))}.aui-search--medium.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--medium.hasIcon.isSearching .aui-search__input,.aui-search--medium.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--medium.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--medium.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--medium.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) * 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--small{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-search--small aui-icon{font-size:var(--aui-icon-size-m)}.aui-search--small .aui-search__clear,.aui-search--small .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--small .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--small .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-2))}.aui-search--small.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--small.hasIcon.isSearching .aui-search__input,.aui-search--small.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--small.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--small.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--small.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) * 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--mini{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-search--mini aui-icon{font-size:var(--aui-icon-size-s)}.aui-search--mini .aui-search__clear,.aui-search--mini .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--mini .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--mini .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-2))}.aui-search--mini.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--mini.hasIcon.isSearching .aui-search__input,.aui-search--mini.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--mini.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--mini.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--mini.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-s) * 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search__icon{position:absolute;top:50%;transform:translateY(-50%);color:rgb(var(--aui-color-placeholder-text))}.aui-search__button{position:absolute;top:0;right:1px;height:100%;display:flex;align-items:center}.aui-search:not(.isDisabled,.isSearching) .aui-search__button{cursor:pointer}.aui-search:not(.isDisabled,.isSearching) .aui-search__button:hover{color:rgb(var(--aui-color-primary))}.aui-search__button-icon{border-left:1px solid rgb(var(--aui-color-n-7))}.aui-search__clear,.aui-search__spinner{position:absolute;top:50%;transform:translateY(-50%)}.aui-search__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-search__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }, { kind: "component", type: i4.InputComponent, selector: "input[aui-input],textarea[aui-input]", inputs: ["size", "disabled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: SearchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'aui-search', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n  [ngClass]=\"bem.block(size)\"\n  [class.hasIcon]=\"!searchButton\"\n  [class.hasButton]=\"searchButton\"\n  [class.isClearable]=\"showClear\"\n  [class.isSearching]=\"searching\"\n  [class.isDisabled]=\"disabled\"\n>\n  <div\n    *ngIf=\"!searchButton\"\n    [class]=\"bem.element('icon')\"\n  >\n    <aui-icon icon=\"magnifier\"></aui-icon>\n  </div>\n  <input\n    #input\n    aui-input\n    autocomplete=\"off\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"emitChange($event)\"\n    [disabled]=\"disabled\"\n    (keyup.enter)=\"emitSearch()\"\n    [ngClass]=\"bem.element('input')\"\n    [placeholder]=\"placeholder\"\n    [size]=\"size\"\n  />\n  <div\n    *ngIf=\"showSpinner\"\n    [class]=\"bem.element('spinner')\"\n  >\n    <aui-icon icon=\"spinner\"></aui-icon>\n  </div>\n  <div\n    [hidden]=\"!showClear\"\n    [class]=\"bem.element('clear')\"\n    (click)=\"emitClear()\"\n  >\n    <aui-icon icon=\"xmark_small\"></aui-icon>\n  </div>\n  <div\n    *ngIf=\"searchButton\"\n    [class]=\"bem.element('button')\"\n    (click)=\"emitSearch()\"\n  >\n    <div [class]=\"bem.element('button-icon')\">\n      <aui-icon [icon]=\"searching ? 'spinner' : 'magnifier'\"></aui-icon>\n    </div>\n  </div>\n</div>\n", styles: [".aui-search{display:inline-block;width:100%;position:relative;color:rgb(var(--aui-color-n-4))}.aui-search.isDisabled{color:rgb(var(--aui-color-disabled-text));cursor:not-allowed}.aui-search--large{font-size:var(--aui-font-size-l);line-height:var(--aui-line-height-l)}.aui-search--large aui-icon{font-size:var(--aui-icon-size-l)}.aui-search--large .aui-search__clear,.aui-search--large .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--large .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--large .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-2))}.aui-search--large.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--large.hasIcon.isSearching .aui-search__input,.aui-search--large.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--large.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--large.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-l) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--large.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-l) * 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--medium{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-search--medium aui-icon{font-size:var(--aui-icon-size-m)}.aui-search--medium .aui-search__clear,.aui-search--medium .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--medium .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--medium .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-2))}.aui-search--medium.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--medium.hasIcon.isSearching .aui-search__input,.aui-search--medium.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--medium.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--medium.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--medium.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) * 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--small{font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m)}.aui-search--small aui-icon{font-size:var(--aui-icon-size-m)}.aui-search--small .aui-search__clear,.aui-search--small .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--small .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--small .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-2))}.aui-search--small.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--small.hasIcon.isSearching .aui-search__input,.aui-search--small.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--small.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--small.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-m) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--small.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-m) * 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search--mini{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-search--mini aui-icon{font-size:var(--aui-icon-size-s)}.aui-search--mini .aui-search__clear,.aui-search--mini .aui-search__spinner{right:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--mini .aui-search__icon{left:calc(var(--aui-inline-padding-xs) + 1px)}.aui-search--mini .aui-search__button-icon{padding:0 var(--aui-inline-padding-xs);color:rgb(var(--aui-color-n-2))}.aui-search--mini.hasIcon .aui-search__input{padding-left:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--mini.hasIcon.isSearching .aui-search__input,.aui-search--mini.hasIcon.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 2 + 1px)}.aui-search--mini.hasButton .aui-search__input{padding-right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 3 + 1px)}.aui-search--mini.hasButton .aui-search__clear{right:calc(var(--aui-icon-size-s) + var(--aui-inline-padding-xs) * 3 + 1px * 2)}.aui-search--mini.hasButton.isClearable .aui-search__input{padding-right:calc(var(--aui-icon-size-s) * 2 + var(--aui-inline-padding-xs) * 4 + 3px)}.aui-search__icon{position:absolute;top:50%;transform:translateY(-50%);color:rgb(var(--aui-color-placeholder-text))}.aui-search__button{position:absolute;top:0;right:1px;height:100%;display:flex;align-items:center}.aui-search:not(.isDisabled,.isSearching) .aui-search__button{cursor:pointer}.aui-search:not(.isDisabled,.isSearching) .aui-search__button:hover{color:rgb(var(--aui-color-primary))}.aui-search__button-icon{border-left:1px solid rgb(var(--aui-color-n-7))}.aui-search__clear,.aui-search__spinner{position:absolute;top:50%;transform:translateY(-50%)}.aui-search__clear .aui-icon{border-radius:50%;color:rgb(var(--aui-color-help-text));cursor:pointer;transition:all .3s ease}.aui-search__clear .aui-icon:hover{color:rgb(var(--aui-color-main-bg));background-color:rgb(var(--aui-color-help-text))}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], searchButton: [{
+                type: Input
+            }], clearable: [{
+                type: Input
+            }], searching: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], keyword: [{
+                type: Input
+            }], keywordChange: [{
+                type: Output
+            }], search: [{
+                type: Output
+            }], clear: [{
+                type: Output
+            }], inputRef: [{
+                type: ViewChild,
+                args: ['input', { read: ElementRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9pbnB1dC9zZWFyY2gvc2VhcmNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9pbnB1dC9zZWFyY2gvc2VhcmNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUFPLFFBQVEsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7O0FBVTVDLE1BQU0sT0FBTyxlQUFlO0lBQzFCLEdBQUcsR0FBUSxRQUFRLENBQUMsWUFBWSxDQUFDLENBQUM7SUFHbEMsSUFBSSxHQUFrQixhQUFhLENBQUMsTUFBTSxDQUFDO0lBRzNDLFlBQVksR0FBRyxLQUFLLENBQUM7SUFHckIsU0FBUyxHQUFHLElBQUksQ0FBQztJQUdqQixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBR2xCLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFHakIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUVqQixJQUNJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUVELElBQUksT0FBTyxDQUFDLEtBQWE7UUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQztJQUdELGFBQWEsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBRzNDLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBR3BDLEtBQUssR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBR2pDLFFBQVEsQ0FBK0I7SUFFdkMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUVYLElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDOUMsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDN0UsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQWE7UUFDdEIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQy9CLENBQUM7SUFFRCxTQUFTO1FBQ1AsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEMsQ0FBQzt1R0E3RVUsZUFBZTsyRkFBZixlQUFlLDZYQXVDRSxVQUFVLDZCQzdEeEMsNnNDQWlEQTs7MkZEM0JhLGVBQWU7a0JBUjNCLFNBQVM7K0JBQ0UsWUFBWSxtQkFHTCx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLHVCQUNoQixLQUFLOzhCQU0xQixJQUFJO3NCQURILEtBQUs7Z0JBSU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJRixPQUFPO3NCQURWLEtBQUs7Z0JBVU4sYUFBYTtzQkFEWixNQUFNO2dCQUlQLE1BQU07c0JBREwsTUFBTTtnQkFJUCxLQUFLO3NCQURKLE1BQU07Z0JBSVAsUUFBUTtzQkFEUCxTQUFTO3VCQUFDLE9BQU8sRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb21wb25lbnRTaXplIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuaW1wb3J0IHsgQmVtLCBidWlsZEJlbSB9IGZyb20gJy4uLy4uL3V0aWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLXNlYXJjaCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWFyY2guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZWFyY2guY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBTZWFyY2hDb21wb25lbnQge1xuICBiZW06IEJlbSA9IGJ1aWxkQmVtKCdhdWktc2VhcmNoJyk7XG5cbiAgQElucHV0KClcbiAgc2l6ZTogQ29tcG9uZW50U2l6ZSA9IENvbXBvbmVudFNpemUuTWVkaXVtO1xuXG4gIEBJbnB1dCgpXG4gIHNlYXJjaEJ1dHRvbiA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGNsZWFyYWJsZSA9IHRydWU7XG5cbiAgQElucHV0KClcbiAgc2VhcmNoaW5nID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgcGxhY2Vob2xkZXIgPSAnJztcblxuICBASW5wdXQoKVxuICBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGdldCBrZXl3b3JkKCkge1xuICAgIHJldHVybiB0aGlzLnZhbHVlO1xuICB9XG5cbiAgc2V0IGtleXdvcmQodmFsdWU6IHN0cmluZykge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgfVxuXG4gIEBPdXRwdXQoKVxuICBrZXl3b3JkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgQE91dHB1dCgpXG4gIHNlYXJjaCA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIEBPdXRwdXQoKVxuICBjbGVhciA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBAVmlld0NoaWxkKCdpbnB1dCcsIHsgcmVhZDogRWxlbWVudFJlZiB9KVxuICBpbnB1dFJlZjogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICB2YWx1ZSA9ICcnO1xuXG4gIGdldCBzaG93U3Bpbm5lcigpIHtcbiAgICByZXR1cm4gdGhpcy5zZWFyY2hpbmcgJiYgIXRoaXMuc2VhcmNoQnV0dG9uO1xuICB9XG5cbiAgZ2V0IHNob3dDbGVhcigpIHtcbiAgICByZXR1cm4gIXRoaXMuZGlzYWJsZWQgJiYgdGhpcy5jbGVhcmFibGUgJiYgdGhpcy52YWx1ZSAmJiAhdGhpcy5zaG93U3Bpbm5lcjtcbiAgfVxuXG4gIGZvY3VzKCkge1xuICAgIHRoaXMuaW5wdXRSZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICB9XG5cbiAgZW1pdENoYW5nZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICAgIHRoaXMua2V5d29yZENoYW5nZS5lbWl0KHZhbHVlKTtcbiAgfVxuXG4gIGVtaXRTZWFyY2goKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5zZWFyY2guZW1pdCh0aGlzLnZhbHVlKTtcbiAgfVxuXG4gIGVtaXRDbGVhcigpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnZhbHVlID0gJyc7XG4gICAgdGhpcy5rZXl3b3JkQ2hhbmdlLmVtaXQoJycpO1xuICAgIHRoaXMuc2VhcmNoLmVtaXQoJycpO1xuICAgIHRoaXMuY2xlYXIuZW1pdCgpO1xuICAgIHRoaXMuaW5wdXRSZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICB9XG59XG4iLCI8ZGl2XG4gIFtuZ0NsYXNzXT1cImJlbS5ibG9jayhzaXplKVwiXG4gIFtjbGFzcy5oYXNJY29uXT1cIiFzZWFyY2hCdXR0b25cIlxuICBbY2xhc3MuaGFzQnV0dG9uXT1cInNlYXJjaEJ1dHRvblwiXG4gIFtjbGFzcy5pc0NsZWFyYWJsZV09XCJzaG93Q2xlYXJcIlxuICBbY2xhc3MuaXNTZWFyY2hpbmddPVwic2VhcmNoaW5nXCJcbiAgW2NsYXNzLmlzRGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuPlxuICA8ZGl2XG4gICAgKm5nSWY9XCIhc2VhcmNoQnV0dG9uXCJcbiAgICBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2ljb24nKVwiXG4gID5cbiAgICA8YXVpLWljb24gaWNvbj1cIm1hZ25pZmllclwiPjwvYXVpLWljb24+XG4gIDwvZGl2PlxuICA8aW5wdXRcbiAgICAjaW5wdXRcbiAgICBhdWktaW5wdXRcbiAgICBhdXRvY29tcGxldGU9XCJvZmZcIlxuICAgIFtuZ01vZGVsXT1cInZhbHVlXCJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJlbWl0Q2hhbmdlKCRldmVudClcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgKGtleXVwLmVudGVyKT1cImVtaXRTZWFyY2goKVwiXG4gICAgW25nQ2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2lucHV0JylcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgW3NpemVdPVwic2l6ZVwiXG4gIC8+XG4gIDxkaXZcbiAgICAqbmdJZj1cInNob3dTcGlubmVyXCJcbiAgICBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ3NwaW5uZXInKVwiXG4gID5cbiAgICA8YXVpLWljb24gaWNvbj1cInNwaW5uZXJcIj48L2F1aS1pY29uPlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIFtoaWRkZW5dPVwiIXNob3dDbGVhclwiXG4gICAgW2NsYXNzXT1cImJlbS5lbGVtZW50KCdjbGVhcicpXCJcbiAgICAoY2xpY2spPVwiZW1pdENsZWFyKClcIlxuICA+XG4gICAgPGF1aS1pY29uIGljb249XCJ4bWFya19zbWFsbFwiPjwvYXVpLWljb24+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgKm5nSWY9XCJzZWFyY2hCdXR0b25cIlxuICAgIFtjbGFzc109XCJiZW0uZWxlbWVudCgnYnV0dG9uJylcIlxuICAgIChjbGljayk9XCJlbWl0U2VhcmNoKClcIlxuICA+XG4gICAgPGRpdiBbY2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2J1dHRvbi1pY29uJylcIj5cbiAgICAgIDxhdWktaWNvbiBbaWNvbl09XCJzZWFyY2hpbmcgPyAnc3Bpbm5lcicgOiAnbWFnbmlmaWVyJ1wiPjwvYXVpLWljb24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=