@cuby-ui/core 0.0.194 → 0.0.195

package/esm2022/components/select/select.component.mjs

@@ -1,172 +1,172 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, Input, ElementRef, ViewChild, HostBinding, ViewContainerRef, HostListener } from '@angular/core';
-import { DOCUMENT } from '@angular/common';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { CuiDestroyService } from '@cuby-ui/cdk';
-import { cuiProvide, CuiClickOutsideDirective } from '@cuby-ui/cdk';
-import { takeUntil } from 'rxjs';
-import { CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FILED_CONTROLLER_PROVIDER } from '../../directives';
-import { CUI_ROOT_SELECTOR } from '../root';
-import * as i0 from "@angular/core";
-import * as i1 from "@cuby-ui/cdk";
-import * as i2 from "@angular/common";
-import * as i3 from "../svg/svg.component";
-export class CuiSelectComponent {
-    constructor() {
-        this.element = inject(ElementRef).nativeElement;
-        this.document = inject(DOCUMENT);
-        this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.viewContainerRef = inject(ViewContainerRef);
-        this.destroy$ = inject(CuiDestroyService, { self: true });
-        this.cuiTextFieldController = inject(CUI_TEXT_FIELD_CONTROLLER);
-        this.cuiClickOutsideDirective = inject(CuiClickOutsideDirective, { self: true });
-        this.SPACE_BETWEEN_BUTTON_AND_OPTIONS = 3;
-        this.isOpened = false;
-        this.isOptionsListAbove = false;
-        this.gap = `${this.SPACE_BETWEEN_BUTTON_AND_OPTIONS}px`;
-    }
-    get id() {
-        return this.cuiTextFieldController.id;
-    }
-    get size() {
-        return this.cuiTextFieldController.size;
-    }
-    get placeholder() {
-        return this.cuiTextFieldController.placeholder;
-    }
-    get isError() {
-        return this.cuiTextFieldController.isError;
-    }
-    trackByFn(_, item) {
-        return item.label;
-    }
-    writeValue(value) {
-        this.value = value;
-        // TODO: Непонятно, зачем нужно в construction вторая часть выражения
-        this.selectedOption = this.options.find(option => option.value === value) ?? value;
-        this.changeDetectorRef.markForCheck();
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    ngOnInit() {
-        this.initClickOutsideSubscription();
-    }
-    ngOnDestroy() {
-        this.clearViewContainerRef();
-    }
-    setDisabledState(isDisabled) {
-        this.isDisabled = isDisabled;
-        this.changeDetectorRef.markForCheck();
-    }
-    onSelect(event, option) {
-        event.stopPropagation();
-        if (option.isDisabled) {
-            return;
-        }
-        this.value = option.value;
-        this.selectedOption = option;
-        this.onChange(this.value);
-        this.onSwitch();
-        this.onTouched();
-        this.changeDetectorRef.markForCheck();
-    }
-    onSwitch() {
-        if (!this.options.length && !this.defaultOptionText) {
-            return;
-        }
-        if (!this.isOpened) {
-            this.open();
-            return;
-        }
-        this.close();
-    }
-    onClose() {
-        this.close();
-    }
-    onWindowResize() {
-        this.button.nativeElement.blur();
-        this.close();
-    }
-    initClickOutsideSubscription() {
-        this.cuiClickOutsideDirective.cuiClickOutside
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(() => {
-            if (this.isOpened) {
-                this.onTouched();
-            }
-            this.close();
-        });
-    }
-    open() {
-        this.isOpened = true;
-        const rootElement = this.document.querySelector(CUI_ROOT_SELECTOR);
-        const { top: elementRectTop, left: elementRectLeft, bottom: elementRectBottom } = this.element.getBoundingClientRect();
-        const distanceToBottom = this.document.documentElement.clientHeight
-            - (elementRectBottom + this.SPACE_BETWEEN_BUTTON_AND_OPTIONS);
-        const embeddedViewRef = this.viewContainerRef.createEmbeddedView(this.optionsWrapper);
-        const node = embeddedViewRef.rootNodes[0];
-        const nodeStyles = node.style;
-        this.isOptionsListAbove = distanceToBottom < this.getOptionsListHeightContainer.nativeElement.offsetHeight;
-        embeddedViewRef.detectChanges();
-        nodeStyles.width = this.element.offsetWidth + 'px';
-        nodeStyles.left = window.scrollX + elementRectLeft + 'px';
-        if (this.isOptionsListAbove) {
-            nodeStyles.top = window.scrollY + elementRectTop
-                - this.getOptionsListHeightContainer.nativeElement.offsetHeight
-                - this.SPACE_BETWEEN_BUTTON_AND_OPTIONS
-                + 'px';
-        }
-        else {
-            nodeStyles.top = window.scrollY + elementRectBottom + this.SPACE_BETWEEN_BUTTON_AND_OPTIONS + 'px';
-        }
-        rootElement.appendChild(this.viewContainerRef.createEmbeddedView(this.backdrop).rootNodes[0]);
-        rootElement.appendChild(embeddedViewRef.rootNodes[0]);
-    }
-    close() {
-        this.isOpened = false;
-        this.clearViewContainerRef();
-    }
-    clearViewContainerRef() {
-        this.viewContainerRef.clear();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiSelectComponent, selector: "cui-select[options]", inputs: { options: "options", defaultOptionText: "defaultOptionText" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style.--c-gap": "this.gap" } }, providers: [
-            CUI_TEXT_FILED_CONTROLLER_PROVIDER,
-            cuiProvide(NG_VALUE_ACCESSOR, CuiSelectComponent, true),
-            CuiDestroyService
-        ], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }, { propertyName: "getOptionsListHeightContainer", first: true, predicate: ["getOptionsListHeightContainer"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }, { propertyName: "optionsWrapper", first: true, predicate: ["optionsWrapper"], descendants: true }], hostDirectives: [{ directive: i1.CuiClickOutsideDirective }], ngImport: i0, template: "<button\r\n    #button\r\n    type=\"button\"\r\n    [attr.id]=\"id\"\r\n    [attr.data-size]=\"size\"\r\n    [disabled]=\"isDisabled\"\r\n    class=\"c-button\"\r\n    [class.c-button_active]=\"isOpened\"\r\n    [class.c-button_with-error]=\"isError\"\r\n    (click)=\"onSwitch()\"\r\n>\r\n  <ng-container *ngIf=\"selectedOption; else placeholderTemplate\">\r\n    {{ selectedOption.label }}\r\n  </ng-container>\r\n  <ng-template #placeholderTemplate>\r\n    <span class=\"c-placeholder\">{{ placeholder }}</span>\r\n  </ng-template>\r\n  <cui-svg\r\n    icon=\"cuiIconChevronDown\"\r\n    color=\"var(--cui-base-500)\"\r\n  />\r\n</button>\r\n<ng-template #backdrop>\r\n  <div class=\"c-backdrop\"></div>\r\n</ng-template>\r\n<ng-template #optionsWrapper>\r\n  <div\r\n    cuiFocusTrap\r\n    class=\"c-options__wrapper\"\r\n    [class.c-options__wrapper_top]=\"isOptionsListAbove\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"optionsList\"/>\r\n  </div>\r\n</ng-template>\r\n<div\r\n    #getOptionsListHeightContainer\r\n    class=\"c-get-options-list-height-container\"\r\n>\r\n  <ng-container *ngTemplateOutlet=\"optionsList\"/>\r\n</div>\r\n<ng-template #optionsList>\r\n  <ul\r\n    class=\"c-options\"\r\n    [class.c-options_top]=\"isOptionsListAbove\"\r\n  >\r\n    <ng-container *ngIf=\"options.length; else empty\">\r\n      <li *ngFor=\"let option of options; trackBy: trackByFn\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"c-option-button\"\r\n          [class.c-option-button_selected]=\"selectedOption === option\"\r\n          [disabled]=\"option.isDisabled\"\r\n          (click)=\"onSelect($event, option)\"\r\n        >\r\n          <span>{{ option.label }}</span>\r\n          <cui-svg\r\n            *ngIf=\"selectedOption === option\"\r\n            icon=\"cuiIconCheckSm\"\r\n            color=\"var(--cui-info)\"\r\n            class=\"c-option-button__icon\"\r\n          />\r\n        </button>\r\n      </li>\r\n    </ng-container>\r\n    <ng-template #empty>\r\n      <li *ngIf=\"defaultOptionText\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"c-option-button\"\r\n          (click)=\"onClose()\"\r\n        >\r\n          {{ defaultOptionText }}\r\n        </button>\r\n      </li>\r\n    </ng-template>\r\n  </ul>\r\n</ng-template>\r\n", styles: [":host{display:block;font-family:var(--cui-main-font);position:relative}.c-button{border:0;flex-shrink:0;outline:none;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:0 13px;font-weight:400;font-size:14px;line-height:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:1px solid var(--cui-base-200);border-radius:8px;cursor:pointer;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font);text-align:start}.c-button:hover{border-color:var(--cui-base-300)}.c-button_active.c-button_active,.c-button:focus{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}.c-button:disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}.c-button[data-size=sm]{padding-top:7px;padding-bottom:7px}.c-button[data-size=md]{padding-top:8px;padding-bottom:8px}.c-button_with-error{border-color:var(--cui-danger)}.c-button_with-error:focus{box-shadow:0 0 0 2px #d92d2040;border-color:var(--cui-danger)}.c-placeholder{color:var(--cui-base-400)}.c-backdrop{position:fixed;inset:0}.c-options__wrapper{position:absolute;font-family:var(--cui-main-font);z-index:1}.c-get-options-list-height-container{position:fixed;visibility:hidden}.c-options{padding:7px 0;margin:0;list-style:none;font-weight:400;font-size:14px;line-height:20px;box-shadow:0 1px 4px #0000000a,0 1px 4px #0000000a;overflow:auto;max-height:180px;border:1px solid var(--cui-base-200);border-radius:8px;background:var(--cui-base-0);color:var(--cui-base-900)}.c-option-button{padding:8px 11px 8px 0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:8px 11px;width:100%;display:flex;align-items:center;gap:12px;text-align:start}.c-option-button:active{background:var(--cui-base-50)}@media (hover: hover){.c-option-button:hover{background:var(--cui-base-50)}}.c-option-button_selected{background:var(--cui-base-50)}.c-option-button:disabled{background:unset;opacity:50%}.c-option-button__icon{margin-left:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "directive", type: i1.CuiFocusTrapDirective, selector: "[cuiFocusTrap]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cui-select[options]', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        CUI_TEXT_FILED_CONTROLLER_PROVIDER,
-                        cuiProvide(NG_VALUE_ACCESSOR, CuiSelectComponent, true),
-                        CuiDestroyService
-                    ], hostDirectives: [CuiClickOutsideDirective], template: "<button\r\n    #button\r\n    type=\"button\"\r\n    [attr.id]=\"id\"\r\n    [attr.data-size]=\"size\"\r\n    [disabled]=\"isDisabled\"\r\n    class=\"c-button\"\r\n    [class.c-button_active]=\"isOpened\"\r\n    [class.c-button_with-error]=\"isError\"\r\n    (click)=\"onSwitch()\"\r\n>\r\n  <ng-container *ngIf=\"selectedOption; else placeholderTemplate\">\r\n    {{ selectedOption.label }}\r\n  </ng-container>\r\n  <ng-template #placeholderTemplate>\r\n    <span class=\"c-placeholder\">{{ placeholder }}</span>\r\n  </ng-template>\r\n  <cui-svg\r\n    icon=\"cuiIconChevronDown\"\r\n    color=\"var(--cui-base-500)\"\r\n  />\r\n</button>\r\n<ng-template #backdrop>\r\n  <div class=\"c-backdrop\"></div>\r\n</ng-template>\r\n<ng-template #optionsWrapper>\r\n  <div\r\n    cuiFocusTrap\r\n    class=\"c-options__wrapper\"\r\n    [class.c-options__wrapper_top]=\"isOptionsListAbove\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"optionsList\"/>\r\n  </div>\r\n</ng-template>\r\n<div\r\n    #getOptionsListHeightContainer\r\n    class=\"c-get-options-list-height-container\"\r\n>\r\n  <ng-container *ngTemplateOutlet=\"optionsList\"/>\r\n</div>\r\n<ng-template #optionsList>\r\n  <ul\r\n    class=\"c-options\"\r\n    [class.c-options_top]=\"isOptionsListAbove\"\r\n  >\r\n    <ng-container *ngIf=\"options.length; else empty\">\r\n      <li *ngFor=\"let option of options; trackBy: trackByFn\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"c-option-button\"\r\n          [class.c-option-button_selected]=\"selectedOption === option\"\r\n          [disabled]=\"option.isDisabled\"\r\n          (click)=\"onSelect($event, option)\"\r\n        >\r\n          <span>{{ option.label }}</span>\r\n          <cui-svg\r\n            *ngIf=\"selectedOption === option\"\r\n            icon=\"cuiIconCheckSm\"\r\n            color=\"var(--cui-info)\"\r\n            class=\"c-option-button__icon\"\r\n          />\r\n        </button>\r\n      </li>\r\n    </ng-container>\r\n    <ng-template #empty>\r\n      <li *ngIf=\"defaultOptionText\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"c-option-button\"\r\n          (click)=\"onClose()\"\r\n        >\r\n          {{ defaultOptionText }}\r\n        </button>\r\n      </li>\r\n    </ng-template>\r\n  </ul>\r\n</ng-template>\r\n", styles: [":host{display:block;font-family:var(--cui-main-font);position:relative}.c-button{border:0;flex-shrink:0;outline:none;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:0 13px;font-weight:400;font-size:14px;line-height:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:1px solid var(--cui-base-200);border-radius:8px;cursor:pointer;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font);text-align:start}.c-button:hover{border-color:var(--cui-base-300)}.c-button_active.c-button_active,.c-button:focus{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}.c-button:disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}.c-button[data-size=sm]{padding-top:7px;padding-bottom:7px}.c-button[data-size=md]{padding-top:8px;padding-bottom:8px}.c-button_with-error{border-color:var(--cui-danger)}.c-button_with-error:focus{box-shadow:0 0 0 2px #d92d2040;border-color:var(--cui-danger)}.c-placeholder{color:var(--cui-base-400)}.c-backdrop{position:fixed;inset:0}.c-options__wrapper{position:absolute;font-family:var(--cui-main-font);z-index:1}.c-get-options-list-height-container{position:fixed;visibility:hidden}.c-options{padding:7px 0;margin:0;list-style:none;font-weight:400;font-size:14px;line-height:20px;box-shadow:0 1px 4px #0000000a,0 1px 4px #0000000a;overflow:auto;max-height:180px;border:1px solid var(--cui-base-200);border-radius:8px;background:var(--cui-base-0);color:var(--cui-base-900)}.c-option-button{padding:8px 11px 8px 0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:8px 11px;width:100%;display:flex;align-items:center;gap:12px;text-align:start}.c-option-button:active{background:var(--cui-base-50)}@media (hover: hover){.c-option-button:hover{background:var(--cui-base-50)}}.c-option-button_selected{background:var(--cui-base-50)}.c-option-button:disabled{background:unset;opacity:50%}.c-option-button__icon{margin-left:auto}\n"] }]
-        }], propDecorators: { options: [{
-                type: Input
-            }], defaultOptionText: [{
-                type: Input
-            }], button: [{
-                type: ViewChild,
-                args: ['button']
-            }], getOptionsListHeightContainer: [{
-                type: ViewChild,
-                args: ['getOptionsListHeightContainer']
-            }], backdrop: [{
-                type: ViewChild,
-                args: ['backdrop']
-            }], optionsWrapper: [{
-                type: ViewChild,
-                args: ['optionsWrapper']
-            }], gap: [{
-                type: HostBinding,
-                args: ['style.--c-gap']
-            }], onWindowResize: [{
-                type: HostListener,
-                args: ['window:resize']
-            }] } });
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, Input, ElementRef, ViewChild, HostBinding, ViewContainerRef, HostListener } from '@angular/core';
+import { DOCUMENT } from '@angular/common';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { CuiDestroyService } from '@cuby-ui/cdk';
+import { cuiProvide, CuiClickOutsideDirective } from '@cuby-ui/cdk';
+import { takeUntil } from 'rxjs';
+import { CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FILED_CONTROLLER_PROVIDER } from '../../directives';
+import { CUI_ROOT_SELECTOR } from '../root';
+import * as i0 from "@angular/core";
+import * as i1 from "@cuby-ui/cdk";
+import * as i2 from "@angular/common";
+import * as i3 from "../svg/svg.component";
+export class CuiSelectComponent {
+    constructor() {
+        this.element = inject(ElementRef).nativeElement;
+        this.document = inject(DOCUMENT);
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.destroy$ = inject(CuiDestroyService, { self: true });
+        this.cuiTextFieldController = inject(CUI_TEXT_FIELD_CONTROLLER);
+        this.cuiClickOutsideDirective = inject(CuiClickOutsideDirective, { self: true });
+        this.SPACE_BETWEEN_BUTTON_AND_OPTIONS = 3;
+        this.isOpened = false;
+        this.isOptionsListAbove = false;
+        this.gap = `${this.SPACE_BETWEEN_BUTTON_AND_OPTIONS}px`;
+    }
+    get id() {
+        return this.cuiTextFieldController.id;
+    }
+    get size() {
+        return this.cuiTextFieldController.size;
+    }
+    get placeholder() {
+        return this.cuiTextFieldController.placeholder;
+    }
+    get isError() {
+        return this.cuiTextFieldController.isError;
+    }
+    trackByFn(_, item) {
+        return item.label;
+    }
+    writeValue(value) {
+        this.value = value;
+        // TODO: Непонятно, зачем нужно в construction вторая часть выражения
+        this.selectedOption = this.options.find(option => option.value === value) ?? value;
+        this.changeDetectorRef.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    ngOnInit() {
+        this.initClickOutsideSubscription();
+    }
+    ngOnDestroy() {
+        this.clearViewContainerRef();
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+        this.changeDetectorRef.markForCheck();
+    }
+    onSelect(event, option) {
+        event.stopPropagation();
+        if (option.isDisabled) {
+            return;
+        }
+        this.value = option.value;
+        this.selectedOption = option;
+        this.onChange(this.value);
+        this.onSwitch();
+        this.onTouched();
+        this.changeDetectorRef.markForCheck();
+    }
+    onSwitch() {
+        if (!this.options.length && !this.defaultOptionText) {
+            return;
+        }
+        if (!this.isOpened) {
+            this.open();
+            return;
+        }
+        this.close();
+    }
+    onClose() {
+        this.close();
+    }
+    onWindowResize() {
+        this.button.nativeElement.blur();
+        this.close();
+    }
+    initClickOutsideSubscription() {
+        this.cuiClickOutsideDirective.cuiClickOutside
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => {
+            if (this.isOpened) {
+                this.onTouched();
+            }
+            this.close();
+        });
+    }
+    open() {
+        this.isOpened = true;
+        const rootElement = this.document.querySelector(CUI_ROOT_SELECTOR);
+        const { top: elementRectTop, left: elementRectLeft, bottom: elementRectBottom } = this.element.getBoundingClientRect();
+        const distanceToBottom = this.document.documentElement.clientHeight
+            - (elementRectBottom + this.SPACE_BETWEEN_BUTTON_AND_OPTIONS);
+        const embeddedViewRef = this.viewContainerRef.createEmbeddedView(this.optionsWrapper);
+        const node = embeddedViewRef.rootNodes[0];
+        const nodeStyles = node.style;
+        this.isOptionsListAbove = distanceToBottom < this.getOptionsListHeightContainer.nativeElement.offsetHeight;
+        embeddedViewRef.detectChanges();
+        nodeStyles.width = this.element.offsetWidth + 'px';
+        nodeStyles.left = window.scrollX + elementRectLeft + 'px';
+        if (this.isOptionsListAbove) {
+            nodeStyles.top = window.scrollY + elementRectTop
+                - this.getOptionsListHeightContainer.nativeElement.offsetHeight
+                - this.SPACE_BETWEEN_BUTTON_AND_OPTIONS
+                + 'px';
+        }
+        else {
+            nodeStyles.top = window.scrollY + elementRectBottom + this.SPACE_BETWEEN_BUTTON_AND_OPTIONS + 'px';
+        }
+        rootElement.appendChild(this.viewContainerRef.createEmbeddedView(this.backdrop).rootNodes[0]);
+        rootElement.appendChild(embeddedViewRef.rootNodes[0]);
+    }
+    close() {
+        this.isOpened = false;
+        this.clearViewContainerRef();
+    }
+    clearViewContainerRef() {
+        this.viewContainerRef.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiSelectComponent, selector: "cui-select[options]", inputs: { options: "options", defaultOptionText: "defaultOptionText" }, host: { listeners: { "window:resize": "onWindowResize()" }, properties: { "style.--c-gap": "this.gap" } }, providers: [
+            CUI_TEXT_FILED_CONTROLLER_PROVIDER,
+            cuiProvide(NG_VALUE_ACCESSOR, CuiSelectComponent, true),
+            CuiDestroyService
+        ], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }, { propertyName: "getOptionsListHeightContainer", first: true, predicate: ["getOptionsListHeightContainer"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }, { propertyName: "optionsWrapper", first: true, predicate: ["optionsWrapper"], descendants: true }], hostDirectives: [{ directive: i1.CuiClickOutsideDirective }], ngImport: i0, template: "<button\r\n    #button\r\n    type=\"button\"\r\n    [attr.id]=\"id\"\r\n    [attr.data-size]=\"size\"\r\n    [disabled]=\"isDisabled\"\r\n    class=\"c-button\"\r\n    [class.c-button_active]=\"isOpened\"\r\n    [class.c-button_with-error]=\"isError\"\r\n    (click)=\"onSwitch()\"\r\n>\r\n  <ng-container *ngIf=\"selectedOption; else placeholderTemplate\">\r\n    {{ selectedOption.label }}\r\n  </ng-container>\r\n  <ng-template #placeholderTemplate>\r\n    <span class=\"c-placeholder\">{{ placeholder }}</span>\r\n  </ng-template>\r\n  <cui-svg\r\n    icon=\"cuiIconChevronDown\"\r\n    color=\"var(--cui-base-500)\"\r\n  />\r\n</button>\r\n<ng-template #backdrop>\r\n  <div class=\"c-backdrop\"></div>\r\n</ng-template>\r\n<ng-template #optionsWrapper>\r\n  <div\r\n    cuiFocusTrap\r\n    class=\"c-options__wrapper\"\r\n    [class.c-options__wrapper_top]=\"isOptionsListAbove\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"optionsList\"/>\r\n  </div>\r\n</ng-template>\r\n<div\r\n    #getOptionsListHeightContainer\r\n    class=\"c-get-options-list-height-container\"\r\n>\r\n  <ng-container *ngTemplateOutlet=\"optionsList\"/>\r\n</div>\r\n<ng-template #optionsList>\r\n  <ul\r\n    class=\"c-options\"\r\n    [class.c-options_top]=\"isOptionsListAbove\"\r\n  >\r\n    <ng-container *ngIf=\"options.length; else empty\">\r\n      <li *ngFor=\"let option of options; trackBy: trackByFn\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"c-option-button\"\r\n          [class.c-option-button_selected]=\"selectedOption === option\"\r\n          [disabled]=\"option.isDisabled\"\r\n          (click)=\"onSelect($event, option)\"\r\n        >\r\n          <span>{{ option.label }}</span>\r\n          <cui-svg\r\n            *ngIf=\"selectedOption === option\"\r\n            icon=\"cuiIconCheckSm\"\r\n            color=\"var(--cui-info)\"\r\n            class=\"c-option-button__icon\"\r\n          />\r\n        </button>\r\n      </li>\r\n    </ng-container>\r\n    <ng-template #empty>\r\n      <li *ngIf=\"defaultOptionText\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"c-option-button\"\r\n          (click)=\"onClose()\"\r\n        >\r\n          {{ defaultOptionText }}\r\n        </button>\r\n      </li>\r\n    </ng-template>\r\n  </ul>\r\n</ng-template>\r\n", styles: [":host{display:block;font-family:var(--cui-main-font);position:relative}.c-button{border:0;flex-shrink:0;outline:none;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:0 13px;font-weight:400;font-size:14px;line-height:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:1px solid var(--cui-base-200);border-radius:8px;cursor:pointer;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font);text-align:start}.c-button:hover{border-color:var(--cui-base-300)}.c-button_active.c-button_active,.c-button:focus{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}.c-button:disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}.c-button[data-size=sm]{padding-top:7px;padding-bottom:7px}.c-button[data-size=md]{padding-top:8px;padding-bottom:8px}.c-button_with-error{border-color:var(--cui-danger)}.c-button_with-error:focus{box-shadow:0 0 0 2px #d92d2040;border-color:var(--cui-danger)}.c-placeholder{color:var(--cui-base-400)}.c-backdrop{position:fixed;inset:0}.c-options__wrapper{position:absolute;font-family:var(--cui-main-font);z-index:1}.c-get-options-list-height-container{position:fixed;visibility:hidden}.c-options{padding:7px 0;margin:0;list-style:none;font-weight:400;font-size:14px;line-height:20px;box-shadow:0 1px 4px #0000000a,0 1px 4px #0000000a;overflow:auto;max-height:180px;border:1px solid var(--cui-base-200);border-radius:8px;background:var(--cui-base-0);color:var(--cui-base-900)}.c-option-button{padding:8px 11px 8px 0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:8px 11px;width:100%;display:flex;align-items:center;gap:12px;text-align:start}.c-option-button:active{background:var(--cui-base-50)}@media (hover: hover){.c-option-button:hover{background:var(--cui-base-50)}}.c-option-button_selected{background:var(--cui-base-50)}.c-option-button:disabled{background:unset;opacity:50%}.c-option-button__icon{margin-left:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "directive", type: i1.CuiFocusTrapDirective, selector: "[cuiFocusTrap]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-select[options]', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        CUI_TEXT_FILED_CONTROLLER_PROVIDER,
+                        cuiProvide(NG_VALUE_ACCESSOR, CuiSelectComponent, true),
+                        CuiDestroyService
+                    ], hostDirectives: [CuiClickOutsideDirective], template: "<button\r\n    #button\r\n    type=\"button\"\r\n    [attr.id]=\"id\"\r\n    [attr.data-size]=\"size\"\r\n    [disabled]=\"isDisabled\"\r\n    class=\"c-button\"\r\n    [class.c-button_active]=\"isOpened\"\r\n    [class.c-button_with-error]=\"isError\"\r\n    (click)=\"onSwitch()\"\r\n>\r\n  <ng-container *ngIf=\"selectedOption; else placeholderTemplate\">\r\n    {{ selectedOption.label }}\r\n  </ng-container>\r\n  <ng-template #placeholderTemplate>\r\n    <span class=\"c-placeholder\">{{ placeholder }}</span>\r\n  </ng-template>\r\n  <cui-svg\r\n    icon=\"cuiIconChevronDown\"\r\n    color=\"var(--cui-base-500)\"\r\n  />\r\n</button>\r\n<ng-template #backdrop>\r\n  <div class=\"c-backdrop\"></div>\r\n</ng-template>\r\n<ng-template #optionsWrapper>\r\n  <div\r\n    cuiFocusTrap\r\n    class=\"c-options__wrapper\"\r\n    [class.c-options__wrapper_top]=\"isOptionsListAbove\"\r\n  >\r\n    <ng-container *ngTemplateOutlet=\"optionsList\"/>\r\n  </div>\r\n</ng-template>\r\n<div\r\n    #getOptionsListHeightContainer\r\n    class=\"c-get-options-list-height-container\"\r\n>\r\n  <ng-container *ngTemplateOutlet=\"optionsList\"/>\r\n</div>\r\n<ng-template #optionsList>\r\n  <ul\r\n    class=\"c-options\"\r\n    [class.c-options_top]=\"isOptionsListAbove\"\r\n  >\r\n    <ng-container *ngIf=\"options.length; else empty\">\r\n      <li *ngFor=\"let option of options; trackBy: trackByFn\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"c-option-button\"\r\n          [class.c-option-button_selected]=\"selectedOption === option\"\r\n          [disabled]=\"option.isDisabled\"\r\n          (click)=\"onSelect($event, option)\"\r\n        >\r\n          <span>{{ option.label }}</span>\r\n          <cui-svg\r\n            *ngIf=\"selectedOption === option\"\r\n            icon=\"cuiIconCheckSm\"\r\n            color=\"var(--cui-info)\"\r\n            class=\"c-option-button__icon\"\r\n          />\r\n        </button>\r\n      </li>\r\n    </ng-container>\r\n    <ng-template #empty>\r\n      <li *ngIf=\"defaultOptionText\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"c-option-button\"\r\n          (click)=\"onClose()\"\r\n        >\r\n          {{ defaultOptionText }}\r\n        </button>\r\n      </li>\r\n    </ng-template>\r\n  </ul>\r\n</ng-template>\r\n", styles: [":host{display:block;font-family:var(--cui-main-font);position:relative}.c-button{border:0;flex-shrink:0;outline:none;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:0 13px;font-weight:400;font-size:14px;line-height:20px;display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;border:1px solid var(--cui-base-200);border-radius:8px;cursor:pointer;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font);text-align:start}.c-button:hover{border-color:var(--cui-base-300)}.c-button_active.c-button_active,.c-button:focus{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}.c-button:disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}.c-button[data-size=sm]{padding-top:7px;padding-bottom:7px}.c-button[data-size=md]{padding-top:8px;padding-bottom:8px}.c-button_with-error{border-color:var(--cui-danger)}.c-button_with-error:focus{box-shadow:0 0 0 2px #d92d2040;border-color:var(--cui-danger)}.c-placeholder{color:var(--cui-base-400)}.c-backdrop{position:fixed;inset:0}.c-options__wrapper{position:absolute;font-family:var(--cui-main-font);z-index:1}.c-get-options-list-height-container{position:fixed;visibility:hidden}.c-options{padding:7px 0;margin:0;list-style:none;font-weight:400;font-size:14px;line-height:20px;box-shadow:0 1px 4px #0000000a,0 1px 4px #0000000a;overflow:auto;max-height:180px;border:1px solid var(--cui-base-200);border-radius:8px;background:var(--cui-base-0);color:var(--cui-base-900)}.c-option-button{padding:8px 11px 8px 0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:8px 11px;width:100%;display:flex;align-items:center;gap:12px;text-align:start}.c-option-button:active{background:var(--cui-base-50)}@media (hover: hover){.c-option-button:hover{background:var(--cui-base-50)}}.c-option-button_selected{background:var(--cui-base-50)}.c-option-button:disabled{background:unset;opacity:50%}.c-option-button__icon{margin-left:auto}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], defaultOptionText: [{
+                type: Input
+            }], button: [{
+                type: ViewChild,
+                args: ['button']
+            }], getOptionsListHeightContainer: [{
+                type: ViewChild,
+                args: ['getOptionsListHeightContainer']
+            }], backdrop: [{
+                type: ViewChild,
+                args: ['backdrop']
+            }], optionsWrapper: [{
+                type: ViewChild,
+                args: ['optionsWrapper']
+            }], gap: [{
+                type: HostBinding,
+                args: ['style.--c-gap']
+            }], onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zZWxlY3Qvc2VsZWN0LnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULE1BQU0sRUFDTixLQUFLLEVBQ0wsVUFBVSxFQUNWLFNBQVMsRUFDVCxXQUFXLEVBQ1gsZ0JBQWdCLEVBQ2hCLFlBQVksRUFDYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXpFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsVUFBVSxFQUFFLHdCQUF3QixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFJakMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLGtDQUFrQyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDakcsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sU0FBUyxDQUFDOzs7OztBQWM1QyxNQUFNLE9BQU8sa0JBQWtCO0lBWi9CO1FBYW1CLFlBQU8sR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsYUFBYSxDQUFDO1FBQzNDLGFBQVEsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDNUIsc0JBQWlCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDOUMscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDNUMsYUFBUSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsRUFBRSxFQUFDLElBQUksRUFBRSxJQUFJLEVBQUMsQ0FBQyxDQUFDO1FBQ25ELDJCQUFzQixHQUFHLE1BQU0sQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBQzNELDZCQUF3QixHQUFHLE1BQU0sQ0FBQyx3QkFBd0IsRUFBRSxFQUFDLElBQUksRUFBRSxJQUFJLEVBQUMsQ0FBQyxDQUFDO1FBRXhFLHFDQUFnQyxHQUFHLENBQUMsQ0FBQztRQUU5QyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLHVCQUFrQixHQUFHLEtBQUssQ0FBQztRQTBCM0IsUUFBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLGdDQUFnQyxJQUFJLENBQUM7S0FvSjlEO0lBbEpDLElBQWMsRUFBRTtRQUNkLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixDQUFDLEVBQUUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBYyxJQUFJO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixDQUFDLElBQUksQ0FBQztJQUMxQyxDQUFDO0lBRUQsSUFBYyxXQUFXO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixDQUFDLFdBQVcsQ0FBQztJQUNqRCxDQUFDO0lBRUQsSUFBYyxPQUFPO1FBQ25CLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQztJQUM3QyxDQUFDO0lBRVMsU0FBUyxDQUFDLENBQVMsRUFBRSxJQUFlO1FBQzVDLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBRU0sVUFBVSxDQUFDLEtBQWM7UUFDOUIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIscUVBQXFFO1FBQ3JFLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsS0FBSyxLQUFLLEtBQUssQ0FBQyxJQUFJLEtBQWtCLENBQUM7UUFFaEcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxFQUF3QjtRQUM5QyxJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRU0saUJBQWlCLENBQUMsRUFBZ0I7UUFDdkMsSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVNLFFBQVE7UUFDYixJQUFJLENBQUMsNEJBQTRCLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRU0sZ0JBQWdCLENBQUMsVUFBbUI7UUFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUM7UUFFN0IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFUyxRQUFRLENBQUMsS0FBWSxFQUFFLE1BQWlCO1FBQ2hELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV4QixJQUFJLE1BQU0sQ0FBQyxVQUFVLEVBQUU7WUFDckIsT0FBTTtTQUNQO1FBRUQsSUFBSSxDQUFDLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQzFCLElBQUksQ0FBQyxjQUFjLEdBQUcsTUFBTSxDQUFDO1FBRTdCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzFCLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNoQixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFUyxRQUFRO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRTtZQUNuRCxPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFFWixPQUFPO1NBQ1I7UUFFRCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDO0lBRVMsT0FBTztRQUNmLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNmLENBQUM7SUFHUyxjQUFjO1FBQ3RCLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNmLENBQUM7SUFFTyw0QkFBNEI7UUFDbEMsSUFBSSxDQUFDLHdCQUF3QixDQUFDLGVBQWU7YUFDNUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7YUFDOUIsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtnQkFDakIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO2FBQ2xCO1lBRUQsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ2YsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU8sSUFBSTtRQUNWLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDO1FBRXJCLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFFLENBQUM7UUFDcEUsTUFBTSxFQUNKLEdBQUcsRUFBRSxjQUFjLEVBQ25CLElBQUksRUFBRSxlQUFlLEVBQ3JCLE1BQU0sRUFBRSxpQkFBaUIsRUFDMUIsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFDekMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQyxZQUFZO2NBQy9ELENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLGdDQUFnQyxDQUFDLENBQUM7UUFDaEUsTUFBTSxlQUFlLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUN0RixNQUFNLElBQUksR0FBRyxlQUFlLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzFDLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFFOUIsSUFBSSxDQUFDLGtCQUFrQixHQUFHLGdCQUFnQixHQUFHLElBQUksQ0FBQyw2QkFBNkIsQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDO1FBRTNHLGVBQWUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUVoQyxVQUFVLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQztRQUNuRCxVQUFVLENBQUMsSUFBSSxHQUFHLE1BQU0sQ0FBQyxPQUFPLEdBQUcsZUFBZSxHQUFHLElBQUksQ0FBQztRQUUxRCxJQUFJLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtZQUMzQixVQUFVLENBQUMsR0FBRyxHQUFHLE1BQU0sQ0FBQyxPQUFPLEdBQUcsY0FBYztrQkFDNUMsSUFBSSxDQUFDLDZCQUE2QixDQUFDLGFBQWEsQ0FBQyxZQUFZO2tCQUM3RCxJQUFJLENBQUMsZ0NBQWdDO2tCQUNyQyxJQUFJLENBQUM7U0FDVjthQUFNO1lBQ0wsVUFBVSxDQUFDLEdBQUcsR0FBRyxNQUFNLENBQUMsT0FBTyxHQUFHLGlCQUFpQixHQUFHLElBQUksQ0FBQyxnQ0FBZ0MsR0FBRyxJQUFJLENBQUM7U0FDcEc7UUFFRCxXQUFXLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDOUYsV0FBVyxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDeEQsQ0FBQztJQUVPLEtBQUs7UUFDWCxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUV0QixJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztJQUMvQixDQUFDO0lBRU8scUJBQXFCO1FBQzNCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNoQyxDQUFDOytHQXpMVSxrQkFBa0I7bUdBQWxCLGtCQUFrQixpT0FQbEI7WUFDVCxrQ0FBa0M7WUFDbEMsVUFBVSxDQUFDLGlCQUFpQixFQUFFLGtCQUFrQixFQUFFLElBQUksQ0FBQztZQUN2RCxpQkFBaUI7U0FDbEIscWZDbENILHN4RUE2RUE7OzRGRHhDYSxrQkFBa0I7a0JBWjlCLFNBQVM7K0JBQ0UscUJBQXFCLG1CQUdkLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Qsa0NBQWtDO3dCQUNsQyxVQUFVLENBQUMsaUJBQWlCLHNCQUFzQixJQUFJLENBQUM7d0JBQ3ZELGlCQUFpQjtxQkFDbEIsa0JBQ2UsQ0FBQyx3QkFBd0IsQ0FBQzs4QkFzQm5DLE9BQU87c0JBRGIsS0FBSztnQkFJQyxpQkFBaUI7c0JBRHZCLEtBQUs7Z0JBSWEsTUFBTTtzQkFEeEIsU0FBUzt1QkFBQyxRQUFRO2dCQUlBLDZCQUE2QjtzQkFEL0MsU0FBUzt1QkFBQywrQkFBK0I7Z0JBSXZCLFFBQVE7c0JBRDFCLFNBQVM7dUJBQUMsVUFBVTtnQkFJRixjQUFjO3NCQURoQyxTQUFTO3VCQUFDLGdCQUFnQjtnQkFJakIsR0FBRztzQkFEWixXQUFXO3VCQUFDLGVBQWU7Z0JBd0ZsQixjQUFjO3NCQUR2QixZQUFZO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IE9uRGVzdHJveSwgT25Jbml0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBpbmplY3QsXHJcbiAgSW5wdXQsXHJcbiAgRWxlbWVudFJlZixcclxuICBWaWV3Q2hpbGQsXHJcbiAgSG9zdEJpbmRpbmcsXHJcbiAgVmlld0NvbnRhaW5lclJlZixcclxuICBIb3N0TGlzdGVuZXJcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB0eXBlIHsgQ3VpT25DaGFuZ2UsIEN1aU9uVG91Y2hlZCwgQ3VpTnVsbGFibGUgfSBmcm9tICdAY3VieS11aS9jZGsnO1xyXG5pbXBvcnQgeyBDdWlEZXN0cm95U2VydmljZSB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XHJcbmltcG9ydCB7IGN1aVByb3ZpZGUsIEN1aUNsaWNrT3V0c2lkZURpcmVjdGl2ZSB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XHJcbmltcG9ydCB7IHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xyXG5cclxuaW1wb3J0IHR5cGUgeyBDdWlPcHRpb24gfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHR5cGUgeyBDdWlTaXplTWQsIEN1aVNpemVTbSB9IGZyb20gJy4uLy4uL3R5cGVzJztcclxuaW1wb3J0IHsgQ1VJX1RFWFRfRklFTERfQ09OVFJPTExFUiwgQ1VJX1RFWFRfRklMRURfQ09OVFJPTExFUl9QUk9WSURFUiB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xyXG5pbXBvcnQgeyBDVUlfUk9PVF9TRUxFQ1RPUiB9IGZyb20gJy4uL3Jvb3QnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdWktc2VsZWN0W29wdGlvbnNdJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LnRlbXBsYXRlLmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NlbGVjdC5zdHlsZS5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXHJcbiAgcHJvdmlkZXJzOiBbXHJcbiAgICBDVUlfVEVYVF9GSUxFRF9DT05UUk9MTEVSX1BST1ZJREVSLFxyXG4gICAgY3VpUHJvdmlkZShOR19WQUxVRV9BQ0NFU1NPUiwgQ3VpU2VsZWN0Q29tcG9uZW50LCB0cnVlKSxcclxuICAgIEN1aURlc3Ryb3lTZXJ2aWNlXHJcbiAgXSxcclxuICBob3N0RGlyZWN0aXZlczogW0N1aUNsaWNrT3V0c2lkZURpcmVjdGl2ZV1cclxufSlcclxuZXhwb3J0IGNsYXNzIEN1aVNlbGVjdENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0KEVsZW1lbnRSZWYpLm5hdGl2ZUVsZW1lbnQ7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBkb2N1bWVudCA9IGluamVjdChET0NVTUVOVCk7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBjaGFuZ2VEZXRlY3RvclJlZiA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XHJcbiAgcHJpdmF0ZSByZWFkb25seSB2aWV3Q29udGFpbmVyUmVmID0gaW5qZWN0KFZpZXdDb250YWluZXJSZWYpO1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgZGVzdHJveSQgPSBpbmplY3QoQ3VpRGVzdHJveVNlcnZpY2UsIHtzZWxmOiB0cnVlfSk7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBjdWlUZXh0RmllbGRDb250cm9sbGVyID0gaW5qZWN0KENVSV9URVhUX0ZJRUxEX0NPTlRST0xMRVIpO1xyXG4gIHByaXZhdGUgcmVhZG9ubHkgY3VpQ2xpY2tPdXRzaWRlRGlyZWN0aXZlID0gaW5qZWN0KEN1aUNsaWNrT3V0c2lkZURpcmVjdGl2ZSwge3NlbGY6IHRydWV9KTtcclxuXHJcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IFNQQUNFX0JFVFdFRU5fQlVUVE9OX0FORF9PUFRJT05TID0gMztcclxuXHJcbiAgcHJvdGVjdGVkIGlzT3BlbmVkID0gZmFsc2U7XHJcbiAgcHJvdGVjdGVkIGlzT3B0aW9uc0xpc3RBYm92ZSA9IGZhbHNlO1xyXG4gIHByb3RlY3RlZCB2YWx1ZSE6IEN1aU51bGxhYmxlPHVua25vd24+O1xyXG4gIHByb3RlY3RlZCBvbkNoYW5nZSE6IEN1aU9uQ2hhbmdlPHVua25vd24+O1xyXG4gIHByb3RlY3RlZCBvblRvdWNoZWQhOiBDdWlPblRvdWNoZWQ7XHJcbiAgcHJvdGVjdGVkIGlzRGlzYWJsZWQhOiBib29sZWFuO1xyXG4gIHByb3RlY3RlZCBzZWxlY3RlZE9wdGlvbj86IEN1aU9wdGlvbjtcclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgb3B0aW9ucyE6IEN1aU9wdGlvbltdO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBkZWZhdWx0T3B0aW9uVGV4dD86IHN0cmluZztcclxuXHJcbiAgQFZpZXdDaGlsZCgnYnV0dG9uJylcclxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgYnV0dG9uITogRWxlbWVudFJlZjxIVE1MQnV0dG9uRWxlbWVudD47XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2dldE9wdGlvbnNMaXN0SGVpZ2h0Q29udGFpbmVyJylcclxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgZ2V0T3B0aW9uc0xpc3RIZWlnaHRDb250YWluZXIhOiBFbGVtZW50UmVmPEhUTUxVTGlzdEVsZW1lbnQ+O1xyXG5cclxuICBAVmlld0NoaWxkKCdiYWNrZHJvcCcpXHJcbiAgcHJvdGVjdGVkIHJlYWRvbmx5IGJhY2tkcm9wITogVGVtcGxhdGVSZWY8dW5rbm93bj47XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ29wdGlvbnNXcmFwcGVyJylcclxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgb3B0aW9uc1dyYXBwZXIhOiBUZW1wbGF0ZVJlZjx1bmtub3duPjtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLWMtZ2FwJylcclxuICBwcm90ZWN0ZWQgZ2FwID0gYCR7dGhpcy5TUEFDRV9CRVRXRUVOX0JVVFRPTl9BTkRfT1BUSU9OU31weGA7XHJcblxyXG4gIHByb3RlY3RlZCBnZXQgaWQoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcclxuICAgIHJldHVybiB0aGlzLmN1aVRleHRGaWVsZENvbnRyb2xsZXIuaWQ7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgZ2V0IHNpemUoKTogQ3VpU2l6ZVNtIHwgQ3VpU2l6ZU1kIHtcclxuICAgIHJldHVybiB0aGlzLmN1aVRleHRGaWVsZENvbnRyb2xsZXIuc2l6ZTtcclxuICB9XHJcblxyXG4gIHByb3RlY3RlZCBnZXQgcGxhY2Vob2xkZXIoKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcclxuICAgIHJldHVybiB0aGlzLmN1aVRleHRGaWVsZENvbnRyb2xsZXIucGxhY2Vob2xkZXI7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgZ2V0IGlzRXJyb3IoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdGhpcy5jdWlUZXh0RmllbGRDb250cm9sbGVyLmlzRXJyb3I7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgdHJhY2tCeUZuKF86IG51bWJlciwgaXRlbTogQ3VpT3B0aW9uKTogc3RyaW5nIHtcclxuICAgIHJldHVybiBpdGVtLmxhYmVsO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHdyaXRlVmFsdWUodmFsdWU6IHVua25vd24pOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcclxuICAgIC8vIFRPRE86INCd0LXQv9C+0L3Rj9GC0L3Qviwg0LfQsNGH0LXQvCDQvdGD0LbQvdC+INCyIGNvbnN0cnVjdGlvbiDQstGC0L7RgNCw0Y8g0YfQsNGB0YLRjCDQstGL0YDQsNC20LXQvdC40Y9cclxuICAgIHRoaXMuc2VsZWN0ZWRPcHRpb24gPSB0aGlzLm9wdGlvbnMuZmluZChvcHRpb24gPT4gb3B0aW9uLnZhbHVlID09PSB2YWx1ZSkgPz8gdmFsdWUgYXMgQ3VpT3B0aW9uO1xyXG5cclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogQ3VpT25DaGFuZ2U8dW5rbm93bj4pOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogQ3VpT25Ub3VjaGVkKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hlZCA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5pbml0Q2xpY2tPdXRzaWRlU3Vic2NyaXB0aW9uKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLmNsZWFyVmlld0NvbnRhaW5lclJlZigpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHNldERpc2FibGVkU3RhdGUoaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xyXG4gICAgdGhpcy5pc0Rpc2FibGVkID0gaXNEaXNhYmxlZDtcclxuXHJcbiAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xyXG4gIH1cclxuXHJcbiAgcHJvdGVjdGVkIG9uU2VsZWN0KGV2ZW50OiBFdmVudCwgb3B0aW9uOiBDdWlPcHRpb24pOiB2b2lkIHtcclxuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG5cclxuICAgIGlmIChvcHRpb24uaXNEaXNhYmxlZCkge1xyXG4gICAgICByZXR1cm5cclxuICAgIH1cclxuXHJcbiAgICB0aGlzLnZhbHVlID0gb3B0aW9uLnZhbHVlO1xyXG4gICAgdGhpcy5zZWxlY3RlZE9wdGlvbiA9IG9wdGlvbjtcclxuXHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5vblN3aXRjaCgpO1xyXG4gICAgdGhpcy5vblRvdWNoZWQoKTtcclxuICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgb25Td2l0Y2goKTogdm9pZCB7XHJcbiAgICBpZiAoIXRoaXMub3B0aW9ucy5sZW5ndGggJiYgIXRoaXMuZGVmYXVsdE9wdGlvblRleHQpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIGlmICghdGhpcy5pc09wZW5lZCkge1xyXG4gICAgICB0aGlzLm9wZW4oKTtcclxuXHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmNsb3NlKCk7XHJcbiAgfVxyXG5cclxuICBwcm90ZWN0ZWQgb25DbG9zZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuY2xvc2UoKTtcclxuICB9XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ3dpbmRvdzpyZXNpemUnKVxyXG4gIHByb3RlY3RlZCBvbldpbmRvd1Jlc2l6ZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuYnV0dG9uLm5hdGl2ZUVsZW1lbnQuYmx1cigpO1xyXG4gICAgdGhpcy5jbG9zZSgpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBpbml0Q2xpY2tPdXRzaWRlU3Vic2NyaXB0aW9uKCk6IHZvaWQge1xyXG4gICAgdGhpcy5jdWlDbGlja091dHNpZGVEaXJlY3RpdmUuY3VpQ2xpY2tPdXRzaWRlXHJcbiAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXHJcbiAgICAuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgaWYgKHRoaXMuaXNPcGVuZWQpIHtcclxuICAgICAgICB0aGlzLm9uVG91Y2hlZCgpO1xyXG4gICAgICB9XHJcblxyXG4gICAgICB0aGlzLmNsb3NlKCk7XHJcbiAgICB9KTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgb3BlbigpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNPcGVuZWQgPSB0cnVlO1xyXG5cclxuICAgIGNvbnN0IHJvb3RFbGVtZW50ID0gdGhpcy5kb2N1bWVudC5xdWVyeVNlbGVjdG9yKENVSV9ST09UX1NFTEVDVE9SKSE7XHJcbiAgICBjb25zdCB7XHJcbiAgICAgIHRvcDogZWxlbWVudFJlY3RUb3AsXHJcbiAgICAgIGxlZnQ6IGVsZW1lbnRSZWN0TGVmdCxcclxuICAgICAgYm90dG9tOiBlbGVtZW50UmVjdEJvdHRvbVxyXG4gICAgfSA9IHRoaXMuZWxlbWVudC5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKTtcclxuICAgIGNvbnN0IGRpc3RhbmNlVG9Cb3R0b20gPSB0aGlzLmRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRIZWlnaHRcclxuICAgICAgLSAoZWxlbWVudFJlY3RCb3R0b20gKyB0aGlzLlNQQUNFX0JFVFdFRU5fQlVUVE9OX0FORF9PUFRJT05TKTtcclxuICAgIGNvbnN0IGVtYmVkZGVkVmlld1JlZiA9IHRoaXMudmlld0NvbnRhaW5lclJlZi5jcmVhdGVFbWJlZGRlZFZpZXcodGhpcy5vcHRpb25zV3JhcHBlcik7XHJcbiAgICBjb25zdCBub2RlID0gZW1iZWRkZWRWaWV3UmVmLnJvb3ROb2Rlc1swXTtcclxuICAgIGNvbnN0IG5vZGVTdHlsZXMgPSBub2RlLnN0eWxlO1xyXG5cclxuICAgIHRoaXMuaXNPcHRpb25zTGlzdEFib3ZlID0gZGlzdGFuY2VUb0JvdHRvbSA8IHRoaXMuZ2V0T3B0aW9uc0xpc3RIZWlnaHRDb250YWluZXIubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XHJcblxyXG4gICAgZW1iZWRkZWRWaWV3UmVmLmRldGVjdENoYW5nZXMoKTtcclxuXHJcbiAgICBub2RlU3R5bGVzLndpZHRoID0gdGhpcy5lbGVtZW50Lm9mZnNldFdpZHRoICsgJ3B4JztcclxuICAgIG5vZGVTdHlsZXMubGVmdCA9IHdpbmRvdy5zY3JvbGxYICsgZWxlbWVudFJlY3RMZWZ0ICsgJ3B4JztcclxuXHJcbiAgICBpZiAodGhpcy5pc09wdGlvbnNMaXN0QWJvdmUpIHtcclxuICAgICAgbm9kZVN0eWxlcy50b3AgPSB3aW5kb3cuc2Nyb2xsWSArIGVsZW1lbnRSZWN0VG9wXHJcbiAgICAgICAgLSB0aGlzLmdldE9wdGlvbnNMaXN0SGVpZ2h0Q29udGFpbmVyLm5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0XHJcbiAgICAgICAgLSB0aGlzLlNQQUNFX0JFVFdFRU5fQlVUVE9OX0FORF9PUFRJT05TXHJcbiAgICAgICAgKyAncHgnO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgbm9kZVN0eWxlcy50b3AgPSB3aW5kb3cuc2Nyb2xsWSArIGVsZW1lbnRSZWN0Qm90dG9tICsgdGhpcy5TUEFDRV9CRVRXRUVOX0JVVFRPTl9BTkRfT1BUSU9OUyArICdweCc7XHJcbiAgICB9XHJcblxyXG4gICAgcm9vdEVsZW1lbnQuYXBwZW5kQ2hpbGQodGhpcy52aWV3Q29udGFpbmVyUmVmLmNyZWF0ZUVtYmVkZGVkVmlldyh0aGlzLmJhY2tkcm9wKS5yb290Tm9kZXNbMF0pO1xyXG4gICAgcm9vdEVsZW1lbnQuYXBwZW5kQ2hpbGQoZW1iZWRkZWRWaWV3UmVmLnJvb3ROb2Rlc1swXSk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGNsb3NlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc09wZW5lZCA9IGZhbHNlO1xyXG5cclxuICAgIHRoaXMuY2xlYXJWaWV3Q29udGFpbmVyUmVmKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIGNsZWFyVmlld0NvbnRhaW5lclJlZigpOiB2b2lkIHtcclxuICAgIHRoaXMudmlld0NvbnRhaW5lclJlZi5jbGVhcigpO1xyXG4gIH1cclxufVxyXG4iLCI8YnV0dG9uXHJcbiAgICAjYnV0dG9uXHJcbiAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgIFthdHRyLmlkXT1cImlkXCJcclxuICAgIFthdHRyLmRhdGEtc2l6ZV09XCJzaXplXCJcclxuICAgIFtkaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcclxuICAgIGNsYXNzPVwiYy1idXR0b25cIlxyXG4gICAgW2NsYXNzLmMtYnV0dG9uX2FjdGl2ZV09XCJpc09wZW5lZFwiXHJcbiAgICBbY2xhc3MuYy1idXR0b25fd2l0aC1lcnJvcl09XCJpc0Vycm9yXCJcclxuICAgIChjbGljayk9XCJvblN3aXRjaCgpXCJcclxuPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzZWxlY3RlZE9wdGlvbjsgZWxzZSBwbGFjZWhvbGRlclRlbXBsYXRlXCI+XHJcbiAgICB7eyBzZWxlY3RlZE9wdGlvbi5sYWJlbCB9fVxyXG4gIDwvbmctY29udGFpbmVyPlxyXG4gIDxuZy10ZW1wbGF0ZSAjcGxhY2Vob2xkZXJUZW1wbGF0ZT5cclxuICAgIDxzcGFuIGNsYXNzPVwiYy1wbGFjZWhvbGRlclwiPnt7IHBsYWNlaG9sZGVyIH19PC9zcGFuPlxyXG4gIDwvbmctdGVtcGxhdGU+XHJcbiAgPGN1aS1zdmdcclxuICAgIGljb249XCJjdWlJY29uQ2hldnJvbkRvd25cIlxyXG4gICAgY29sb3I9XCJ2YXIoLS1jdWktYmFzZS01MDApXCJcclxuICAvPlxyXG48L2J1dHRvbj5cclxuPG5nLXRlbXBsYXRlICNiYWNrZHJvcD5cclxuICA8ZGl2IGNsYXNzPVwiYy1iYWNrZHJvcFwiPjwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG48bmctdGVtcGxhdGUgI29wdGlvbnNXcmFwcGVyPlxyXG4gIDxkaXZcclxuICAgIGN1aUZvY3VzVHJhcFxyXG4gICAgY2xhc3M9XCJjLW9wdGlvbnNfX3dyYXBwZXJcIlxyXG4gICAgW2NsYXNzLmMtb3B0aW9uc19fd3JhcHBlcl90b3BdPVwiaXNPcHRpb25zTGlzdEFib3ZlXCJcclxuICA+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwib3B0aW9uc0xpc3RcIi8+XHJcbiAgPC9kaXY+XHJcbjwvbmctdGVtcGxhdGU+XHJcbjxkaXZcclxuICAgICNnZXRPcHRpb25zTGlzdEhlaWdodENvbnRhaW5lclxyXG4gICAgY2xhc3M9XCJjLWdldC1vcHRpb25zLWxpc3QtaGVpZ2h0LWNvbnRhaW5lclwiXHJcbj5cclxuICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwib3B0aW9uc0xpc3RcIi8+XHJcbjwvZGl2PlxyXG48bmctdGVtcGxhdGUgI29wdGlvbnNMaXN0PlxyXG4gIDx1bFxyXG4gICAgY2xhc3M9XCJjLW9wdGlvbnNcIlxyXG4gICAgW2NsYXNzLmMtb3B0aW9uc190b3BdPVwiaXNPcHRpb25zTGlzdEFib3ZlXCJcclxuICA+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwib3B0aW9ucy5sZW5ndGg7IGVsc2UgZW1wdHlcIj5cclxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBvcHRpb24gb2Ygb3B0aW9uczsgdHJhY2tCeTogdHJhY2tCeUZuXCI+XHJcbiAgICAgICAgPGJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBjbGFzcz1cImMtb3B0aW9uLWJ1dHRvblwiXHJcbiAgICAgICAgICBbY2xhc3MuYy1vcHRpb24tYnV0dG9uX3NlbGVjdGVkXT1cInNlbGVjdGVkT3B0aW9uID09PSBvcHRpb25cIlxyXG4gICAgICAgICAgW2Rpc2FibGVkXT1cIm9wdGlvbi5pc0Rpc2FibGVkXCJcclxuICAgICAgICAgIChjbGljayk9XCJvblNlbGVjdCgkZXZlbnQsIG9wdGlvbilcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxzcGFuPnt7IG9wdGlvbi5sYWJlbCB9fTwvc3Bhbj5cclxuICAgICAgICAgIDxjdWktc3ZnXHJcbiAgICAgICAgICAgICpuZ0lmPVwic2VsZWN0ZWRPcHRpb24gPT09IG9wdGlvblwiXHJcbiAgICAgICAgICAgIGljb249XCJjdWlJY29uQ2hlY2tTbVwiXHJcbiAgICAgICAgICAgIGNvbG9yPVwidmFyKC0tY3VpLWluZm8pXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJjLW9wdGlvbi1idXR0b25fX2ljb25cIlxyXG4gICAgICAgICAgLz5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgPC9saT5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPG5nLXRlbXBsYXRlICNlbXB0eT5cclxuICAgICAgPGxpICpuZ0lmPVwiZGVmYXVsdE9wdGlvblRleHRcIj5cclxuICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgIGNsYXNzPVwiYy1vcHRpb24tYnV0dG9uXCJcclxuICAgICAgICAgIChjbGljayk9XCJvbkNsb3NlKClcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIHt7IGRlZmF1bHRPcHRpb25UZXh0IH19XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgIDwvbGk+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG4gIDwvdWw+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==

