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

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.1.4", ngImport: i0, type: InputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.4", 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.1.4", ngImport: i0, type: InputModule, imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            IconModule,
+            TagModule,
+            SharedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.4", 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,115 @@
+import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild, ViewEncapsulation, forwardRef, ContentChildren, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CommonFormControl } from '../../form';
+import { ComponentSize } from '../../types';
+import { buildBem, coerceNumber, 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(coerceNumber(this.min, Number.MIN_SAFE_INTEGER), Math.min(coerceNumber(this.max, Number.MAX_SAFE_INTEGER), this.parsePrecision(value)));
+    }
+    inputChanged(value) {
+        this.emitModel(coerceNumber(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.1.4", ngImport: i0, type: NumberInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", type: NumberInputComponent, selector: "aui-number-input", inputs: { size: "size", min: "min", max: "max", 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.1.4", 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
+            }], max: [{
+                type: Input
+            }], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9pbnB1dC9udW1iZXItaW5wdXQvbnVtYmVyLWlucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9pbnB1dC9udW1iZXItaW5wdXQvbnVtYmVyLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFDVixLQUFLLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQixVQUFVLEVBQ1YsZUFBZSxHQUVoQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUduRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM1QyxPQUFPLEVBQU8sUUFBUSxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM3RSxPQUFPLEVBQ0wsd0JBQXdCLEVBQ3hCLHlCQUF5QixHQUMxQixNQUFNLHNCQUFzQixDQUFDOzs7OztBQWlCOUIsTUFBTSxPQUFPLG9CQUNYLFNBQVEsaUJBQXlCO0lBR2pDLEdBQUcsR0FBUSxRQUFRLENBQUMsa0JBQWtCLENBQUMsQ0FBQztJQUd4QyxJQUFJLEdBQWtCLGFBQWEsQ0FBQyxNQUFNLENBQUM7SUFHM0MsR0FBRyxHQUFvQixNQUFNLENBQUMsZ0JBQWdCLENBQUM7SUFHL0MsR0FBRyxHQUFvQixNQUFNLENBQUMsZ0JBQWdCLENBQUM7SUFHL0MsSUFBSSxHQUFHLENBQUMsQ0FBQztJQUdULFNBQVMsQ0FBUztJQUdsQixRQUFRLEdBQUcsSUFBSSxDQUFDO0lBR2hCLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFHakIsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO0lBR3RCLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFHdEIsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUdsQixRQUFRLENBQStCO0lBR3RCLGVBQWUsQ0FBdUM7SUFHdEQsY0FBYyxDQUFzQztJQUVyRSxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBRWhCLGVBQWUsQ0FBc0I7SUFDckMsY0FBYyxDQUFzQjtJQUVwQyxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGVBQWUsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDL0QsSUFBSSxDQUFDLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7SUFDL0QsQ0FBQztJQUVELGVBQWU7UUFDYixJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQztJQUM5RCxDQUFDO0lBRVEsT0FBTyxDQUFDLENBQVM7UUFDeEIsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQ2pCLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUM7U0FDcEQ7UUFDRCxPQUFPLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFUSxRQUFRLENBQUMsS0FBYTtRQUM3QixPQUFPLEtBQUssS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLFNBQVM7WUFDckMsQ0FBQyxDQUFDLEtBQUs7WUFDUCxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FDTixZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsZ0JBQWdCLENBQUMsRUFDL0MsSUFBSSxDQUFDLEdBQUcsQ0FDTixZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxNQUFNLENBQUMsZ0JBQWdCLENBQUMsRUFDL0MsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FDM0IsQ0FDRixDQUFDO0lBQ1IsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUFhO1FBQ3hCLElBQUksQ0FBQyxTQUFTLENBQ1osWUFBWSxDQUFDLEtBQUssRUFBRSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FDbEUsQ0FBQztJQUNKLENBQUM7SUFFRCxXQUFXLENBQUMsUUFBaUI7UUFDM0IsSUFBSSxRQUFRLEVBQUU7WUFDWixJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDL0M7YUFBTTtZQUNMLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUMvQztJQUNILENBQUM7SUFFTyxjQUFjLENBQUMsS0FBYTtRQUNsQyxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQzVELE9BQU8sVUFBVSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRU8sZ0JBQWdCO1FBQ3RCLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLEdBQUcsRUFBRSxDQUFDO1FBQzVCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDaEMsT0FBTyxLQUFLLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUN0RCxDQUFDO3VHQXJHVSxvQkFBb0I7MkZBQXBCLG9CQUFvQixtUkFScEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO2dCQUNuRCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsMERBeUNnQix5QkFBeUIsaURBR3pCLHdCQUF3Qiw4R0FOVixVQUFVLG9EQzNFM0MsMHhFQThFQTs7MkZEdkNhLG9CQUFvQjtrQkFmaEMsU0FBUzsrQkFDRSxrQkFBa0IsbUJBR1gsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSx1QkFDaEIsS0FBSyxhQUNmO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHFCQUFxQixDQUFDOzRCQUNuRCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFTRCxJQUFJO3NCQURILEtBQUs7Z0JBSU4sR0FBRztzQkFERixLQUFLO2dCQUlOLEdBQUc7c0JBREYsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sZ0JBQWdCO3NCQURmLEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixRQUFRO3NCQURQLFNBQVM7dUJBQUMsVUFBVSxFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFJMUIsZUFBZTtzQkFEL0IsZUFBZTt1QkFBQyx5QkFBeUI7Z0JBSXpCLGNBQWM7c0JBRDlCLGVBQWU7dUJBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGZvcndhcmRSZWYsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgUXVlcnlMaXN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBDb21tb25Gb3JtQ29udHJvbCB9IGZyb20gJy4uLy4uL2Zvcm0nO1xuaW1wb3J0IHsgQ29tcG9uZW50U2l6ZSB9IGZyb20gJy4uLy4uL3R5cGVzJztcbmltcG9ydCB7IEJlbSwgYnVpbGRCZW0sIGNvZXJjZU51bWJlciwgd2F0Y2hDb250ZW50RXhpc3QgfSBmcm9tICcuLi8uLi91dGlscyc7XG5pbXBvcnQge1xuICBJbnB1dEFkZG9uQWZ0ZXJEaXJlY3RpdmUsXG4gIElucHV0QWRkb25CZWZvcmVEaXJlY3RpdmUsXG59IGZyb20gJy4uL2hlbHBlci1kaXJlY3RpdmVzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXVpLW51bWJlci1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9udW1iZXItaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9udW1iZXItaW5wdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IE51bWJlcklucHV0Q29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIE51bWJlcklucHV0Q29tcG9uZW50XG4gIGV4dGVuZHMgQ29tbW9uRm9ybUNvbnRyb2w8bnVtYmVyPlxuICBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQsIEFmdGVyVmlld0luaXRcbntcbiAgYmVtOiBCZW0gPSBidWlsZEJlbSgnYXVpLW51bWJlci1pbnB1dCcpO1xuXG4gIEBJbnB1dCgpXG4gIHNpemU6IENvbXBvbmVudFNpemUgPSBDb21wb25lbnRTaXplLk1lZGl1bTtcblxuICBASW5wdXQoKVxuICBtaW46IHN0cmluZyB8IG51bWJlciA9IE51bWJlci5NSU5fU0FGRV9JTlRFR0VSO1xuXG4gIEBJbnB1dCgpXG4gIG1heDogc3RyaW5nIHwgbnVtYmVyID0gTnVtYmVyLk1BWF9TQUZFX0lOVEVHRVI7XG5cbiAgQElucHV0KClcbiAgc3RlcCA9IDE7XG5cbiAgQElucHV0KClcbiAgcHJlY2lzaW9uOiBudW1iZXI7XG5cbiAgQElucHV0KClcbiAgY29udHJvbHMgPSB0cnVlO1xuXG4gIEBJbnB1dCgpXG4gIHBsYWNlaG9sZGVyID0gJyc7XG5cbiAgQElucHV0KClcbiAgY29udHJvbHNQb3NpdGlvbiA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGFuZ2xlQ29udHJvbHMgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBjbGVhcmFibGUgPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdpbnB1dFJlZicsIHsgcmVhZDogRWxlbWVudFJlZiB9KVxuICBpbnB1dFJlZjogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICBAQ29udGVudENoaWxkcmVuKElucHV0QWRkb25CZWZvcmVEaXJlY3RpdmUpXG4gIHByaXZhdGUgcmVhZG9ubHkgYWRkb25CZWZvcmVSZWZzOiBRdWVyeUxpc3Q8SW5wdXRBZGRvbkJlZm9yZURpcmVjdGl2ZT47XG5cbiAgQENvbnRlbnRDaGlsZHJlbihJbnB1dEFkZG9uQWZ0ZXJEaXJlY3RpdmUpXG4gIHByaXZhdGUgcmVhZG9ubHkgYWRkb25BZnRlclJlZnM6IFF1ZXJ5TGlzdDxJbnB1dEFkZG9uQWZ0ZXJEaXJlY3RpdmU+O1xuXG4gIGlzRm9jdXMgPSBmYWxzZTtcblxuICBoYXNBZGRvbkJlZm9yZSQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG4gIGhhc0FkZG9uQWZ0ZXIkOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcbiAgICB0aGlzLmhhc0FkZG9uQmVmb3JlJCA9IHdhdGNoQ29udGVudEV4aXN0KHRoaXMuYWRkb25CZWZvcmVSZWZzKTtcbiAgICB0aGlzLmhhc0FkZG9uQWZ0ZXIkID0gd2F0Y2hDb250ZW50RXhpc3QodGhpcy5hZGRvbkFmdGVyUmVmcyk7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgdGhpcy5pbnB1dFJlZi5uYXRpdmVFbGVtZW50LnZhbHVlID0gKHRoaXMubW9kZWwgPz8gJycpICsgJyc7XG4gIH1cblxuICBvdmVycmlkZSB2YWx1ZUluKHY6IG51bWJlcikge1xuICAgIGlmICh0aGlzLmlucHV0UmVmKSB7XG4gICAgICB0aGlzLmlucHV0UmVmLm5hdGl2ZUVsZW1lbnQudmFsdWUgPSAodiA/PyAnJykgKyAnJztcbiAgICB9XG4gICAgcmV0dXJuIHY7XG4gIH1cblxuICBvdmVycmlkZSBtb2RlbE91dCh2YWx1ZTogbnVtYmVyKSB7XG4gICAgcmV0dXJuIHZhbHVlID09PSBudWxsICYmIHRoaXMuY2xlYXJhYmxlXG4gICAgICA/IHZhbHVlXG4gICAgICA6IE1hdGgubWF4KFxuICAgICAgICAgIGNvZXJjZU51bWJlcih0aGlzLm1pbiwgTnVtYmVyLk1JTl9TQUZFX0lOVEVHRVIpLFxuICAgICAgICAgIE1hdGgubWluKFxuICAgICAgICAgICAgY29lcmNlTnVtYmVyKHRoaXMubWF4LCBOdW1iZXIuTUFYX1NBRkVfSU5URUdFUiksXG4gICAgICAgICAgICB0aGlzLnBhcnNlUHJlY2lzaW9uKHZhbHVlKSxcbiAgICAgICAgICApLFxuICAgICAgICApO1xuICB9XG5cbiAgaW5wdXRDaGFuZ2VkKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLmVtaXRNb2RlbChcbiAgICAgIGNvZXJjZU51bWJlcih2YWx1ZSwgIXZhbHVlICYmIHRoaXMuY2xlYXJhYmxlID8gbnVsbCA6IHRoaXMubW9kZWwpLFxuICAgICk7XG4gIH1cblxuICB0YWtlT25lU3RlcChwb3NpdGl2ZTogYm9vbGVhbikge1xuICAgIGlmIChwb3NpdGl2ZSkge1xuICAgICAgdGhpcy5lbWl0TW9kZWwoKHRoaXMubW9kZWwgPz8gMCkgKyB0aGlzLnN0ZXApO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmVtaXRNb2RlbCgodGhpcy5tb2RlbCA/PyAwKSAtIHRoaXMuc3RlcCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBwYXJzZVByZWNpc2lvbih2YWx1ZTogbnVtYmVyKSB7XG4gICAgY29uc3QgcHJlY2lzaW9uID0gdGhpcy5wcmVjaXNpb24gPz8gdGhpcy5nZXRTdGVwUHJlY2lzaW9uKCk7XG4gICAgcmV0dXJuIHBhcnNlRmxvYXQodmFsdWUudG9GaXhlZChwcmVjaXNpb24pKTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0U3RlcFByZWNpc2lvbigpIHtcbiAgICBjb25zdCBzdGVwID0gdGhpcy5zdGVwICsgJyc7XG4gICAgY29uc3QgaW5kZXggPSBzdGVwLmluZGV4T2YoJy4nKTtcbiAgICByZXR1cm4gaW5kZXggPCAwID8gMCA6IHN0ZXAuc2xpY2UoaW5kZXggKyAxKS5sZW5ndGg7XG4gIH1cbn1cbiIsIjxkaXZcbiAgW2NsYXNzXT1cImJlbS5ibG9jayhzaXplKVwiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICBpc0ZvY3VzZWQ6IGlzRm9jdXMsXG4gICAgaXNEaXNhYmxlZDogZGlzYWJsZWQsXG4gICAgaGFzQmVmb3JlOiBoYXNBZGRvbkJlZm9yZSQgfCBhc3luYyxcbiAgICBoYXNBZnRlcjogaGFzQWRkb25BZnRlciQgfCBhc3luY1xuICB9XCJcbj5cbiAgPGRpdlxuICAgICpuZ0lmPVwiaGFzQWRkb25CZWZvcmUkIHwgYXN5bmNcIlxuICAgIFtjbGFzc109XCJiZW0uZWxlbWVudCgnYWRkb24nLCAnYmVmb3JlJylcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2F1aUlucHV0QWRkb25CZWZvcmVdXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGRpdlxuICAgIFtjbGFzc109XCJiZW0uZWxlbWVudCgnaW5uZXInKVwiXG4gICAgYXVpQ2xpY2tPdXRzaWRlXG4gICAgKGF1aUNsaWNrT3V0c2lkZSk9XCJpc0ZvY3VzID0gZmFsc2VcIlxuICA+XG4gICAgPGJ1dHRvblxuICAgICAgKm5nSWY9XCJjb250cm9scyAmJiAhYW5nbGVDb250cm9sc1wiXG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIFtuZ0NsYXNzXT1cImJlbS5lbGVtZW50KCdjb250cm9sJywgJ2RlY3JlYXNlJylcIlxuICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IG1vZGVsIDw9IG1pblwiXG4gICAgICAoY2xpY2spPVwidGFrZU9uZVN0ZXAoZmFsc2UpOyBpc0ZvY3VzID0gdHJ1ZVwiXG4gICAgPlxuICAgICAgPGF1aS1pY29uIGljb249XCJtaW51c1wiPjwvYXVpLWljb24+XG4gICAgPC9idXR0b24+XG4gICAgPGlucHV0XG4gICAgICAjaW5wdXRSZWZcbiAgICAgIGF1dG9jb21wbGV0ZT1cIm9mZlwiXG4gICAgICAoY2hhbmdlKT1cImlucHV0Q2hhbmdlZCgkYW55KCRldmVudCkudGFyZ2V0LnZhbHVlKVwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgW25nQ2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2lucHV0JylcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgIChmb2N1cyk9XCJpc0ZvY3VzID0gdHJ1ZVwiXG4gICAgICAoYmx1cik9XCJpc0ZvY3VzID0gZmFsc2VcIlxuICAgICAgW25nU3R5bGVdPVwieyAndGV4dC1hbGlnbic6IGFuZ2xlQ29udHJvbHMgPyAnbGVmdCcgOiAnY2VudGVyJyB9XCJcbiAgICAvPlxuICAgIDxidXR0b25cbiAgICAgICpuZ0lmPVwiY29udHJvbHMgJiYgIWFuZ2xlQ29udHJvbHNcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBbbmdDbGFzc109XCJiZW0uZWxlbWVudCgnY29udHJvbCcsICdpbmNyZWFzZScpXCJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBtb2RlbCA+PSBtYXhcIlxuICAgICAgKGNsaWNrKT1cInRha2VPbmVTdGVwKHRydWUpOyBpc0ZvY3VzID0gdHJ1ZVwiXG4gICAgPlxuICAgICAgPGF1aS1pY29uIGljb249XCJwbHVzXCI+PC9hdWktaWNvbj5cbiAgICA8L2J1dHRvbj5cbiAgICA8ZGl2XG4gICAgICAqbmdJZj1cImNvbnRyb2xzICYmIGFuZ2xlQ29udHJvbHNcIlxuICAgICAgY2xhc3M9XCJhdWktbnVtYmVyLWlucHV0X19jb250cm9sc1wiXG4gICAgPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgW25nQ2xhc3NdPVwiYmVtLmVsZW1lbnQoJ2NvbnRyb2wnLCAnYW5nbGUtdXAnKVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBtb2RlbCA+PSBtYXhcIlxuICAgICAgICAoY2xpY2spPVwidGFrZU9uZVN0ZXAodHJ1ZSk7IGlzRm9jdXMgPSB0cnVlXCJcbiAgICAgID5cbiAgICAgICAgPGF1aS1pY29uIGljb249XCJhbmdsZV91cFwiPjwvYXVpLWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxidXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIFtuZ0NsYXNzXT1cImJlbS5lbGVtZW50KCdjb250cm9sJywgJ2FuZ2xlLWRvd24nKVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBtb2RlbCA8PSBtaW5cIlxuICAgICAgICAoY2xpY2spPVwidGFrZU9uZVN0ZXAoZmFsc2UpOyBpc0ZvY3VzID0gdHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxhdWktaWNvbiBpY29uPVwiYW5nbGVfZG93blwiPjwvYXVpLWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICAqbmdJZj1cImhhc0FkZG9uQWZ0ZXIkIHwgYXN5bmNcIlxuICAgIFtjbGFzc109XCJiZW0uZWxlbWVudCgnYWRkb24nLCAnYWZ0ZXInKVwiXG4gID5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYXVpSW5wdXRBZGRvbkFmdGVyXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

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.1.4", ngImport: i0, type: SearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.4", 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.1.4", 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=