package/esm2022/components/select/select.module.mjs

@@ -1,32 +1,32 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { CuiSelectComponent } from './select.component';
-import { CuiSvgModule } from '../svg';
-import { CuiTextFieldControllerModule } from '../../directives';
-import { CuiFocusTrapDirective } from '@cuby-ui/cdk';
-import * as i0 from "@angular/core";
-export class CuiSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectModule, declarations: [CuiSelectComponent], imports: [CommonModule,
-            CuiSvgModule,
-            CuiFocusTrapDirective], exports: [CuiSelectComponent,
-            CuiTextFieldControllerModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectModule, imports: [CommonModule,
-            CuiSvgModule, CuiTextFieldControllerModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        CuiSvgModule,
-                        CuiFocusTrapDirective
-                    ],
-                    declarations: [CuiSelectComponent],
-                    exports: [
-                        CuiSelectComponent,
-                        CuiTextFieldControllerModule
-                    ]
-                }]
-        }] });
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CuiSelectComponent } from './select.component';
+import { CuiSvgModule } from '../svg';
+import { CuiTextFieldControllerModule } from '../../directives';
+import { CuiFocusTrapDirective } from '@cuby-ui/cdk';
+import * as i0 from "@angular/core";
+export class CuiSelectModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectModule, declarations: [CuiSelectComponent], imports: [CommonModule,
+            CuiSvgModule,
+            CuiFocusTrapDirective], exports: [CuiSelectComponent,
+            CuiTextFieldControllerModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectModule, imports: [CommonModule,
+            CuiSvgModule, CuiTextFieldControllerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CuiSvgModule,
+                        CuiFocusTrapDirective
+                    ],
+                    declarations: [CuiSelectComponent],
+                    exports: [
+                        CuiSelectComponent,
+                        CuiTextFieldControllerModule
+                    ]
+                }]
+        }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zZWxlY3Qvc2VsZWN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sUUFBUSxDQUFDO0FBQ3RDLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7QUFjckQsTUFBTSxPQUFPLGVBQWU7K0dBQWYsZUFBZTtnSEFBZixlQUFlLGlCQU5YLGtCQUFrQixhQUovQixZQUFZO1lBQ1osWUFBWTtZQUNaLHFCQUFxQixhQUlyQixrQkFBa0I7WUFDbEIsNEJBQTRCO2dIQUduQixlQUFlLFlBVnhCLFlBQVk7WUFDWixZQUFZLEVBTVosNEJBQTRCOzs0RkFHbkIsZUFBZTtrQkFaM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixZQUFZO3dCQUNaLHFCQUFxQjtxQkFDdEI7b0JBQ0QsWUFBWSxFQUFFLENBQUMsa0JBQWtCLENBQUM7b0JBQ2xDLE9BQU8sRUFBRTt3QkFDUCxrQkFBa0I7d0JBQ2xCLDRCQUE0QjtxQkFDN0I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5cclxuaW1wb3J0IHsgQ3VpU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3QuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ3VpU3ZnTW9kdWxlIH0gZnJvbSAnLi4vc3ZnJztcclxuaW1wb3J0IHsgQ3VpVGV4dEZpZWxkQ29udHJvbGxlck1vZHVsZSB9IGZyb20gJy4uLy4uL2RpcmVjdGl2ZXMnO1xyXG5pbXBvcnQgeyBDdWlGb2N1c1RyYXBEaXJlY3RpdmUgfSBmcm9tICdAY3VieS11aS9jZGsnO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBpbXBvcnRzOiBbXHJcbiAgICBDb21tb25Nb2R1bGUsXHJcbiAgICBDdWlTdmdNb2R1bGUsXHJcbiAgICBDdWlGb2N1c1RyYXBEaXJlY3RpdmVcclxuICBdLFxyXG4gIGRlY2xhcmF0aW9uczogW0N1aVNlbGVjdENvbXBvbmVudF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgQ3VpU2VsZWN0Q29tcG9uZW50LFxyXG4gICAgQ3VpVGV4dEZpZWxkQ29udHJvbGxlck1vZHVsZVxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIEN1aVNlbGVjdE1vZHVsZSB7XHJcbn1cclxuIl19

package/esm2022/components/svg/index.mjs

@@ -1,3 +1,3 @@
-export * from './svg.component';
-export * from './svg.module';
+export * from './svg.component';
+export * from './svg.module';
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvc3ZnL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N2Zy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3N2Zy5tb2R1bGUnO1xyXG4iXX0=

package/esm2022/components/svg/svg.component.mjs

@@ -1,50 +1,50 @@
-import { ChangeDetectionStrategy, Component, HostBinding, inject, Input } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { CUI_ICONS, cuiIsIcon } from '@cuby-ui/icons';
-import * as i0 from "@angular/core";
-export class CuiSvgComponent {
-    constructor() {
-        this.domSanitizer = inject(DomSanitizer);
-    }
-    set icon(icon) {
-        // TODO: В данном случае подключаются все иконки (вероятно, можно как-то оптимизировано их подключать)
-        this.safeSvgContent = this.domSanitizer.bypassSecurityTrustHtml(cuiIsIcon(icon)
-            ? CUI_ICONS[icon]
-            : icon);
-    }
-    get isWithStrokeWidth() {
-        return !!this.strokeWidth;
-    }
-    get isWithColor() {
-        return !!this.color;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: { width: "width", height: "height", strokeWidth: "strokeWidth", color: "color", icon: "icon" }, host: { properties: { "style.--stroke-width": "this.strokeWidth", "style.--color": "this.color", "class._with-stroke-width": "this.isWithStrokeWidth", "class._with-color": "this.isWithColor" } }, ngImport: i0, template: "<span\r\n  [innerHTML]=\"safeSvgContent\"\r\n  [style.width.px]=\"width\"\r\n  [style.height.px]=\"height\"\r\n></span>", styles: [":host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;line-height:0}:host ::ng-deep svg{width:100%;height:100%}:host._with-stroke-width ::ng-deep [stroke-width]{stroke-width:var(--stroke-width)}:host._with-color ::ng-deep [stroke]{stroke:var(--color)}:host._with-color ::ng-deep [fill]:not([fill=none]){fill:var(--color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSvgComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'cui-svg[icon]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\r\n  [innerHTML]=\"safeSvgContent\"\r\n  [style.width.px]=\"width\"\r\n  [style.height.px]=\"height\"\r\n></span>", styles: [":host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;line-height:0}:host ::ng-deep svg{width:100%;height:100%}:host._with-stroke-width ::ng-deep [stroke-width]{stroke-width:var(--stroke-width)}:host._with-color ::ng-deep [stroke]{stroke:var(--color)}:host._with-color ::ng-deep [fill]:not([fill=none]){fill:var(--color)}\n"] }]
-        }], propDecorators: { width: [{
-                type: Input
-            }], height: [{
-                type: Input
-            }], strokeWidth: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['style.--stroke-width']
-            }], color: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['style.--color']
-            }], icon: [{
-                type: Input
-            }], isWithStrokeWidth: [{
-                type: HostBinding,
-                args: ['class._with-stroke-width']
-            }], isWithColor: [{
-                type: HostBinding,
-                args: ['class._with-color']
-            }] } });
+import { ChangeDetectionStrategy, Component, HostBinding, inject, Input } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+import { CUI_ICONS, cuiIsIcon } from '@cuby-ui/icons';
+import * as i0 from "@angular/core";
+export class CuiSvgComponent {
+    constructor() {
+        this.domSanitizer = inject(DomSanitizer);
+    }
+    set icon(icon) {
+        // TODO: В данном случае подключаются все иконки (вероятно, можно как-то оптимизировано их подключать)
+        this.safeSvgContent = this.domSanitizer.bypassSecurityTrustHtml(cuiIsIcon(icon)
+            ? CUI_ICONS[icon]
+            : icon);
+    }
+    get isWithStrokeWidth() {
+        return !!this.strokeWidth;
+    }
+    get isWithColor() {
+        return !!this.color;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSvgComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: { width: "width", height: "height", strokeWidth: "strokeWidth", color: "color", icon: "icon" }, host: { properties: { "style.--stroke-width": "this.strokeWidth", "style.--color": "this.color", "class._with-stroke-width": "this.isWithStrokeWidth", "class._with-color": "this.isWithColor" } }, ngImport: i0, template: "<span\r\n  [innerHTML]=\"safeSvgContent\"\r\n  [style.width.px]=\"width\"\r\n  [style.height.px]=\"height\"\r\n></span>", styles: [":host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;line-height:0}:host ::ng-deep svg{width:100%;height:100%}:host._with-stroke-width ::ng-deep [stroke-width]{stroke-width:var(--stroke-width)}:host._with-color ::ng-deep [stroke]{stroke:var(--color)}:host._with-color ::ng-deep [fill]:not([fill=none]){fill:var(--color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSvgComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-svg[icon]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\r\n  [innerHTML]=\"safeSvgContent\"\r\n  [style.width.px]=\"width\"\r\n  [style.height.px]=\"height\"\r\n></span>", styles: [":host{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;line-height:0}:host ::ng-deep svg{width:100%;height:100%}:host._with-stroke-width ::ng-deep [stroke-width]{stroke-width:var(--stroke-width)}:host._with-color ::ng-deep [stroke]{stroke:var(--color)}:host._with-color ::ng-deep [fill]:not([fill=none]){fill:var(--color)}\n"] }]
+        }], propDecorators: { width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], strokeWidth: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.--stroke-width']
+            }], color: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.--color']
+            }], icon: [{
+                type: Input
+            }], isWithStrokeWidth: [{
+                type: HostBinding,
+                args: ['class._with-stroke-width']
+            }], isWithColor: [{
+                type: HostBinding,
+                args: ['class._with-color']
+            }] } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ZnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zdmcvc3ZnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9zdmcvc3ZnLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBWSxNQUFNLDJCQUEyQixDQUFDO0FBR25FLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBUXRELE1BQU0sT0FBTyxlQUFlO0lBTjVCO1FBT21CLGlCQUFZLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO0tBbUN0RDtJQWpCQyxJQUNXLElBQUksQ0FBQyxJQUFzQjtRQUNwQyxzR0FBc0c7UUFDdEcsSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLHVCQUF1QixDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUM7WUFDN0UsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUM7WUFDakIsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ1osQ0FBQztJQUVELElBQ1csaUJBQWlCO1FBQzFCLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQ1csV0FBVztRQUNwQixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3RCLENBQUM7K0dBbkNVLGVBQWU7bUdBQWYsZUFBZSxpV0NsQjVCLHlIQUlROzs0RkRjSyxlQUFlO2tCQU4zQixTQUFTOytCQUNFLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTTs4QkFReEMsS0FBSztzQkFEWCxLQUFLO2dCQUlDLE1BQU07c0JBRFosS0FBSztnQkFLQyxXQUFXO3NCQUZqQixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHNCQUFzQjtnQkFLNUIsS0FBSztzQkFGWCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGVBQWU7Z0JBSWpCLElBQUk7c0JBRGQsS0FBSztnQkFTSyxpQkFBaUI7c0JBRDNCLFdBQVc7dUJBQUMsMEJBQTBCO2dCQU01QixXQUFXO3NCQURyQixXQUFXO3VCQUFDLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXHJcbiAgQ29tcG9uZW50LFxyXG4gIEhvc3RCaW5kaW5nLFxyXG4gIGluamVjdCxcclxuICBJbnB1dFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIsIFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcblxyXG5pbXBvcnQgdHlwZSB7IEN1aUljb24gfSBmcm9tICdAY3VieS11aS9pY29ucyc7XHJcbmltcG9ydCB7IENVSV9JQ09OUywgY3VpSXNJY29uIH0gZnJvbSAnQGN1YnktdWkvaWNvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjdWktc3ZnW2ljb25dJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc3ZnLnRlbXBsYXRlLmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3N2Zy5zdHlsZS5zY3NzJ10sXHJcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcclxufSlcclxuZXhwb3J0IGNsYXNzIEN1aVN2Z0NvbXBvbmVudCB7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBkb21TYW5pdGl6ZXIgPSBpbmplY3QoRG9tU2FuaXRpemVyKTtcclxuXHJcbiAgcHJvdGVjdGVkIHNhZmVTdmdDb250ZW50ITogU2FmZUh0bWw7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHdpZHRoPzogbnVtYmVyO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBoZWlnaHQ/OiBudW1iZXI7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLXN0cm9rZS13aWR0aCcpXHJcbiAgcHVibGljIHN0cm9rZVdpZHRoPzogbnVtYmVyO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUuLS1jb2xvcicpXHJcbiAgcHVibGljIGNvbG9yPzogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBzZXQgaWNvbihpY29uOiBDdWlJY29uIHwgc3RyaW5nKSB7XHJcbiAgICAvLyBUT0RPOiDQkiDQtNCw0L3QvdC+0Lwg0YHQu9GD0YfQsNC1INC/0L7QtNC60LvRjtGH0LDRjtGC0YHRjyDQstGB0LUg0LjQutC+0L3QutC4ICjQstC10YDQvtGP0YLQvdC+LCDQvNC+0LbQvdC+INC60LDQui3RgtC+INC+0L/RgtC40LzQuNC30LjRgNC+0LLQsNC90L4g0LjRhSDQv9C+0LTQutC70Y7Rh9Cw0YLRjClcclxuICAgIHRoaXMuc2FmZVN2Z0NvbnRlbnQgPSB0aGlzLmRvbVNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbChjdWlJc0ljb24oaWNvbilcclxuICAgICAgPyBDVUlfSUNPTlNbaWNvbl1cclxuICAgICAgOiBpY29uKTtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuX3dpdGgtc3Ryb2tlLXdpZHRoJylcclxuICBwdWJsaWMgZ2V0IGlzV2l0aFN0cm9rZVdpZHRoKCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuICEhdGhpcy5zdHJva2VXaWR0aDtcclxuICB9XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuX3dpdGgtY29sb3InKVxyXG4gIHB1YmxpYyBnZXQgaXNXaXRoQ29sb3IoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gISF0aGlzLmNvbG9yO1xyXG4gIH1cclxufVxyXG4iLCI8c3BhblxyXG4gIFtpbm5lckhUTUxdPVwic2FmZVN2Z0NvbnRlbnRcIlxyXG4gIFtzdHlsZS53aWR0aC5weF09XCJ3aWR0aFwiXHJcbiAgW3N0eWxlLmhlaWdodC5weF09XCJoZWlnaHRcIlxyXG4+PC9zcGFuPiJdfQ==