@cuby-ui/core 0.0.181 → 0.0.191

package/fesm2022/cuby-ui-core.mjs

@@ -0,0 +1,3416 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, InjectionToken, inject, Input, HostBinding, ChangeDetectorRef, ElementRef, ViewChild, EventEmitter, Output, NgModule, Injector, Injectable, SkipSelf, Optional, DestroyRef, Directive, NgZone, TemplateRef, ContentChildren, HostListener, Self, signal, INJECTOR, forwardRef, ViewContainerRef } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule, DOCUMENT, NgForOf } from '@angular/common';
+import * as i1$1 from '@cuby-ui/cdk';
+import { CUI_WINDOW, cuiCreateToken, cuiCreateTokenFromFactory, CuiDestroyService, CuiFilterPipe, CuiLetDirective, CuiPopoverService, cuiProvide, CUI_ANIMATION_FRAME, cuiZonefree, EMPTY_CLIENT_RECT, cuiInjectElement, CUI_LOCAL_STORAGE, CUI_IS_WEBKIT, CuiItemDirective, CuiActiveZone, CuiFocusTrapDirective, cuiGetElementObscures, CUI_IS_MOBILE, CuiHoveredService, cuiPure, cuiPointToClientRect, cuiClamp, cuiPx, cuiIfMap, cuiIsPresent, cuiTypedFromEvent, cuiZonefreeScheduler, cuiZoneOptimized, cuiIsNativeFocused, CuiClickOutsideDirective, CuiTargetDirective, CuiTime, CuiAutoResizingDirective } from '@cuby-ui/cdk';
+import { DomSanitizer } from '@angular/platform-browser';
+import { cuiIsIcon, CUI_ICONS } from '@cuby-ui/icons';
+import { BehaviorSubject, takeUntil, Observable, merge, distinctUntilChanged, startWith, map, finalize, Subject, switchMap, of, delay, repeat, filter, tap, takeWhile, fromEvent, debounce, timer, skip, take } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { trigger, transition, query, animateChild, style, animate, stagger } from '@angular/animations';
+import * as i2 from '@taiga-ui/polymorpheus';
+import { PolymorpheusOutlet, PolymorpheusTemplate, PolymorpheusComponent, injectContext } from '@taiga-ui/polymorpheus';
+import { __decorate } from 'tslib';
+import * as i2$1 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { maskitoParseNumber, maskitoNumberOptionsGenerator, maskitoTimeOptionsGenerator } from '@maskito/kit';
+import * as i3 from '@maskito/angular';
+import { MaskitoDirective } from '@maskito/angular';
+
+class CuiAccordionComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiAccordionComponent, selector: "cui-accordion", ngImport: i0, template: "<ng-content select=\"cui-accordion-item\"></ng-content>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"cui-accordion-item\"></ng-content>\n", styles: [":host{display:flex;flex-direction:column;gap:16px}\n"] }]
+        }] });
+
+const CUI_BUTTON_DEFAULT_OPTIONS = {
+    appearance: 'action',
+    shape: null,
+    size: 'sm'
+};
+const CUI_BUTTON_OPTIONS = new InjectionToken('', {
+    factory: () => CUI_BUTTON_DEFAULT_OPTIONS
+});
+
+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\n  [innerHTML]=\"safeSvgContent\"\n  [style.width.px]=\"width\"\n  [style.height.px]=\"height\"\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\n  [innerHTML]=\"safeSvgContent\"\n  [style.width.px]=\"width\"\n  [style.height.px]=\"height\"\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']
+            }] } });
+
+class CuiButtonComponent {
+    constructor() {
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.element = inject(ElementRef).nativeElement;
+        this.window = inject(CUI_WINDOW);
+        this.cuiButtonOptions = inject(CUI_BUTTON_OPTIONS);
+        this.AppearanceIconColors = {
+            action: '--c-action-icon-color',
+            secondary: '--c-secondary-icon-color',
+            outlined: '--c-outlined-icon-color',
+            'outlined-gray': '--c-outlined-gray-icon-color',
+            ghost: '--c-ghost-icon-color',
+            flat: '--c-flat-icon-color',
+            destructive: '--c-destructive-icon-color',
+            link: '--c-link-icon-color'
+        };
+        this.COLOR_BASE_500 = 'var(--cui-base-500)';
+        this.BUTTON_ICONS_COLOR_BASE_500 = [
+            'secondary',
+            'outlined',
+            'outlined-gray',
+            'ghost'
+        ];
+        this._appearance = this.cuiButtonOptions.appearance;
+        this.iconColor = this.getIconColor(this._appearance);
+        this._size = this.cuiButtonOptions.size;
+        this.iconDimensions = {
+            width: 20,
+            height: 20
+        };
+        this.shape = this.cuiButtonOptions.shape;
+        this.disabled = false;
+        this.isLoaderShown = false;
+        this.containsOnlyIcon = false;
+    }
+    get appearance() {
+        return this._appearance;
+    }
+    set appearance(appearance) {
+        this._appearance = appearance;
+        this.changeIconColor();
+    }
+    get size() {
+        return this._size;
+    }
+    set size(size) {
+        this._size = size;
+        if (size === 'xxs') {
+            this.iconDimensions = {
+                width: 16,
+                height: 16
+            };
+            return;
+        }
+        this.iconDimensions = {
+            width: 20,
+            height: 20
+        };
+    }
+    get isDisabled() {
+        return this.disabled || this.isLoaderShown;
+    }
+    ngOnInit() {
+        this.initIconColor();
+    }
+    initIconColor() {
+        this.changeIconColor();
+    }
+    changeIconColor() {
+        Promise.resolve().then(() => {
+            this.iconColor = this.getIconColor(this._appearance);
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    getIconColor(appearance) {
+        const customIconColor = this.window
+            .getComputedStyle(this.element)
+            .getPropertyValue(this.AppearanceIconColors[appearance]);
+        if (customIconColor) {
+            return customIconColor;
+        }
+        if (this.BUTTON_ICONS_COLOR_BASE_500.includes(appearance)) {
+            return this.COLOR_BASE_500;
+        }
+        return 'currentColor';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: { shape: "shape", disabled: "disabled", isLoaderShown: "isLoaderShown", icon: "icon", iconRight: "iconRight", appearance: "appearance", size: "size" }, host: { properties: { "attr.data-shape": "this.shape", "class._disabled": "this.disabled", "class._loading": "this.isLoaderShown", "attr.data-appearance": "this.appearance", "attr.data-size": "this.size", "class._only-icon": "this.containsOnlyIcon", "disabled": "this.isDisabled" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }], ngImport: i0, template: "<span\n  class=\"c-wrapper\"\n  [class.c-wrapper_invisible]=\"isLoaderShown\"\n>\n  <cui-svg\n    *ngIf=\"icon\"\n    [icon]=\"icon\"\n    [width]=\"iconDimensions.width\"\n    [height]=\"iconDimensions.height\"\n    [color]=\"iconColor\"\n  ></cui-svg>\n  <span\n    #content\n    class=\"c-content\"\n  ><ng-content></ng-content></span>\n  <cui-svg\n    *ngIf=\"iconRight\"\n    [icon]=\"iconRight\"\n    [width]=\"iconDimensions.width\"\n    [height]=\"iconDimensions.height\"\n    [color]=\"iconColor\"\n  ></cui-svg>\n</span>\n<cui-svg\n  *ngIf=\"isLoaderShown\"\n  icon=\"cuiIconLoading\"\n  class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding: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;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;border-radius:8px;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host[data-shape=rounded]{border-radius:20px}:host[data-appearance=action]{background:var(--c-action-background);color:var(--cui-gray-0);border:1px solid var(--c-action-border-color)}@media (hover: hover){:host[data-appearance=action]:hover{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}}:host[data-appearance=action]:active{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}:host[data-appearance=action]:disabled{background:var(--c-action-background);border-color:var(--c-action-border-color)}:host[data-appearance=secondary]{background:var(--cui-base-100);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=secondary]:hover{background:var(--cui-base-200)}}:host[data-appearance=secondary]:active{background:var(--cui-base-200)}:host[data-appearance=secondary]:disabled{background:var(--cui-base-100)}:host[data-appearance=outlined]{border:1px solid var(--cui-base-200);background:var(--cui-base-0);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=outlined]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined]:active{background:var(--cui-base-50)}:host[data-appearance=outlined]:disabled{background:var(--cui-base-0)}:host[data-appearance=outlined-gray]{border:1px solid var(--cui-base-200);background:var(--cui-base-10);color:var(--c-outlined-gray-color)}@media (hover: hover){:host[data-appearance=outlined-gray]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined-gray]:active{background:var(--cui-base-50)}:host[data-appearance=outlined-gray]:disabled{background:var(--cui-base-10)}:host[data-appearance=ghost]{color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=ghost]:hover{background:var(--cui-base-50)}}:host[data-appearance=ghost]:active{background:var(--cui-base-50)}:host[data-appearance=ghost]:disabled{background:inherit}:host[data-appearance=flat]{color:var(--cui-light-blue-600)}@media (hover: hover){:host[data-appearance=flat]:hover{background:var(--cui-base-50)}}:host[data-appearance=flat]:active{background:var(--cui-base-50)}:host[data-appearance=flat]:disabled{background:inherit}:host[data-appearance=destructive]{background:var(--cui-danger);color:var(--cui-gray-0)}@media (hover: hover){:host[data-appearance=destructive]:hover{background:var(--cui-red-600)}}:host[data-appearance=destructive]:active{background:var(--cui-red-600)}:host[data-appearance=destructive]:disabled{background:var(--cui-danger)}:host[data-appearance=link]{height:24px!important;padding:0 4px!important;color:var(--cui-info)}@media (hover: hover){:host[data-appearance=link]:hover{color:var(--cui-blue-800)}}:host[data-appearance=link]:active{color:var(--cui-blue-800)}:host[data-appearance=link]:disabled{color:var(--cui-info)}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 12px}:host[data-size=xxs][data-appearance=action],:host[data-size=xxs][data-appearance=outlined],:host[data-size=xxs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xxs]:has(.c-content:empty){width:28px}:host[data-size=xxs] .c-wrapper{gap:6px}:host[data-size=xs]{font-size:13px;line-height:16px;height:32px;padding:0 12px}:host[data-size=xs][data-appearance=action],:host[data-size=xs][data-appearance=outlined],:host[data-size=xs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xs]:has(.c-content:empty){width:32px}:host[data-size=sm]{height:36px;padding:0 14px}:host[data-size=sm][data-appearance=action],:host[data-size=sm][data-appearance=outlined],:host[data-size=sm][data-appearance=outlined-gray]{padding:0 13px}:host[data-size=sm]:has(.c-content:empty){width:36px}:host[data-size=md]{height:40px;padding:0 16px}:host[data-size=md][data-appearance=action],:host[data-size=md][data-appearance=outlined],:host[data-size=md][data-appearance=outlined-gray]{padding:0 15px}:host[data-size=md]:has(.c-content:empty){width:40px}:host._disabled{opacity:.5}@media (hover: hover){:host-context([cuiTheme=dark])[data-appearance=destructive]:hover{background:var(--cui-red-300)}}:host-context([cuiTheme=dark])[data-appearance=destructive]:active{background:var(--cui-red-300)}:host-context([cuiTheme=dark])[data-appearance=destructive]:disabled{background:var(--cui-danger)}.c-content:empty{display:contents}.c-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;height:100%}.c-wrapper_invisible{opacity:0}.c-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[cuiButton], a[cuiButton]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  class=\"c-wrapper\"\n  [class.c-wrapper_invisible]=\"isLoaderShown\"\n>\n  <cui-svg\n    *ngIf=\"icon\"\n    [icon]=\"icon\"\n    [width]=\"iconDimensions.width\"\n    [height]=\"iconDimensions.height\"\n    [color]=\"iconColor\"\n  ></cui-svg>\n  <span\n    #content\n    class=\"c-content\"\n  ><ng-content></ng-content></span>\n  <cui-svg\n    *ngIf=\"iconRight\"\n    [icon]=\"iconRight\"\n    [width]=\"iconDimensions.width\"\n    [height]=\"iconDimensions.height\"\n    [color]=\"iconColor\"\n  ></cui-svg>\n</span>\n<cui-svg\n  *ngIf=\"isLoaderShown\"\n  icon=\"cuiIconLoading\"\n  class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding: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;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;border-radius:8px;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host[data-shape=rounded]{border-radius:20px}:host[data-appearance=action]{background:var(--c-action-background);color:var(--cui-gray-0);border:1px solid var(--c-action-border-color)}@media (hover: hover){:host[data-appearance=action]:hover{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}}:host[data-appearance=action]:active{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}:host[data-appearance=action]:disabled{background:var(--c-action-background);border-color:var(--c-action-border-color)}:host[data-appearance=secondary]{background:var(--cui-base-100);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=secondary]:hover{background:var(--cui-base-200)}}:host[data-appearance=secondary]:active{background:var(--cui-base-200)}:host[data-appearance=secondary]:disabled{background:var(--cui-base-100)}:host[data-appearance=outlined]{border:1px solid var(--cui-base-200);background:var(--cui-base-0);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=outlined]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined]:active{background:var(--cui-base-50)}:host[data-appearance=outlined]:disabled{background:var(--cui-base-0)}:host[data-appearance=outlined-gray]{border:1px solid var(--cui-base-200);background:var(--cui-base-10);color:var(--c-outlined-gray-color)}@media (hover: hover){:host[data-appearance=outlined-gray]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined-gray]:active{background:var(--cui-base-50)}:host[data-appearance=outlined-gray]:disabled{background:var(--cui-base-10)}:host[data-appearance=ghost]{color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=ghost]:hover{background:var(--cui-base-50)}}:host[data-appearance=ghost]:active{background:var(--cui-base-50)}:host[data-appearance=ghost]:disabled{background:inherit}:host[data-appearance=flat]{color:var(--cui-light-blue-600)}@media (hover: hover){:host[data-appearance=flat]:hover{background:var(--cui-base-50)}}:host[data-appearance=flat]:active{background:var(--cui-base-50)}:host[data-appearance=flat]:disabled{background:inherit}:host[data-appearance=destructive]{background:var(--cui-danger);color:var(--cui-gray-0)}@media (hover: hover){:host[data-appearance=destructive]:hover{background:var(--cui-red-600)}}:host[data-appearance=destructive]:active{background:var(--cui-red-600)}:host[data-appearance=destructive]:disabled{background:var(--cui-danger)}:host[data-appearance=link]{height:24px!important;padding:0 4px!important;color:var(--cui-info)}@media (hover: hover){:host[data-appearance=link]:hover{color:var(--cui-blue-800)}}:host[data-appearance=link]:active{color:var(--cui-blue-800)}:host[data-appearance=link]:disabled{color:var(--cui-info)}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 12px}:host[data-size=xxs][data-appearance=action],:host[data-size=xxs][data-appearance=outlined],:host[data-size=xxs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xxs]:has(.c-content:empty){width:28px}:host[data-size=xxs] .c-wrapper{gap:6px}:host[data-size=xs]{font-size:13px;line-height:16px;height:32px;padding:0 12px}:host[data-size=xs][data-appearance=action],:host[data-size=xs][data-appearance=outlined],:host[data-size=xs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xs]:has(.c-content:empty){width:32px}:host[data-size=sm]{height:36px;padding:0 14px}:host[data-size=sm][data-appearance=action],:host[data-size=sm][data-appearance=outlined],:host[data-size=sm][data-appearance=outlined-gray]{padding:0 13px}:host[data-size=sm]:has(.c-content:empty){width:36px}:host[data-size=md]{height:40px;padding:0 16px}:host[data-size=md][data-appearance=action],:host[data-size=md][data-appearance=outlined],:host[data-size=md][data-appearance=outlined-gray]{padding:0 15px}:host[data-size=md]:has(.c-content:empty){width:40px}:host._disabled{opacity:.5}@media (hover: hover){:host-context([cuiTheme=dark])[data-appearance=destructive]:hover{background:var(--cui-red-300)}}:host-context([cuiTheme=dark])[data-appearance=destructive]:active{background:var(--cui-red-300)}:host-context([cuiTheme=dark])[data-appearance=destructive]:disabled{background:var(--cui-danger)}.c-content:empty{display:contents}.c-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;height:100%}.c-wrapper_invisible{opacity:0}.c-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
+        }], propDecorators: { shape: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-shape']
+            }], disabled: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class._disabled']
+            }], isLoaderShown: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class._loading']
+            }], icon: [{
+                type: Input
+            }], iconRight: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-appearance']
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], containsOnlyIcon: [{
+                type: HostBinding,
+                args: ['class._only-icon']
+            }], isDisabled: [{
+                type: HostBinding,
+                args: ['disabled']
+            }], content: [{
+                type: ViewChild,
+                args: ['content']
+            }] } });
+
+class CuiAccordionItemComponent {
+    constructor() {
+        this.isOpen = true;
+        this.isOpenChange = new EventEmitter();
+    }
+    get buttonIcon() {
+        return this.isOpen ? 'cuiIconChevronDown' : 'cuiIconChevronRight';
+    }
+    onRowToggle() {
+        this.isOpen = !this.isOpen;
+        this.isOpenChange.emit(this.isOpen);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiAccordionItemComponent, selector: "cui-accordion-item", inputs: { isOpen: "isOpen" }, outputs: { isOpenChange: "isOpenChange" }, ngImport: i0, template: "<header class=\"c-header\">\n  <button\n    cuiButton\n    appearance=\"ghost\"\n    size=\"xxs\"\n    [icon]=\"buttonIcon\"\n    (click)=\"onRowToggle()\"\n  ></button>\n  <div class=\"c-header__wrapper\">\n    <ng-content></ng-content>\n  </div>\n</header>\n<div *ngIf=\"isOpen\">\n  <ng-content select=\"[cuiAccordionItemContent]\"></ng-content>\n</div>\n", styles: [":host{padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--cui-base-10);border-radius:8px}.c-header{font-weight:400;font-size:12px;line-height:14px;display:flex;align-items:center;gap:8px;color:var(--cui-base-900);font-family:var(--cui-main-font);text-transform:uppercase}.c-header__wrapper{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-accordion-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"c-header\">\n  <button\n    cuiButton\n    appearance=\"ghost\"\n    size=\"xxs\"\n    [icon]=\"buttonIcon\"\n    (click)=\"onRowToggle()\"\n  ></button>\n  <div class=\"c-header__wrapper\">\n    <ng-content></ng-content>\n  </div>\n</header>\n<div *ngIf=\"isOpen\">\n  <ng-content select=\"[cuiAccordionItemContent]\"></ng-content>\n</div>\n", styles: [":host{padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--cui-base-10);border-radius:8px}.c-header{font-weight:400;font-size:12px;line-height:14px;display:flex;align-items:center;gap:8px;color:var(--cui-base-900);font-family:var(--cui-main-font);text-transform:uppercase}.c-header__wrapper{width:100%}\n"] }]
+        }], propDecorators: { isOpen: [{
+                type: Input
+            }], isOpenChange: [{
+                type: Output
+            }] } });
+
+class CuiSvgModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSvgModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiSvgModule, declarations: [CuiSvgComponent], imports: [CommonModule], exports: [CuiSvgComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSvgModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiSvgModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [CuiSvgComponent],
+                    exports: [CuiSvgComponent]
+                }]
+        }] });
+
+class CuiButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonModule, declarations: [CuiButtonComponent], imports: [CommonModule,
+            CuiSvgModule], exports: [CuiButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonModule, imports: [CommonModule,
+            CuiSvgModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CuiSvgModule
+                    ],
+                    declarations: [CuiButtonComponent],
+                    exports: [CuiButtonComponent]
+                }]
+        }] });
+
+class CuiAccordionModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiAccordionModule, declarations: [CuiAccordionComponent,
+            CuiAccordionItemComponent], imports: [CommonModule,
+            CuiSvgModule,
+            CuiButtonModule], exports: [CuiAccordionComponent,
+            CuiAccordionItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAccordionModule, imports: [CommonModule,
+            CuiSvgModule,
+            CuiButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CuiSvgModule,
+                        CuiButtonModule,
+                    ],
+                    declarations: [
+                        CuiAccordionComponent,
+                        CuiAccordionItemComponent
+                    ],
+                    exports: [
+                        CuiAccordionComponent,
+                        CuiAccordionItemComponent
+                    ]
+                }]
+        }] });
+
+const CUI_NOTIFICATION_DEFAULT_OPTIONS = {
+    status: 'info',
+    mode: 'default'
+};
+const CUI_NOTIFICATION_OPTIONS = cuiCreateToken(CUI_NOTIFICATION_DEFAULT_OPTIONS);
+const CUI_NOTIFICATION_ICONS = {
+    info: {
+        icon: 'cuiIconInfo'
+    },
+    success: {
+        icon: 'cuiIconCheckCircle'
+    },
+    alert: {
+        icon: 'cuiIconAlertTriangle'
+    },
+    error: {
+        icon: 'cuiIconXCircle'
+    },
+};
+const CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE = {
+    info: {
+        color: 'var(--c-info-icon-color)'
+    },
+    success: {
+        color: 'var(--cui-green-500)'
+    },
+    alert: {
+        color: 'var(--cui-yellow-400)'
+    },
+    error: {
+        color: 'var(--cui-danger)'
+    },
+};
+const CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE = {
+    info: {
+        color: 'var(--cui-info)'
+    },
+    success: {
+        color: 'var(--cui-green-700)'
+    },
+    alert: {
+        color: 'var(--cui-yellow-400)'
+    },
+    error: {
+        color: 'var(--cui-danger)'
+    },
+};
+const CUI_NOTIFICATION_ICON_OPTIONS = {
+    default: CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE,
+    light: CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE
+};
+
+class CuiNotificationComponent {
+    constructor() {
+        this.cuiNotificationOptions = inject(CUI_NOTIFICATION_OPTIONS);
+        this.ICONS = CUI_NOTIFICATION_ICONS;
+        this.ICON_OPTIONS = CUI_NOTIFICATION_ICON_OPTIONS;
+        this.status = this.cuiNotificationOptions.status;
+        this.mode = this.cuiNotificationOptions.mode;
+        this.isCloseable = false;
+        this.closed = new EventEmitter();
+    }
+    ngOnInit() {
+        this.initIconOptions();
+    }
+    onClose() {
+        this.closed.next();
+    }
+    initIconOptions() {
+        this.iconOptions = this.ICON_OPTIONS[this.mode];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiNotificationComponent, selector: "cui-notification", inputs: { status: "status", mode: "mode", isCloseable: "isCloseable" }, outputs: { closed: "closed" }, host: { properties: { "attr.data-status": "this.status", "attr.data-mode": "this.mode" } }, ngImport: i0, template: "<cui-svg\n  class=\"c-icon\"\n  [icon]=\"ICONS[status].icon\"\n  [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n  <ng-content></ng-content>\n</div>\n<button\n  *ngIf=\"isCloseable\"\n  class=\"c-button\"\n  (click)=\"onClose()\"\n>\n  <cui-svg\n    icon=\"cuiIconX\"\n    color=\"var(--cui-gray-0)\"\n  />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-info-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-success-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-warning-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-danger-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding: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}.c-button:hover{background:#fff3}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiNotificationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n  class=\"c-icon\"\n  [icon]=\"ICONS[status].icon\"\n  [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n  <ng-content></ng-content>\n</div>\n<button\n  *ngIf=\"isCloseable\"\n  class=\"c-button\"\n  (click)=\"onClose()\"\n>\n  <cui-svg\n    icon=\"cuiIconX\"\n    color=\"var(--cui-gray-0)\"\n  />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-info-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-success-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-warning-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-danger-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding: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}.c-button:hover{background:#fff3}\n"] }]
+        }], propDecorators: { status: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-status']
+            }], mode: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-mode']
+            }], isCloseable: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+
+class CuiNotificationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiNotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiNotificationModule, declarations: [CuiNotificationComponent], imports: [CommonModule,
+            CuiSvgModule], exports: [CuiNotificationComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiNotificationModule, imports: [CommonModule,
+            CuiSvgModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiNotificationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CuiSvgModule
+                    ],
+                    declarations: [CuiNotificationComponent],
+                    exports: [CuiNotificationComponent]
+                }]
+        }] });
+
+const CUI_ALERTS = cuiCreateToken(new BehaviorSubject([]));
+const CUI_ALERT_DEFAULT_OPTIONS = {
+    label: '',
+    needAutoClose: true,
+    isCloseable: true,
+    mode: 'default',
+    position: 'right',
+    resizing: 'fixed'
+};
+const CUI_ALERT_OPTIONS = cuiCreateTokenFromFactory(() => ({
+    ...CUI_ALERT_DEFAULT_OPTIONS,
+    ...inject(CUI_NOTIFICATION_OPTIONS)
+}));
+const CUI_ALERT_CONTEXT = new InjectionToken('');
+
+class CuiAlertComponent {
+    constructor() {
+        this.context = inject(CUI_ALERT_CONTEXT);
+        this.AUTO_CLOSE_DURATION_IN_MILLISECONDS = 3000;
+    }
+    get resizing() {
+        return this.context.resizing;
+    }
+    ngOnInit() {
+        this.initAutoClose();
+    }
+    onClosed() {
+        this.context.$implicit.complete();
+    }
+    initAutoClose() {
+        if (!this.context.needAutoClose) {
+            return;
+        }
+        setTimeout(this.onClosed.bind(this), this.AUTO_CLOSE_DURATION_IN_MILLISECONDS);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiAlertComponent, selector: "cui-alert", host: { properties: { "attr.data-resizing": "this.resizing" } }, ngImport: i0, template: "<cui-notification\n  [status]=\"context.status\"\n  [mode]=\"context.mode\"\n  [isCloseable]=\"context.isCloseable\"\n  (closed)=\"onClosed()\"\n>\n  <h2\n    *ngIf=\"context.label\"\n    class=\"c-heading\"\n  >\n    {{ context.label }}\n  </h2>\n  {{ context.content }}\n</cui-notification>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;max-width:470px}:host[data-resizing=hug]{width:-moz-fit-content;width:fit-content}:host[data-resizing=fixed]{width:470px}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0 0 8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiNotificationComponent, selector: "cui-notification", inputs: ["status", "mode", "isCloseable"], outputs: ["closed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-notification\n  [status]=\"context.status\"\n  [mode]=\"context.mode\"\n  [isCloseable]=\"context.isCloseable\"\n  (closed)=\"onClosed()\"\n>\n  <h2\n    *ngIf=\"context.label\"\n    class=\"c-heading\"\n  >\n    {{ context.label }}\n  </h2>\n  {{ context.content }}\n</cui-notification>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;max-width:470px}:host[data-resizing=hug]{width:-moz-fit-content;width:fit-content}:host[data-resizing=fixed]{width:470px}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0 0 8px}\n"] }]
+        }], propDecorators: { resizing: [{
+                type: HostBinding,
+                args: ['attr.data-resizing']
+            }] } });
+
+class CuiAlertsComponent {
+    constructor() {
+        this.destroy$ = inject(CuiDestroyService, { self: true });
+        this.alerts$ = inject(CUI_ALERTS);
+    }
+    ngOnInit() {
+        this.initAlertInjectorsSubscription();
+    }
+    trackByFn(_, alert) {
+        return alert.id;
+    }
+    alertsMatcher(alert, position) {
+        return alert.position === position;
+    }
+    initAlertInjectorsSubscription() {
+        this.alerts$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(dialogs => this.alertInjectors = dialogs.map(useValue => Injector.create({
+            providers: [{ provide: CUI_ALERT_CONTEXT, useValue }]
+        })));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAlertsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiAlertsComponent, selector: "cui-alerts", providers: [CuiDestroyService], ngImport: i0, template: "<ng-container *cuiLet=\"alerts$ | async as alerts\">\n  <div class=\"c-wrapper c-wrapper_position_center\">\n    <ng-container *ngFor=\"let alert of alerts! | cuiFilter: alertsMatcher: 'center'; let i = index; trackBy: trackByFn\">\n      <ng-container *ngComponentOutlet=\"alert.component; injector: alertInjectors[i]\" />\n    </ng-container>\n  </div>\n  <div class=\"c-wrapper c-wrapper_position_right\">\n    <ng-container *ngFor=\"let alert of alerts! | cuiFilter: alertsMatcher: 'right'; let i = index; trackBy: trackByFn\">\n      <ng-container *ngComponentOutlet=\"alert.component; injector: alertInjectors[i]\" />\n    </ng-container>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;position:fixed;right:20px;bottom:20px}.c-wrapper{position:fixed;bottom:20px;display:flex;flex-direction:column;gap:16px;pointer-events:none}.c-wrapper_position_center{align-items:center;left:50%;transform:translate(-50%)}.c-wrapper_position_right{align-items:flex-end;right:20px}.c-wrapper ::ng-deep>*{pointer-events:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.CuiFilterPipe, name: "cuiFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAlertsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-alerts', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiDestroyService], template: "<ng-container *cuiLet=\"alerts$ | async as alerts\">\n  <div class=\"c-wrapper c-wrapper_position_center\">\n    <ng-container *ngFor=\"let alert of alerts! | cuiFilter: alertsMatcher: 'center'; let i = index; trackBy: trackByFn\">\n      <ng-container *ngComponentOutlet=\"alert.component; injector: alertInjectors[i]\" />\n    </ng-container>\n  </div>\n  <div class=\"c-wrapper c-wrapper_position_right\">\n    <ng-container *ngFor=\"let alert of alerts! | cuiFilter: alertsMatcher: 'right'; let i = index; trackBy: trackByFn\">\n      <ng-container *ngComponentOutlet=\"alert.component; injector: alertInjectors[i]\" />\n    </ng-container>\n  </div>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;position:fixed;right:20px;bottom:20px}.c-wrapper{position:fixed;bottom:20px;display:flex;flex-direction:column;gap:16px;pointer-events:none}.c-wrapper_position_center{align-items:center;left:50%;transform:translate(-50%)}.c-wrapper_position_right{align-items:flex-end;right:20px}.c-wrapper ::ng-deep>*{pointer-events:auto}\n"] }]
+        }] });
+
+class CuiAlertModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiAlertModule, declarations: [CuiAlertComponent,
+            CuiAlertsComponent], imports: [CommonModule,
+            CuiFilterPipe,
+            CuiNotificationModule,
+            CuiLetDirective], exports: [CuiAlertComponent,
+            CuiAlertComponent,
+            CuiAlertsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAlertModule, imports: [CommonModule,
+            CuiNotificationModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CuiFilterPipe,
+                        CuiNotificationModule,
+                        CuiLetDirective
+                    ],
+                    declarations: [
+                        CuiAlertComponent,
+                        CuiAlertsComponent
+                    ],
+                    exports: [
+                        CuiAlertComponent,
+                        CuiAlertComponent,
+                        CuiAlertsComponent
+                    ]
+                }]
+        }] });
+
+class CuiAlertService extends CuiPopoverService {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAlertService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAlertService, providedIn: 'root', useFactory: () => new CuiAlertService(CUI_ALERTS, CuiAlertComponent, inject(CUI_ALERT_OPTIONS)) }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiAlertService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                    useFactory: () => new CuiAlertService(CUI_ALERTS, CuiAlertComponent, inject(CUI_ALERT_OPTIONS))
+                }]
+        }] });
+
+const CUI_BADGE_DEFAULT_OPTIONS = {
+    color: 'light-blue',
+    size: 'sm',
+    isWithDot: false
+};
+const CUI_BADGE_OPTIONS = cuiCreateToken(CUI_BADGE_DEFAULT_OPTIONS);
+
+class CuiBadgeComponent {
+    constructor() {
+        this.options = inject(CUI_BADGE_OPTIONS);
+        this.color = this.options.color;
+        this.size = this.options.size;
+        this.isWithDot = this.options.isWithDot;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiBadgeComponent, selector: "cui-badge", inputs: { color: "color", size: "size", isWithDot: "isWithDot" }, host: { properties: { "attr.data-color": "this.color", "attr.data-size": "this.size" } }, ngImport: i0, template: "<span\n  *ngIf=\"isWithDot\"\n  class=\"c-dots\"\n></span>\n<ng-content />", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots{background:var(--cui-info)}:host[data-color=yellow]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots{background:var(--cui-warning)}:host[data-color=green]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots{background:var(--cui-success)}:host[data-color=gray]{color:var(--cui-badge-gray-label);background:var(--cui-badge-gray-bg)}:host[data-color=gray] .c-dots{background:var(--cui-base-500)}:host[data-color=dark-gray]{color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=dark-gray] .c-dots{background:var(--cui-base-500)}:host[data-color=red]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots{background:var(--cui-danger)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-violet-400);outline-offset:-1px}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}:host[data-size=sm]{font-size:12px;line-height:14px;padding-right:6px;padding-left:6px}:host[data-size=md]{font-size:14px;line-height:20px;padding-right:8px;padding-left:8px}.c-dots{width:6px;height:6px;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  *ngIf=\"isWithDot\"\n  class=\"c-dots\"\n></span>\n<ng-content />", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots{background:var(--cui-info)}:host[data-color=yellow]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots{background:var(--cui-warning)}:host[data-color=green]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots{background:var(--cui-success)}:host[data-color=gray]{color:var(--cui-badge-gray-label);background:var(--cui-badge-gray-bg)}:host[data-color=gray] .c-dots{background:var(--cui-base-500)}:host[data-color=dark-gray]{color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=dark-gray] .c-dots{background:var(--cui-base-500)}:host[data-color=red]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots{background:var(--cui-danger)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-violet-400);outline-offset:-1px}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}:host[data-size=sm]{font-size:12px;line-height:14px;padding-right:6px;padding-left:6px}:host[data-size=md]{font-size:14px;line-height:20px;padding-right:8px;padding-left:8px}.c-dots{width:6px;height:6px;border-radius:50%}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-color']
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], isWithDot: [{
+                type: Input
+            }] } });
+
+class CuiBadgeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiBadgeModule, declarations: [CuiBadgeComponent], imports: [CommonModule], exports: [CuiBadgeComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBadgeModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [CuiBadgeComponent],
+                    exports: [CuiBadgeComponent]
+                }]
+        }] });
+
+const CUI_BANNER_DEFAULT_OPTIONS = {
+    status: 'info'
+};
+const CUI_BANNER_OPTIONS = cuiCreateToken(CUI_BANNER_DEFAULT_OPTIONS);
+
+class CuiAccessor {
+}
+class CuiPositionAccessor extends CuiAccessor {
+}
+class CuiRectAccessor extends CuiAccessor {
+}
+function cuiProvideAccessor(provide, type, fallback) {
+    return {
+        provide,
+        deps: [[new SkipSelf(), new Optional(), provide], fallback],
+        useFactory: cuiFallbackAccessor(type),
+    };
+}
+function cuiFallbackAccessor(type) {
+    return (accessors, fallback) => accessors?.find?.((accessor) => accessor !== fallback && accessor.type === type) || fallback;
+}
+function cuiPositionAccessorFor(type, fallback) {
+    return cuiProvideAccessor(CuiPositionAccessor, type, fallback);
+}
+function cuiRectAccessorFor(type, fallback) {
+    return cuiProvideAccessor(CuiRectAccessor, type, fallback);
+}
+function cuiAsPositionAccessor(accessor) {
+    return cuiProvide(CuiPositionAccessor, accessor, true);
+}
+function cuiAsRectAccessor(accessor) {
+    return cuiProvide(CuiRectAccessor, accessor, true);
+}
+
+class CuiVehicle {
+}
+function cuiAsVehicle(vehicle) {
+    return cuiProvide(CuiVehicle, vehicle, true);
+}
+
+class CuiDriver extends Observable {
+}
+function cuiAsDriver(driver) {
+    return cuiProvide(CuiDriver, driver, true);
+}
+class CuiDriverDirective {
+    constructor() {
+        this.destroyRef = inject(DestroyRef);
+        this.drivers = inject(CuiDriver, { self: true, optional: true }) || [];
+        this.vehicles = inject(CuiVehicle, {
+            self: true,
+            optional: true,
+        });
+    }
+    ngAfterViewInit() {
+        const vehicle = this.vehicles?.find(({ type }) => type === this.type);
+        merge(...this.drivers.filter(({ type }) => type === this.type))
+            .pipe(distinctUntilChanged(), takeUntilDestroyed(this.destroyRef))
+            .subscribe((value) => {
+            vehicle?.toggle(value);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDriverDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiDriverDirective, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDriverDirective, decorators: [{
+            type: Directive
+        }] });
+
+class CuiPositionService extends Observable {
+    constructor() {
+        const animationFrame$ = inject(CUI_ANIMATION_FRAME);
+        const zone = inject(NgZone);
+        super((subscriber) => animationFrame$
+            .pipe(startWith(null), map(() => this.accessor.getPosition(this.el.getBoundingClientRect(), this.el)), cuiZonefree(zone), finalize(() => this.accessor.getPosition(EMPTY_CLIENT_RECT)))
+            .subscribe(subscriber));
+        this.el = cuiInjectElement();
+        this.accessor = inject(CuiPositionAccessor);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiPositionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiPositionService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiPositionService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+const CUI_THEME_STORAGE_DEFAULT_KEY = 'cuiTheme';
+const CUI_DEFAULT_THEME = 'light';
+const CUI_THEME_STORAGE_KEY = cuiCreateToken(CUI_THEME_STORAGE_DEFAULT_KEY);
+const CUI_THEME = cuiCreateToken(CUI_DEFAULT_THEME);
+
+class CuiThemeService extends BehaviorSubject {
+    constructor() {
+        super(inject(CUI_LOCAL_STORAGE).getItem(inject(CUI_THEME_STORAGE_KEY))
+            ?? inject(CUI_THEME));
+        this.localStorage = inject(CUI_LOCAL_STORAGE);
+        this.key = inject(CUI_THEME_STORAGE_KEY);
+    }
+    next(theme) {
+        this.localStorage.setItem(this.key, theme);
+        super.next(theme);
+    }
+    // При работе только двух тем
+    switch() {
+        this.next(this.value === 'light' ? 'dark' : 'light');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiThemeService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiThemeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class CuiVisualViewportService {
+    constructor() {
+        this.isWebkit = inject(CUI_IS_WEBKIT);
+        this.win = inject(CUI_WINDOW);
+    }
+    // https://bugs.webkit.org/show_bug.cgi?id=207089
+    correct(point) {
+        return this.isWebkit
+            ? [
+                point[0] + (this.win.visualViewport?.offsetTop ?? 0),
+                point[1] + (this.win.visualViewport?.offsetLeft ?? 0),
+            ]
+            : point;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiVisualViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiVisualViewportService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiVisualViewportService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class CuiBannerComponent {
+    constructor() {
+        this.options = inject(CUI_BANNER_OPTIONS);
+        this.theme$ = inject(CuiThemeService);
+        this.ICON_OPTIONS = {
+            info: {
+                icon: 'cuiIconInfo',
+                color: 'var(--c-info-icon-color)'
+            },
+            success: {
+                icon: 'cuiIconCheckCircle',
+                color: 'var(--cui-success)'
+            },
+            alert: {
+                icon: 'cuiIconAlertTriangle',
+                color: 'var(--c-alert-icon-color)'
+            },
+            error: {
+                icon: 'cuiIconAlertCircle',
+                color: 'var(--cui-danger)'
+            },
+        };
+        this.THEME_CLOSE_BUTTON_ICON_COLORS = {
+            light: 'var(--cui-gray-500)',
+            dark: 'var(--cui-gray-0)'
+        };
+        this.status = this.options.status;
+        this.isCloseable = true;
+        this.actionButtonClicked = new EventEmitter();
+        this.closed = new EventEmitter();
+    }
+    onAction() {
+        this.actionButtonClicked.emit();
+    }
+    onClose() {
+        this.closed.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiBannerComponent, selector: "cui-banner", inputs: { status: "status", isCloseable: "isCloseable", label: "label", actionButtonText: "actionButtonText" }, outputs: { actionButtonClicked: "actionButtonClicked", closed: "closed" }, host: { properties: { "attr.data-status": "this.status" } }, ngImport: i0, template: "<cui-svg\n  *cuiLet=\"ICON_OPTIONS[status] as iconOption\"\n  [icon]=\"iconOption.icon\"\n  [color]=\"iconOption.color\"\n  class=\"c-icon\"\n></cui-svg>\n<div class=\"c-wrapper\">\n  <h2\n    *ngIf=\"label\"\n    class=\"c-heading\"\n  >\n    {{ label }}\n  </h2>\n  <ng-content></ng-content>\n  <button\n    cuiButton\n    *ngIf=\"actionButtonText\"\n    appearance=\"link\"\n    class=\"c-action\"\n    (click)=\"onAction()\"\n  >\n    {{ actionButtonText }}\n  </button>\n</div>\n<button\n  *ngIf=\"isCloseable\"\n  class=\"c-button\"\n  (click)=\"onClose()\"\n>\n  <cui-svg\n    *cuiLet=\"theme$ | async as theme\"\n    icon=\"cuiIconX\"\n    [color]=\"THEME_CLOSE_BUTTON_ICON_COLORS[theme!]\"\n  />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-light-blue-800);--c-alert-icon-color: var(--cui-orange-800);padding:8px 16px;font-weight:400;font-size:14px;line-height:20px;display:flex;gap:16px;align-items:center;color:var(--cui-base-900);font-family:var(--cui-main-font)}:host[data-status=info]{color:var(--cui-light-blue-800);background:var(--cui-blue-50)}:host[data-status=success]{background:var(--cui-green-50)}:host[data-status=alert]{color:var(--cui-orange-800);background:var(--cui-yellow-100)}:host[data-status=error]{background:var(--cui-red-50)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400);--c-alert-icon-color: var(--cui-yellow-300);color:var(--cui-gray-0)}:host-context([cuiTheme=dark])[data-status=info]{color:var(--cui-light-blue-400);background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=info] .c-action:hover{color:var(--cui-blue-500)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=success] .c-action{color:var(--cui-green-500)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=alert] .c-action{color:var(--cui-yellow-300)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}:host-context([cuiTheme=dark])[data-status=error] .c-action{color:var(--cui-red-400)}.c-icon{height:28px}.c-wrapper{flex:1;display:flex;align-items:center;gap:16px;overflow-wrap:anywhere}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding: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}.c-button:hover{background:#fff3}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "component", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "size"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-banner', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n  *cuiLet=\"ICON_OPTIONS[status] as iconOption\"\n  [icon]=\"iconOption.icon\"\n  [color]=\"iconOption.color\"\n  class=\"c-icon\"\n></cui-svg>\n<div class=\"c-wrapper\">\n  <h2\n    *ngIf=\"label\"\n    class=\"c-heading\"\n  >\n    {{ label }}\n  </h2>\n  <ng-content></ng-content>\n  <button\n    cuiButton\n    *ngIf=\"actionButtonText\"\n    appearance=\"link\"\n    class=\"c-action\"\n    (click)=\"onAction()\"\n  >\n    {{ actionButtonText }}\n  </button>\n</div>\n<button\n  *ngIf=\"isCloseable\"\n  class=\"c-button\"\n  (click)=\"onClose()\"\n>\n  <cui-svg\n    *cuiLet=\"theme$ | async as theme\"\n    icon=\"cuiIconX\"\n    [color]=\"THEME_CLOSE_BUTTON_ICON_COLORS[theme!]\"\n  />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-light-blue-800);--c-alert-icon-color: var(--cui-orange-800);padding:8px 16px;font-weight:400;font-size:14px;line-height:20px;display:flex;gap:16px;align-items:center;color:var(--cui-base-900);font-family:var(--cui-main-font)}:host[data-status=info]{color:var(--cui-light-blue-800);background:var(--cui-blue-50)}:host[data-status=success]{background:var(--cui-green-50)}:host[data-status=alert]{color:var(--cui-orange-800);background:var(--cui-yellow-100)}:host[data-status=error]{background:var(--cui-red-50)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400);--c-alert-icon-color: var(--cui-yellow-300);color:var(--cui-gray-0)}:host-context([cuiTheme=dark])[data-status=info]{color:var(--cui-light-blue-400);background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=info] .c-action:hover{color:var(--cui-blue-500)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=success] .c-action{color:var(--cui-green-500)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=alert] .c-action{color:var(--cui-yellow-300)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}:host-context([cuiTheme=dark])[data-status=error] .c-action{color:var(--cui-red-400)}.c-icon{height:28px}.c-wrapper{flex:1;display:flex;align-items:center;gap:16px;overflow-wrap:anywhere}.c-heading{font-weight:500;font-size:14px;line-height:20px;margin:0}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding: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}.c-button:hover{background:#fff3}\n"] }]
+        }], propDecorators: { status: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-status']
+            }], isCloseable: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], actionButtonText: [{
+                type: Input
+            }], actionButtonClicked: [{
+                type: Output
+            }], closed: [{
+                type: Output
+            }] } });
+
+class CuiBannerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBannerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiBannerModule, declarations: [CuiBannerComponent], imports: [CommonModule,
+            CuiLetDirective,
+            CuiSvgModule,
+            CuiButtonModule], exports: [CuiBannerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBannerModule, imports: [CommonModule,
+            CuiSvgModule,
+            CuiButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBannerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CuiLetDirective,
+                        CuiSvgModule,
+                        CuiButtonModule
+                    ],
+                    declarations: [CuiBannerComponent],
+                    exports: [CuiBannerComponent]
+                }]
+        }] });
+
+class CuiBreadcrumbsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBreadcrumbsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiBreadcrumbsComponent, selector: "cui-breadcrumbs", queries: [{ propertyName: "breadcrumbs", predicate: CuiItemDirective, read: TemplateRef }], ngImport: i0, template: "<ng-container *ngIf=\"breadcrumbs.changes | async\"/>\n<ng-container *ngFor=\"let breadcrumb of breadcrumbs; let isLast = last\">\n  <ng-container *ngTemplateOutlet=\"breadcrumb\" />\n  <cui-svg\n    *ngIf=\"!isLast\"\n    icon=\"cuiIconSlashDivider\"\n    color=\"var(--cui-base-500)\"\n  />\n</ng-container>\n", styles: [":host{display:flex;align-items:center;flex-wrap:wrap;gap:2px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBreadcrumbsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-breadcrumbs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"breadcrumbs.changes | async\"/>\n<ng-container *ngFor=\"let breadcrumb of breadcrumbs; let isLast = last\">\n  <ng-container *ngTemplateOutlet=\"breadcrumb\" />\n  <cui-svg\n    *ngIf=\"!isLast\"\n    icon=\"cuiIconSlashDivider\"\n    color=\"var(--cui-base-500)\"\n  />\n</ng-container>\n", styles: [":host{display:flex;align-items:center;flex-wrap:wrap;gap:2px}\n"] }]
+        }], propDecorators: { breadcrumbs: [{
+                type: ContentChildren,
+                args: [CuiItemDirective, { read: TemplateRef }]
+            }] } });
+
+class CuiBreadcrumbComponent {
+    constructor() {
+        this.isLast = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiBreadcrumbComponent, selector: "[cuiBreadcrumb]", inputs: { isLast: "isLast" }, ngImport: i0, template: "<ng-content />\n", styles: [":host{font-weight:400;font-size:12px;line-height:14px;cursor:pointer;color:var(--cui-base-500);font-family:var(--cui-main-font)}:host:hover{color:var(--cui-base-900);text-decoration:underline}:host:last-of-type{cursor:default;color:var(--cui-base-900);text-decoration:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[cuiBreadcrumb]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{font-weight:400;font-size:12px;line-height:14px;cursor:pointer;color:var(--cui-base-500);font-family:var(--cui-main-font)}:host:hover{color:var(--cui-base-900);text-decoration:underline}:host:last-of-type{cursor:default;color:var(--cui-base-900);text-decoration:none}\n"] }]
+        }], propDecorators: { isLast: [{
+                type: Input
+            }] } });
+
+class CuiBreadcrumbsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiBreadcrumbsModule, declarations: [CuiBreadcrumbsComponent,
+            CuiBreadcrumbComponent], imports: [CommonModule,
+            CuiSvgModule], exports: [CuiBreadcrumbsComponent,
+            CuiBreadcrumbComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBreadcrumbsModule, imports: [CommonModule,
+            CuiSvgModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiBreadcrumbsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CuiSvgModule
+                    ],
+                    declarations: [
+                        CuiBreadcrumbsComponent,
+                        CuiBreadcrumbComponent
+                    ],
+                    exports: [
+                        CuiBreadcrumbsComponent,
+                        CuiBreadcrumbComponent
+                    ]
+                }]
+        }] });
+
+class CuiButtonGroupComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiButtonGroupComponent, selector: "cui-button-group", ngImport: i0, template: "<ng-content select=\"button[cuiButton], a[cuiButton]\"></ng-content>\n", styles: [":host{display:inline-flex}:host ::ng-deep [cuiButton]:after{z-index:1;content:\"\";position:absolute;top:50%;right:-.5px;height:80%;width:1px;border-radius:.5px;transform:translateY(-50%);background:currentColor;opacity:.5}:host ::ng-deep [cuiButton]:first-child{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep [cuiButton]:last-child{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}:host ::ng-deep [cuiButton]:last-child:after{content:none}:host ::ng-deep [cuiButton]:not(:first-child):not(:last-child){border-left:none;border-right:none;border-radius:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-button-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"button[cuiButton], a[cuiButton]\"></ng-content>\n", styles: [":host{display:inline-flex}:host ::ng-deep [cuiButton]:after{z-index:1;content:\"\";position:absolute;top:50%;right:-.5px;height:80%;width:1px;border-radius:.5px;transform:translateY(-50%);background:currentColor;opacity:.5}:host ::ng-deep [cuiButton]:first-child{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}:host ::ng-deep [cuiButton]:last-child{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}:host ::ng-deep [cuiButton]:last-child:after{content:none}:host ::ng-deep [cuiButton]:not(:first-child):not(:last-child){border-left:none;border-right:none;border-radius:0}\n"] }]
+        }] });
+
+class CuiButtonGroupModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonGroupModule, declarations: [CuiButtonGroupComponent], exports: [CuiButtonGroupComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonGroupModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiButtonGroupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CuiButtonGroupComponent],
+                    exports: [CuiButtonGroupComponent]
+                }]
+        }] });
+
+class CuiCheckboxComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiCheckboxComponent, selector: "input[type=\"checkbox\"][cuiCheckbox]", ngImport: i0, template: '', isInline: true, styles: [":host{position:relative;width:16px;height:16px;border:1px solid var(--cui-base-200);border-radius:4px;outline:none;margin:0;appearance:none;cursor:pointer;background:var(--cui-base-0)}:host:before{content:\"\";position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:12px;height:12px;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M10 3L4.5 8.5L2 6\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M10 3L4.5 8.5L2 6\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>')}:host:checked{border:none;background:var(--cui-info)}:host:checked:before{background:#fff}:host:focus{box-shadow:0 0 0 2px var(--cui-focus)}@media (hover: hover){:host:hover{border-color:var(--cui-base-400)}}:host:active{border-color:var(--cui-base-400);box-shadow:none}:host:disabled{cursor:not-allowed;border:1px solid var(--cui-base-200);background:var(--cui-base-100)}:host:disabled:checked:before{border:1px solid var(--cui-info);background:var(--cui-gray-500)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'input[type="checkbox"][cuiCheckbox]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:relative;width:16px;height:16px;border:1px solid var(--cui-base-200);border-radius:4px;outline:none;margin:0;appearance:none;cursor:pointer;background:var(--cui-base-0)}:host:before{content:\"\";position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:12px;height:12px;-webkit-mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M10 3L4.5 8.5L2 6\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>');mask-image:url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"><path d=\"M10 3L4.5 8.5L2 6\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>')}:host:checked{border:none;background:var(--cui-info)}:host:checked:before{background:#fff}:host:focus{box-shadow:0 0 0 2px var(--cui-focus)}@media (hover: hover){:host:hover{border-color:var(--cui-base-400)}}:host:active{border-color:var(--cui-base-400);box-shadow:none}:host:disabled{cursor:not-allowed;border:1px solid var(--cui-base-200);background:var(--cui-base-100)}:host:disabled:checked:before{border:1px solid var(--cui-info);background:var(--cui-gray-500)}\n"] }]
+        }] });
+
+class CuiCheckboxModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiCheckboxModule, declarations: [CuiCheckboxComponent], exports: [CuiCheckboxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiCheckboxModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CuiCheckboxComponent],
+                    exports: [CuiCheckboxComponent]
+                }]
+        }] });
+
+const CUI_ROOT_SELECTOR = 'cui-root';
+
+const CUI_DIALOGS = cuiCreateToken(new BehaviorSubject([]));
+const CUI_DIALOG_DEFAULT_OPTIONS = {
+    size: 'auto',
+    data: undefined,
+    dismissible: true
+};
+const CUI_DIALOG_OPTIONS = cuiCreateToken(CUI_DIALOG_DEFAULT_OPTIONS);
+const CUI_DIALOG_CONTEXT = new InjectionToken('');
+
+class CuiDialogsComponent {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.destroy$ = inject(CuiDestroyService, { self: true });
+        this.dialogs$ = inject(CUI_DIALOGS);
+        this.dialogInjectorCache = new Map();
+    }
+    ngOnInit() {
+        this.initDialogsSubscription();
+    }
+    trackByFn(_, dialog) {
+        return dialog.id;
+    }
+    initDialogsSubscription() {
+        this.dialogs$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(dialogs => {
+            this.document.body.style.overflow = dialogs.length ? 'hidden' : '';
+            this.dialogInjectors = dialogs.map(dialog => {
+                if (!this.dialogInjectorCache.has(dialog.id)) {
+                    this.dialogInjectorCache.set(dialog.id, Injector.create({
+                        providers: [{ provide: CUI_DIALOG_CONTEXT, useValue: dialog }],
+                        parent: dialog.injector
+                    }));
+                }
+                return this.dialogInjectorCache.get(dialog.id);
+            });
+            this.dialogInjectorCache.forEach((_, dialogId) => {
+                if (dialogs.find(dialog => dialog.id === dialogId)) {
+                    return;
+                }
+                this.dialogInjectorCache.delete(dialogId);
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiDialogsComponent, selector: "cui-dialogs", providers: [CuiDestroyService], ngImport: i0, template: "<ng-container *cuiLet=\"dialogs$ | async as dialogs\">\n  <ng-container *ngFor=\"let dialog of dialogs; let i = index; trackBy: trackByFn\">\n    <ng-container *ngComponentOutlet=\"dialog.component; injector: dialogInjectors[i]\"></ng-container>\n  </ng-container>\n  <div\n    *ngIf=\"dialogs!.length\"\n    class=\"c-overlay\"\n  ></div>\n</ng-container>\n", styles: [":host{isolation:isolate}.c-overlay{position:fixed;inset:0;background:var(--cui-base);opacity:.3}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-dialogs', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiDestroyService], template: "<ng-container *cuiLet=\"dialogs$ | async as dialogs\">\n  <ng-container *ngFor=\"let dialog of dialogs; let i = index; trackBy: trackByFn\">\n    <ng-container *ngComponentOutlet=\"dialog.component; injector: dialogInjectors[i]\"></ng-container>\n  </ng-container>\n  <div\n    *ngIf=\"dialogs!.length\"\n    class=\"c-overlay\"\n  ></div>\n</ng-container>\n", styles: [":host{isolation:isolate}.c-overlay{position:fixed;inset:0;background:var(--cui-base);opacity:.3}\n"] }]
+        }] });
+
+const TRANSITION = '{{duration}}ms ease-in-out';
+const DURATION = { params: { duration: 300 } };
+const STAGGER = 300;
+/**
+ * Add to enable child :leave animation (fixes https://github.com/angular/angular/issues/15753)
+ */
+const cuiParentAnimation = trigger('cuiParentAnimation', [
+    transition(':leave', [query(':scope > *', [animateChild()], { optional: true })]),
+]);
+/**
+ * Add on parent to stop initial :enter animation for children
+ */
+const cuiParentStop = trigger('cuiParentStop', [transition(':enter', [])]);
+const cuiHost = trigger('cuiHost', [
+    transition(':enter', [
+        style({ overflow: 'clip' }),
+        query(':scope > *', [animateChild()], { optional: true }),
+    ]),
+    transition(':leave', [query(':scope > *', [animateChild()], { optional: true })]),
+]);
+const cuiHeightCollapse = trigger('cuiHeightCollapse', [
+    transition(':enter', [style({ height: 0 }), animate(TRANSITION, style({ height: '*' }))], DURATION),
+    transition(':leave', [style({ height: '*' }), animate(TRANSITION, style({ height: 0 }))], DURATION),
+]);
+const cuiHeightCollapseList = trigger('cuiHeightCollapseList', [
+    transition('* => *', [
+        query(':enter', [
+            style({ height: 0 }),
+            stagger(STAGGER, [animate(TRANSITION, style({ height: '*' }))]),
+        ], {
+            optional: true,
+        }),
+        query(':leave', [
+            style({ height: '*' }),
+            stagger(STAGGER, [animate(TRANSITION, style({ height: 0 }))]),
+        ], {
+            optional: true,
+        }),
+    ], DURATION),
+]);
+const cuiWidthCollapse = trigger('cuiWidthCollapse', [
+    transition(':enter', [style({ width: 0 }), animate(TRANSITION, style({ width: '*' }))], DURATION),
+    transition(':leave', [style({ width: '*' }), animate(TRANSITION, style({ width: 0 }))], DURATION),
+]);
+const cuiWidthCollapseList = trigger('cuiWidthCollapseList', [
+    transition('* => *', [
+        query(':enter', [
+            style({ width: 0 }),
+            stagger(STAGGER, [animate(TRANSITION, style({ width: '*' }))]),
+        ], {
+            optional: true,
+        }),
+        query(':leave', [
+            style({ width: '*' }),
+            stagger(STAGGER, [animate(TRANSITION, style({ width: 0 }))]),
+        ], {
+            optional: true,
+        }),
+    ], DURATION),
+]);
+const cuiFadeIn = trigger('cuiFadeIn', [
+    transition(':enter', [style({ opacity: 0 }), animate(TRANSITION, style({ opacity: 1 }))], DURATION),
+    transition(':leave', [style({ opacity: 1 }), animate(TRANSITION, style({ opacity: 0 }))], DURATION),
+]);
+const cuiFadeInList = trigger('cuiFadeInList', [
+    transition('* => *', [
+        query(':enter', [
+            style({ opacity: 0 }),
+            stagger(STAGGER, [animate(TRANSITION, style({ opacity: 1 }))]),
+        ], {
+            optional: true,
+        }),
+        query(':leave', [
+            style({ opacity: 1 }),
+            stagger(STAGGER, [animate(TRANSITION, style({ opacity: 0 }))]),
+        ], {
+            optional: true,
+        }),
+    ], DURATION),
+]);
+const cuiFadeInTop = trigger('cuiFadeInTop', [
+    transition(':enter', [
+        style({ transform: 'translateY(-{{start}}px)', opacity: 0 }),
+        animate(TRANSITION, style({ transform: 'translateY({{end}})', opacity: 1 })),
+    ], { params: { end: 0, start: 10, duration: 300 } }),
+    transition(':leave', [
+        style({ transform: 'translateY({{end}})', opacity: 1 }),
+        animate(TRANSITION, style({ transform: 'translateY(-{{start}}px)', opacity: 0 })),
+    ], { params: { end: 0, start: 10, duration: 300 } }),
+]);
+const cuiFadeInBottom = trigger('cuiFadeInBottom', [
+    transition(':enter', [
+        style({ transform: 'translateY({{start}}px)', opacity: 0 }),
+        animate(TRANSITION, style({ transform: 'translateY({{end}})', opacity: 1 })),
+    ], { params: { end: 0, start: 10, duration: 300 } }),
+    transition(':leave', [
+        style({ transform: 'translateY({{end}})', opacity: 1 }),
+        animate(TRANSITION, style({ transform: 'translateY({{start}}px)', opacity: 0 })),
+    ], { params: { end: 0, start: 10, duration: 300 } }),
+]);
+const cuiDropdownAnimation = trigger('cuiDropdownAnimation', [
+    transition(':enter', [
+        style({ transform: 'translateY(-{{start}}px)', opacity: 0 }),
+        animate(TRANSITION, style({ transform: 'translateY({{end}})', opacity: 1 })),
+    ], { params: { end: 0, start: 10, duration: 300 } }),
+    transition(':leave', [
+        style({ transform: 'translateY({{end}})', opacity: 1 }),
+        animate(TRANSITION, style({ transform: 'translateY(-{{start}}px)', opacity: 0 })),
+    ], { params: { end: 0, start: 10, duration: 300 } }),
+]);
+const cuiScaleIn = trigger('cuiScaleIn', [
+    transition(':enter', [
+        style({ transform: 'scale({{start}})' }),
+        animate('{{duration}}ms {{easing}}', style({ transform: 'scale({{end}})' })),
+    ], { params: { end: 1, start: 0, duration: 300, easing: 'ease-in-out' } }),
+    transition(':leave', [
+        style({ transform: 'scale({{end}})' }),
+        animate(TRANSITION, style({ transform: 'scale({{start}})' })),
+    ], { params: { end: 1, start: 0, duration: 300 } }),
+]);
+const cuiPop = trigger('cuiPop', [
+    transition(':enter', [
+        style({ transform: 'scale({{start}})' }),
+        animate(TRANSITION, style({ transform: 'scale({{middle}})' })),
+        animate(TRANSITION, style({ transform: 'scale({{end}})' })),
+    ], { params: { end: 1, middle: 1.1, start: 0, duration: 300 } }),
+    transition(':leave', [
+        style({ transform: 'scale({{end}})' }),
+        animate(TRANSITION, style({ transform: 'scale({{middle}})' })),
+        animate(TRANSITION, style({ transform: 'scale({{start}})' })),
+    ], { params: { end: 1, middle: 1.1, start: 0, duration: 300 } }),
+]);
+const cuiScaleInList = trigger('cuiScaleInList', [
+    transition('* => *', [
+        query(':enter', [
+            style({ transform: 'scale({{start}})' }),
+            stagger(STAGGER, [
+                animate(TRANSITION, style({ transform: 'scale({{end}})' })),
+            ]),
+        ], { optional: true }),
+        query(':leave', [
+            style({ transform: 'scale({{end}})' }),
+            stagger(STAGGER, [
+                animate(TRANSITION, style({ transform: 'scale({{start}})' })),
+            ]),
+        ], { optional: true }),
+    ], { params: { end: 1, start: 0, duration: 300 } }),
+]);
+const cuiSlideIn = trigger('cuiSlideIn', [
+    transition('* => left', [
+        style({ transform: 'translateX(-{{start}})' }),
+        animate(TRANSITION, style({ transform: 'translateX({{end}})' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+    transition('left => *', [
+        style({ transform: 'translateX({{end}})' }),
+        animate(TRANSITION, style({ transform: 'translateX(-{{start}})' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+    transition('* => right', [
+        style({ transform: 'translateX({{start}})' }),
+        animate(TRANSITION, style({ transform: 'translateX({{end}})' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+    transition('right => *', [
+        style({ transform: 'translateX({{end}})' }),
+        animate(TRANSITION, style({ transform: 'translateX({{start}})' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+]);
+const cuiSlideInLeft = trigger('cuiSlideInLeft', [
+    transition(':enter', [
+        style({ transform: 'translateX(-{{start}})' }),
+        animate(TRANSITION, style({ transform: 'translateX({{end}})' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+    transition(':leave', [
+        style({ transform: 'translateX({{end}})' }),
+        animate(TRANSITION, style({ transform: 'translateX(-{{start}})' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+]);
+const cuiSlideInLeftList = trigger('cuiSlideInLeftList', [
+    transition('* => *', [
+        query(':enter', [
+            style({ transform: 'translateX(-{{start}})' }),
+            stagger(STAGGER, [
+                animate(TRANSITION, style({ transform: 'translateX({{end}})' })),
+            ]),
+        ], { optional: true }),
+        query(':leave', [
+            style({ transform: 'translateX({{end}})' }),
+            stagger(STAGGER, [
+                animate(TRANSITION, style({ transform: 'translateX(-{{start}})' })),
+            ]),
+        ], { optional: true }),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+]);
+const cuiSlideInRight = trigger('cuiSlideInRight', [
+    transition(':enter', [
+        style({ transform: 'translateX({{start}})' }),
+        animate(TRANSITION, style({ transform: 'translateX({{end}})' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+    transition(':leave', [
+        style({ transform: 'translateX({{end}})' }),
+        animate(TRANSITION, style({ transform: 'translateX({{start}})' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+]);
+const cuiSlideInRightList = trigger('cuiSlideInRightList', [
+    transition('* => *', [
+        query(':enter', [
+            style({ transform: 'translateX({{start}})' }),
+            stagger(STAGGER, [
+                animate(TRANSITION, style({ transform: 'translateX({{end}})' })),
+            ]),
+        ], { optional: true }),
+        query(':leave', [
+            style({ transform: 'translateX({{end}})' }),
+            stagger(STAGGER, [
+                animate(TRANSITION, style({ transform: 'translateX({{start}})' })),
+            ]),
+        ], { optional: true }),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+]);
+const cuiSlideInTop = trigger('cuiSlideInTop', [
+    transition(':enter', [
+        style({ transform: 'translate3d(0,{{start}},0)', pointerEvents: 'none' }),
+        animate(TRANSITION, style({ transform: 'translate3d(0,{{end}},0)' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+    transition(':leave', [
+        style({ transform: 'translate3d(0,{{end}},0)' }),
+        animate(TRANSITION, style({ transform: 'translate3d(0,{{start}},0)' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+]);
+const cuiSlideInTopList = trigger('cuiSlideInTopList', [
+    transition('* => *', [
+        query(':enter', [
+            style({ transform: 'translateY({{start}})' }),
+            stagger(STAGGER, [
+                animate(TRANSITION, style({ transform: 'translateY({{end}})' })),
+            ]),
+        ], { optional: true }),
+        query(':leave', [
+            style({ transform: 'translateY({{end}})' }),
+            stagger(STAGGER, [
+                animate(TRANSITION, style({ transform: 'translateY({{start}})' })),
+            ]),
+        ], { optional: true }),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+]);
+const cuiSlideInBottom = trigger('cuiSlideInBottom', [
+    transition(':enter', [
+        style({ transform: 'translateY(-{{start}})' }),
+        animate(TRANSITION, style({ transform: 'translateY({{end}})' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+    transition(':leave', [
+        style({ transform: 'translateY({{end}})' }),
+        animate(TRANSITION, style({ transform: 'translateY(-{{start}})' })),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+]);
+const cuiSlideInBottomList = trigger('cuiSlideInBottomList', [
+    transition('* => *', [
+        query(':enter', [
+            style({ transform: 'translateY(-{{start}})' }),
+            stagger(STAGGER, [
+                animate(TRANSITION, style({ transform: 'translateY({{end}})' })),
+            ]),
+        ], { optional: true }),
+        query(':leave', [
+            style({ transform: 'translateY({{end}})' }),
+            stagger(STAGGER, [
+                animate(TRANSITION, style({ transform: 'translateY(-{{start}})' })),
+            ]),
+        ], { optional: true }),
+    ], { params: { end: 0, start: '100%', duration: 300 } }),
+]);
+
+/**
+ * Service for displaying hints/tooltips
+ */
+class CuiTooltipService extends BehaviorSubject {
+    constructor() {
+        super([]);
+    }
+    add(directive) {
+        this.next(this.value.concat(directive));
+    }
+    remove(directive) {
+        if (this.value.includes(directive)) {
+            this.next(this.value.filter((hint) => hint !== directive));
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class CuiTooltips {
+    constructor() {
+        this.hints$ = inject(CuiTooltipService);
+        this.destroyRef = inject(DestroyRef);
+        this.cdr = inject(ChangeDetectorRef);
+        this.hints = [];
+    }
+    ngOnInit() {
+        // Due to this view being parallel to app content, `markForCheck` from `async` pipe
+        // can happen after view was checked, so calling `detectChanges` instead
+        this.hints$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((hints) => {
+            this.hints = hints;
+            this.cdr.detectChanges();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltips, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltips, isStandalone: true, selector: "cui-tooltips", host: { attributes: { "aria-live": "polite" } }, ngImport: i0, template: "<div\n    *ngFor=\"let hint of hints\"\n    role=\"tooltip\"\n    @cuiParentAnimation\n    [cuiActiveZoneParent]=\"hint.activeZone || null\"\n\n>\n    <ng-container *polymorpheusOutlet=\"hint.component; context: {$implicit: hint}\" />\n</div>\n", styles: [":host{position:fixed;top:0;left:0;inline-size:100%;block-size:0}\n"], dependencies: [{ kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: CuiActiveZone, selector: "[cuiActiveZone]:not(ng-container), [cuiActiveZoneChange]:not(ng-container), [cuiActiveZoneParent]:not(ng-container)", inputs: ["cuiActiveZoneParent"], outputs: ["cuiActiveZoneChange"], exportAs: ["cuiActiveZone"] }, { kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [cuiParentAnimation], changeDetection: i0.ChangeDetectionStrategy.Default }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltips, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'cui-tooltips', imports: [NgForOf, PolymorpheusTemplate, CuiActiveZone, PolymorpheusOutlet], changeDetection: ChangeDetectionStrategy.Default, animations: [cuiParentAnimation], host: {
+                        'aria-live': 'polite',
+                    }, template: "<div\n    *ngFor=\"let hint of hints\"\n    role=\"tooltip\"\n    @cuiParentAnimation\n    [cuiActiveZoneParent]=\"hint.activeZone || null\"\n\n>\n    <ng-container *polymorpheusOutlet=\"hint.component; context: {$implicit: hint}\" />\n</div>\n", styles: [":host{position:fixed;top:0;left:0;inline-size:100%;block-size:0}\n"] }]
+        }] });
+
+class CuiRootComponent {
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.theme$ = inject(CuiThemeService);
+        this.destroy$ = inject(CuiDestroyService);
+    }
+    ngOnInit() {
+        this.initThemeSubscription();
+    }
+    initThemeSubscription() {
+        this.theme$
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(theme => this.document.documentElement.setAttribute('cuiTheme', theme));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiRootComponent, selector: "cui-root", providers: [CuiDestroyService], ngImport: i0, template: "<div class=\"c-content\">\n  <ng-content />\n</div>\n<cui-dialogs />\n<cui-alerts />\n<cui-tooltips />\n", styles: [".c-content{overflow:auto;min-height:100vh;isolation:isolate}\n"], dependencies: [{ kind: "component", type: CuiDialogsComponent, selector: "cui-dialogs" }, { kind: "component", type: CuiAlertsComponent, selector: "cui-alerts" }, { kind: "component", type: CuiTooltips, selector: "cui-tooltips" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiRootComponent, decorators: [{
+            type: Component,
+            args: [{ selector: CUI_ROOT_SELECTOR, changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiDestroyService], template: "<div class=\"c-content\">\n  <ng-content />\n</div>\n<cui-dialogs />\n<cui-alerts />\n<cui-tooltips />\n", styles: [".c-content{overflow:auto;min-height:100vh;isolation:isolate}\n"] }]
+        }] });
+
+// TODO: сделать структурную директиву
+const ContentType = {
+    String: 'string',
+    Template: 'template',
+    Component: 'component'
+};
+class CuiDialogComponent {
+    constructor() {
+        this.element = inject(ElementRef).nativeElement;
+        this.context = inject(CUI_DIALOG_CONTEXT);
+        this.LAST_OF_TYPE_SELECTOR = ':last-of-type';
+        this.ContentType = ContentType;
+        this.contentType = ContentType.Component;
+    }
+    get size() {
+        return this.context.size;
+    }
+    ngOnInit() {
+        this.initContentType();
+    }
+    get contentTemplateRef() {
+        return this.context.content;
+    }
+    get componentType() {
+        return this.context.content;
+    }
+    onEscape() {
+        if (!this.context.dismissible) {
+            return;
+        }
+        if (!this.element.matches(this.LAST_OF_TYPE_SELECTOR)) {
+            return;
+        }
+        this.context.completeWith();
+    }
+    initContentType() {
+        const content = this.context.content;
+        switch (true) {
+            case (typeof content === 'string'):
+                this.contentType = ContentType.String;
+                return;
+            case (content instanceof TemplateRef):
+                this.contentType = ContentType.Template;
+                return;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiDialogComponent, selector: "cui-dialog", host: { listeners: { "document:keydown.escape": "onEscape($event)" }, properties: { "attr.data-size": "this.size" } }, hostDirectives: [{ directive: i1$1.CuiFocusTrapDirective }], ngImport: i0, template: "<ng-container [ngSwitch]=\"contentType\">\n  <ng-container *ngSwitchCase=\"ContentType.String\">\n    {{ context.content }}\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ContentType.Template\">\n    <ng-container *ngTemplateOutlet=\"contentTemplateRef; context: context\"></ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ContentType.Component\">\n    <div class=\"c-component-container\">\n      <ng-container *ngComponentOutlet=\"componentType\"></ng-container>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [":host{box-shadow:0 2px 4px -1px #0000000f,0 4px 6px -1px #0000001a;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;box-sizing:border-box;max-height:calc(100vh - 40px);width:100%;border-radius:12px;outline:none;background:var(--cui-base-0);font-family:var(--cui-main-font);border:1px solid var(--cui-base-200)}:host:last-of-type{z-index:1}:host[data-size=auto]{width:auto}:host[data-size=sm]{max-width:620px}:host[data-size=xl]{max-width:1080px}.c-component-container{display:contents}.c-component-container ::ng-deep>*{display:contents}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [CuiFocusTrapDirective], template: "<ng-container [ngSwitch]=\"contentType\">\n  <ng-container *ngSwitchCase=\"ContentType.String\">\n    {{ context.content }}\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ContentType.Template\">\n    <ng-container *ngTemplateOutlet=\"contentTemplateRef; context: context\"></ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"ContentType.Component\">\n    <div class=\"c-component-container\">\n      <ng-container *ngComponentOutlet=\"componentType\"></ng-container>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: [":host{box-shadow:0 2px 4px -1px #0000000f,0 4px 6px -1px #0000001a;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;box-sizing:border-box;max-height:calc(100vh - 40px);width:100%;border-radius:12px;outline:none;background:var(--cui-base-0);font-family:var(--cui-main-font);border:1px solid var(--cui-base-200)}:host:last-of-type{z-index:1}:host[data-size=auto]{width:auto}:host[data-size=sm]{max-width:620px}:host[data-size=xl]{max-width:1080px}.c-component-container{display:contents}.c-component-container ::ng-deep>*{display:contents}\n"] }]
+        }], propDecorators: { size: [{
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], onEscape: [{
+                type: HostListener,
+                args: ['document:keydown.escape', ['$event']]
+            }] } });
+
+class CuiDialogActionsComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiDialogActionsComponent, selector: "cui-dialog-actions", ngImport: i0, template: "<div class=\"c-divider\"></div>\n<div class=\"c-content\">\n  <ng-content />\n</div>\n", styles: [":host{padding-right:24px;padding-left:24px;padding-bottom:16px;display:block}.c-divider{position:relative;left:-24px;width:calc(100% + 48px);height:1px;margin-bottom:15px;background:var(--cui-base-200)}.c-content{display:flex;align-items:center;justify-content:flex-end;gap:12px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-dialog-actions', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c-divider\"></div>\n<div class=\"c-content\">\n  <ng-content />\n</div>\n", styles: [":host{padding-right:24px;padding-left:24px;padding-bottom:16px;display:block}.c-divider{position:relative;left:-24px;width:calc(100% + 48px);height:1px;margin-bottom:15px;background:var(--cui-base-200)}.c-content{display:flex;align-items:center;justify-content:flex-end;gap:12px}\n"] }]
+        }] });
+
+class CuiDialogHeaderComponent {
+    constructor() {
+        this.closed = new EventEmitter();
+    }
+    onClose(event) {
+        this.closed.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiDialogHeaderComponent, selector: "header[cuiDialogHeader][heading]", inputs: { heading: "heading", headingContext: "headingContext", subheading: "subheading" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"c-heading\">\n  <ng-container *polymorpheusOutlet=\"heading as heading; context: headingContext\">{{ heading }}</ng-container>\n</div>\n<button\n  cuiButton\n  type=\"button\"\n  appearance=\"ghost\"\n  icon=\"cuiIconClearSm\"\n  class=\"c-button\"\n  (click)=\"onClose($event)\"\n></button>\n<span *ngIf=\"subheading\">{{ subheading }}</span>\n<ng-content />\n", styles: [":host{padding:16px 24px;position:relative;display:flex;flex-direction:column;gap:4px;font-family:var(--cui-main-font);color:var(--cui-base-500)}.c-heading{font-weight:500;font-size:16px;line-height:24px;width:calc(100% - 36px);color:var(--cui-base-900)}.c-button{position:absolute;top:12px;right:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }, { kind: "component", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'header[cuiDialogHeader][heading]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"c-heading\">\n  <ng-container *polymorpheusOutlet=\"heading as heading; context: headingContext\">{{ heading }}</ng-container>\n</div>\n<button\n  cuiButton\n  type=\"button\"\n  appearance=\"ghost\"\n  icon=\"cuiIconClearSm\"\n  class=\"c-button\"\n  (click)=\"onClose($event)\"\n></button>\n<span *ngIf=\"subheading\">{{ subheading }}</span>\n<ng-content />\n", styles: [":host{padding:16px 24px;position:relative;display:flex;flex-direction:column;gap:4px;font-family:var(--cui-main-font);color:var(--cui-base-500)}.c-heading{font-weight:500;font-size:16px;line-height:24px;width:calc(100% - 36px);color:var(--cui-base-900)}.c-button{position:absolute;top:12px;right:12px}\n"] }]
+        }], propDecorators: { heading: [{
+                type: Input
+            }], headingContext: [{
+                type: Input
+            }], subheading: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+
+class CuiDialogModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogModule, declarations: [CuiDialogComponent,
+            CuiDialogsComponent,
+            CuiDialogActionsComponent,
+            CuiDialogHeaderComponent], imports: [CommonModule,
+            PolymorpheusOutlet,
+            CuiLetDirective,
+            CuiButtonModule], exports: [CuiDialogComponent,
+            CuiDialogsComponent,
+            CuiDialogActionsComponent,
+            CuiDialogHeaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogModule, imports: [CommonModule,
+            CuiButtonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        PolymorpheusOutlet,
+                        CuiLetDirective,
+                        CuiButtonModule
+                    ],
+                    declarations: [
+                        CuiDialogComponent,
+                        CuiDialogsComponent,
+                        CuiDialogActionsComponent,
+                        CuiDialogHeaderComponent
+                    ],
+                    exports: [
+                        CuiDialogComponent,
+                        CuiDialogsComponent,
+                        CuiDialogActionsComponent,
+                        CuiDialogHeaderComponent
+                    ]
+                }]
+        }] });
+
+class CuiDialogService extends CuiPopoverService {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogService, providedIn: 'root', useFactory: () => new CuiDialogService(CUI_DIALOGS, CuiDialogComponent, inject(CUI_DIALOG_OPTIONS)) }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiDialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                    useFactory: () => new CuiDialogService(CUI_DIALOGS, CuiDialogComponent, inject(CUI_DIALOG_OPTIONS))
+                }]
+        }] });
+
+const CUI_REDUCED_MOTION = cuiCreateTokenFromFactory(() => inject(DOCUMENT).defaultView?.matchMedia?.('(prefers-reduced-motion: reduce)')
+    .matches ?? false);
+
+/**
+ * Speed of all Taiga UI animations. 1 equals 300ms.
+ */
+const CUI_ANIMATIONS_SPEED = cuiCreateTokenFromFactory(() => inject(CUI_REDUCED_MOTION) ? 0 : 1);
+
+/**
+ * Viewport accessor
+ */
+const CUI_VIEWPORT = cuiCreateTokenFromFactory(() => {
+    const win = inject(CUI_WINDOW);
+    return {
+        type: 'viewport',
+        getClientRect() {
+            const rect = {
+                top: 0,
+                left: 0,
+                right: win.innerWidth,
+                bottom: win.innerHeight,
+                width: win.innerWidth,
+                height: win.innerHeight,
+                x: 0,
+                y: 0,
+            };
+            return {
+                ...rect,
+                toJSON: () => JSON.stringify(rect),
+            };
+        },
+    };
+});
+function cuiAsViewport(accessor) {
+    return cuiProvide(CUI_VIEWPORT, accessor);
+}
+
+function cuiRemoveSpaces(value) {
+    return value.replace(/\s+/g, '');
+}
+
+function cuiReplace(value, search, replace) {
+    const regex = new RegExp(search.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'g');
+    return value.replace(regex, replace);
+}
+
+/**
+ * @internal
+ */
+function cuiIsObscured(el, exceptSelector = 'cui-hints') {
+    return !!cuiGetElementObscures(el)?.some((el) => !el.closest(exceptSelector));
+}
+
+function cuiOverrideOptions(override, fallback) {
+    return (directive, options) => {
+        const result = directive || { ...(options || fallback) };
+        Object.keys(override).forEach((key) => {
+            // Update directive props with new defaults before inputs are processed
+            result[key] = override[key];
+        });
+        return result;
+    };
+}
+
+const CUI_ANIMATIONS_DEFAULT_DURATION = 300;
+function cuiToAnimationOptions(speed, easing) {
+    return {
+        value: '',
+        params: {
+            duration: cuiGetDuration(speed),
+            easing,
+        },
+    };
+}
+function cuiGetDuration(speed) {
+    return speed && CUI_ANIMATIONS_DEFAULT_DURATION / speed;
+}
+
+/**
+ * A component to display a tooltip
+ */
+const CUI_TOOLTIP_COMPONENT = cuiCreateTokenFromFactory(() => CuiTooltipComponent);
+
+class CuiTooltipDriver extends CuiDriverDirective {
+    constructor() {
+        super(...arguments);
+        this.type = 'hint';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipDriver, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipDriver, isStandalone: true, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipDriver, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                }]
+        }] });
+
+const CUI_TOOLTIP_DIRECTIONS = [
+    'bottom-left',
+    'bottom',
+    'bottom-right',
+    'top-left',
+    'top',
+    'top-right',
+    'left-top',
+    'left',
+    'left-bottom',
+    'right-top',
+    'right',
+    'right-bottom',
+];
+/** Default values for tooltip options */
+const CUI_TOOLTIP_DEFAULT_OPTIONS = {
+    direction: 'top',
+    showDelay: 500,
+    hideDelay: 200,
+    appearance: '',
+    /** TODO @deprecated use {@link CUI_TOOLTIP_OPTIONS} instead **/
+    icon: '@cui.circle-help',
+};
+/**
+ * Default parameters for tooltip directive
+ */
+const CUI_TOOLTIP_OPTIONS = cuiCreateToken(CUI_TOOLTIP_DEFAULT_OPTIONS);
+const cuiTooltipOptionsProvider = (override) => ({
+    provide: CUI_TOOLTIP_OPTIONS,
+    deps: [
+        [new Optional(), new Self(), CuiTooltipOptionsDirective],
+        [new Optional(), new SkipSelf(), CUI_TOOLTIP_OPTIONS],
+    ],
+    useFactory: cuiOverrideOptions(override, CUI_TOOLTIP_DEFAULT_OPTIONS),
+});
+/**
+ * @deprecated: drop in 5.0
+ */
+class CuiTooltipOptionsDirective {
+    constructor() {
+        this.options = inject(CUI_TOOLTIP_OPTIONS, { skipSelf: true });
+        this.direction = this.options.direction;
+        this.appearance = this.options.appearance;
+        this.showDelay = this.options.showDelay;
+        this.hideDelay = this.options.hideDelay;
+        this.icon = this.options.icon;
+        this.change$ = new Subject();
+    }
+    ngOnChanges() {
+        this.change$.next();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipOptionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipOptionsDirective, isStandalone: true, selector: "[cuiTooltipContent]", inputs: { content: ["cuiTooltipContent", "content"], direction: ["cuiTooltipDirection", "direction"], appearance: ["cuiTooltipAppearance", "appearance"], showDelay: ["cuiTooltipShowDelay", "showDelay"], hideDelay: ["cuiTooltipHideDelay", "hideDelay"] }, providers: [cuiProvide(CUI_TOOLTIP_OPTIONS, CuiTooltipOptionsDirective)], usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipOptionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiTooltipContent]',
+                    providers: [cuiProvide(CUI_TOOLTIP_OPTIONS, CuiTooltipOptionsDirective)],
+                }]
+        }], propDecorators: { content: [{
+                type: Input,
+                args: ['cuiTooltipContent']
+            }], direction: [{
+                type: Input,
+                args: ['cuiTooltipDirection']
+            }], appearance: [{
+                type: Input,
+                args: ['cuiTooltipAppearance']
+            }], showDelay: [{
+                type: Input,
+                args: ['cuiTooltipShowDelay']
+            }], hideDelay: [{
+                type: Input,
+                args: ['cuiTooltipHideDelay']
+            }] } });
+
+class CuiTooltipHover extends CuiDriver {
+    constructor() {
+        super((subscriber) => this.stream$.subscribe(subscriber));
+        this.isMobile = inject(CUI_IS_MOBILE);
+        this.el = cuiInjectElement();
+        this.hovered$ = inject(CuiHoveredService);
+        this.options = inject(CUI_TOOLTIP_OPTIONS);
+        this.visible = false;
+        this.toggle$ = new Subject();
+        this.stream$ = merge(this.toggle$.pipe(switchMap((visible) => this.isMobile
+            ? of(visible)
+            : of(visible).pipe(delay(visible ? 0 : this.cuiTooltipHideDelay))), takeUntil(this.hovered$), repeat()), this.hovered$.pipe(switchMap((visible) => this.isMobile
+            ? of(visible)
+            : of(visible).pipe(delay(visible ? this.cuiTooltipShowDelay : this.cuiTooltipHideDelay))), takeUntil(this.toggle$), repeat())).pipe(filter(() => this.enabled), map((value) => value &&
+            (this.el.hasAttribute('cuiTooltipPointer') || !cuiIsObscured(this.el))), tap((visible) => {
+            this.visible = visible;
+        }));
+        this.parent = inject(CuiTooltipHover, {
+            optional: true,
+            skipSelf: true,
+        });
+        this.cuiTooltipShowDelay = this.options.showDelay;
+        this.cuiTooltipHideDelay = this.options.hideDelay;
+        this.type = 'hint';
+        this.enabled = true;
+    }
+    toggle(visible = !this.visible) {
+        this.toggle$.next(visible);
+        this.parent?.toggle(visible);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipHover, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipHover, isStandalone: true, inputs: { cuiTooltipShowDelay: "cuiTooltipShowDelay", cuiTooltipHideDelay: "cuiTooltipHideDelay" }, providers: [cuiAsDriver(CuiTooltipHover), CuiHoveredService], exportAs: ["cuiTooltipHover"], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipHover, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    providers: [cuiAsDriver(CuiTooltipHover), CuiHoveredService],
+                    exportAs: 'cuiTooltipHover',
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { cuiTooltipShowDelay: [{
+                type: Input
+            }], cuiTooltipHideDelay: [{
+                type: Input
+            }] } });
+
+const GAP$1 = 8;
+const ARROW_OFFSET = 24;
+const TOP = 0;
+const LEFT = 1;
+class CuiTooltipPosition extends CuiPositionAccessor {
+    constructor() {
+        super(...arguments);
+        this.offset = inject(CUI_IS_MOBILE) ? 16 : 5;
+        this.viewport = inject(CUI_VIEWPORT);
+        this.accessor = cuiFallbackAccessor('hint')(inject(CuiRectAccessor), inject(CuiTooltipDirective));
+        this.points = CUI_TOOLTIP_DIRECTIONS.reduce((acc, direction) => ({ ...acc, [direction]: [0, 0] }), {});
+        this.direction = inject(CUI_TOOLTIP_OPTIONS).direction;
+        this.directionChange = new EventEmitter();
+        this.type = 'hint';
+    }
+    emitDirection(direction) {
+        this.directionChange.emit(direction);
+    }
+    getPosition(rect, el) {
+        const width = el?.clientWidth ?? rect.width;
+        const height = el?.clientHeight ?? rect.height;
+        const hostRect = this.accessor.getClientRect() ?? EMPTY_CLIENT_RECT;
+        const leftCenter = hostRect.left + hostRect.width / 2;
+        const topCenter = hostRect.top + hostRect.height / 2;
+        this.points['top-left'][TOP] = hostRect.top - height - this.offset;
+        this.points['top-left'][LEFT] = leftCenter - width + ARROW_OFFSET;
+        this.points.top[TOP] = this.points['top-left'][TOP];
+        this.points.top[LEFT] = leftCenter - width / 2;
+        this.points['top-right'][TOP] = this.points['top-left'][TOP];
+        this.points['top-right'][LEFT] = leftCenter - ARROW_OFFSET;
+        this.points['bottom-left'][TOP] = hostRect.bottom + this.offset;
+        this.points['bottom-left'][LEFT] = this.points['top-left'][LEFT];
+        this.points.bottom[TOP] = this.points['bottom-left'][TOP];
+        this.points.bottom[LEFT] = this.points.top[LEFT];
+        this.points['bottom-right'][TOP] = this.points['bottom-left'][TOP];
+        this.points['bottom-right'][LEFT] = this.points['top-right'][LEFT];
+        this.points['left-top'][TOP] = topCenter - height + ARROW_OFFSET;
+        this.points['left-top'][LEFT] = hostRect.left - width - this.offset;
+        this.points.left[TOP] = topCenter - height / 2;
+        this.points.left[LEFT] = this.points['left-top'][LEFT];
+        this.points['left-bottom'][TOP] = topCenter - ARROW_OFFSET;
+        this.points['left-bottom'][LEFT] = this.points['left-top'][LEFT];
+        this.points['right-top'][TOP] = this.points['left-top'][TOP];
+        this.points['right-top'][LEFT] = hostRect.right + this.offset;
+        this.points.right[TOP] = this.points.left[TOP];
+        this.points.right[LEFT] = this.points['right-top'][LEFT];
+        this.points['right-bottom'][TOP] = this.points['left-bottom'][TOP];
+        this.points['right-bottom'][LEFT] = this.points['right-top'][LEFT];
+        const priorityDirections = Array.isArray(this.direction)
+            ? this.direction
+            : [this.direction];
+        const sortedDirections = priorityDirections.concat(CUI_TOOLTIP_DIRECTIONS);
+        const direction = sortedDirections.find((direction) => this.checkPosition(this.points[direction], width, height));
+        this.emitDirection(direction || this.fallback);
+        return this.points[direction || this.fallback];
+    }
+    get fallback() {
+        return this.points.top[TOP] >
+            this.viewport.getClientRect().bottom - this.points.bottom[TOP]
+            ? 'top'
+            : 'bottom';
+    }
+    checkPosition([top, left], width, height) {
+        const viewport = this.viewport.getClientRect();
+        return (top > GAP$1 &&
+            left > GAP$1 &&
+            top + height < viewport.bottom - GAP$1 &&
+            left + width < viewport.right - GAP$1);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipPosition, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipPosition, isStandalone: true, inputs: { direction: ["cuiTooltipDirection", "direction"] }, outputs: { directionChange: "cuiTooltipDirectionChange" }, usesInheritance: true, ngImport: i0 }); }
+}
+__decorate([
+    cuiPure
+], CuiTooltipPosition.prototype, "emitDirection", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipPosition, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                }]
+        }], propDecorators: { direction: [{
+                type: Input,
+                args: ['cuiTooltipDirection']
+            }], directionChange: [{
+                type: Output,
+                args: ['cuiTooltipDirectionChange']
+            }], emitDirection: [] } });
+
+class CuiTooltipDirective {
+    constructor() {
+        this.service = inject(CuiTooltipService);
+        this.appearance = inject(CUI_TOOLTIP_OPTIONS).appearance;
+        this.content = signal(null);
+        this.component = inject((PolymorpheusComponent));
+        this.el = cuiInjectElement();
+        this.activeZone = inject(CuiActiveZone, { optional: true });
+        this.type = 'hint';
+    }
+    set cuiTooltip(content) {
+        this.content.set(content);
+        if (!content) {
+            this.toggle(false);
+        }
+    }
+    ngOnDestroy() {
+        this.toggle(false);
+    }
+    getClientRect() {
+        return this.el.getBoundingClientRect();
+    }
+    toggle(show) {
+        if (show && this.content()) {
+            this.service.add(this);
+        }
+        else {
+            this.service.remove(this);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipDirective, isStandalone: true, selector: "[cuiTooltip]:not(ng-container):not(ng-template)", inputs: { context: ["cuiTooltipContext", "context"], appearance: ["cuiTooltipAppearance", "appearance"], cuiTooltip: "cuiTooltip" }, providers: [
+            cuiAsRectAccessor(CuiTooltipDirective),
+            cuiAsVehicle(CuiTooltipDirective),
+            {
+                provide: PolymorpheusComponent,
+                deps: [CUI_TOOLTIP_COMPONENT, INJECTOR],
+                useClass: PolymorpheusComponent,
+            },
+        ], hostDirectives: [{ directive: CuiTooltipDriver }, { directive: CuiTooltipHover, inputs: ["cuiTooltipHideDelay", "cuiTooltipHideDelay", "cuiTooltipShowDelay", "cuiTooltipShowDelay"] }, { directive: CuiTooltipPosition, inputs: ["cuiTooltipDirection", "cuiTooltipDirection"], outputs: ["cuiTooltipDirectionChange", "cuiTooltipDirectionChange"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiTooltip]:not(ng-container):not(ng-template)',
+                    providers: [
+                        cuiAsRectAccessor(CuiTooltipDirective),
+                        cuiAsVehicle(CuiTooltipDirective),
+                        {
+                            provide: PolymorpheusComponent,
+                            deps: [CUI_TOOLTIP_COMPONENT, INJECTOR],
+                            useClass: PolymorpheusComponent,
+                        },
+                    ],
+                    hostDirectives: [
+                        CuiTooltipDriver,
+                        {
+                            directive: CuiTooltipHover,
+                            inputs: ['cuiTooltipHideDelay', 'cuiTooltipShowDelay'],
+                        },
+                        {
+                            directive: CuiTooltipPosition,
+                            inputs: ['cuiTooltipDirection'],
+                            outputs: ['cuiTooltipDirectionChange'],
+                        },
+                    ],
+                }]
+        }], propDecorators: { context: [{
+                type: Input,
+                args: ['cuiTooltipContext']
+            }], appearance: [{
+                type: Input,
+                args: ['cuiTooltipAppearance']
+            }], cuiTooltip: [{
+                type: Input
+            }] } });
+
+class CuiTooltipPointer extends CuiTooltipHover {
+    constructor() {
+        super(...arguments);
+        this.currentRect = EMPTY_CLIENT_RECT;
+    }
+    getClientRect() {
+        return this.currentRect;
+    }
+    onMove({ clientX, clientY }) {
+        this.currentRect = cuiPointToClientRect(clientX, clientY);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipPointer, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipPointer, isStandalone: true, selector: "[cuiTooltip][cuiTooltipPointer]", host: { listeners: { "mousemove.silent": "onMove($event)" } }, providers: [cuiAsRectAccessor(CuiTooltipPointer), cuiAsDriver(CuiTooltipPointer)], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipPointer, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiTooltip][cuiTooltipPointer]',
+                    providers: [cuiAsRectAccessor(CuiTooltipPointer), cuiAsDriver(CuiTooltipPointer)],
+                    host: {
+                        '(mousemove.silent)': 'onMove($event)',
+                    },
+                }]
+        }] });
+
+class CuiTooltipUnstyledComponent {
+    constructor() {
+        this.context = injectContext();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipUnstyledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipUnstyledComponent, isStandalone: true, selector: "ng-component", host: { properties: { "@cuiParentAnimation": "" } }, ngImport: i0, template: '<ng-container *polymorpheusOutlet="context.$implicit.content()" />', isInline: true, dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [cuiParentAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipUnstyledComponent, decorators: [{
+            type: Component,
+            args: [{
+                    standalone: true,
+                    imports: [PolymorpheusOutlet],
+                    template: '<ng-container *polymorpheusOutlet="context.$implicit.content()" />',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    animations: [cuiParentAnimation],
+                    host: { '[@cuiParentAnimation]': '' },
+                }]
+        }] });
+class CuiTooltipUnstyled {
+    constructor() {
+        const hint = inject((CuiTooltipDirective));
+        hint.component = new PolymorpheusComponent(CuiTooltipUnstyledComponent);
+        hint.content.set(inject((TemplateRef)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipUnstyled, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipUnstyled, isStandalone: true, selector: "ng-template[cuiTooltip]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipUnstyled, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: 'ng-template[cuiTooltip]',
+                }]
+        }], ctorParameters: function () { return []; } });
+
+const GAP = 8;
+const CUI_TOOLTIP_PROVIDERS = [
+    CuiPositionService,
+    CuiHoveredService,
+    cuiPositionAccessorFor('hint', CuiTooltipPosition),
+    cuiRectAccessorFor('hint', forwardRef(() => CuiTooltipDirective)),
+];
+class CuiTooltipComponent {
+    constructor() {
+        this.el = cuiInjectElement();
+        this.hover = inject(CuiTooltipHover);
+        this.vvs = inject(CuiVisualViewportService);
+        this.viewport = inject(CUI_VIEWPORT);
+        this.desktop = { value: '', params: { end: 1, start: 1 } };
+        this.options = cuiToAnimationOptions(inject(CUI_ANIMATIONS_SPEED), 'cubic-bezier(0.35, 1.3, 0.25, 1)');
+        this.pointer = inject(CuiTooltipPointer, { optional: true });
+        this.accessor = inject(CuiRectAccessor);
+        this.hint = injectContext().$implicit;
+        this.isMobile = inject(CUI_IS_MOBILE);
+        this.content = this.hint.component.component === CuiTooltipUnstyledComponent
+            ? signal('')
+            : this.hint.content;
+        this.appearance = this.hint.appearance ||
+            this.hint.el.closest('[cuiTheme]')?.getAttribute('cuiTheme');
+        inject(CuiPositionService)
+            .pipe(takeWhile(() => this.hint.el.isConnected), map((point) => this.vvs.correct(point)), takeUntilDestroyed())
+            .subscribe({
+            next: ([top, left]) => this.update(top, left),
+            complete: () => this.hover.toggle(false),
+        });
+        inject(CuiHoveredService)
+            .pipe(takeUntilDestroyed())
+            .subscribe((hover) => this.hover.toggle(hover));
+    }
+    onClick(target) {
+        if ((!target.closest('cui-hint') && !this.hint.el.contains(target)) ||
+            cuiIsObscured(this.hint.el)) {
+            this.hover.toggle(false);
+        }
+    }
+    apply(top, left, beakTop, beakLeft) {
+        this.el.style.top = top;
+        this.el.style.left = left;
+        this.el.style.setProperty('--top', `${beakTop}%`);
+        this.el.style.setProperty('--left', `${beakLeft}%`);
+        this.el.style.setProperty('--rotate', !beakLeft || Math.ceil(beakLeft) === 100 ? '90deg' : '0deg');
+    }
+    update(top, left) {
+        const { clientHeight, clientWidth } = this.el;
+        const rect = this.accessor.getClientRect();
+        const viewport = this.viewport.getClientRect();
+        if (rect === EMPTY_CLIENT_RECT || !clientHeight || !clientWidth) {
+            return;
+        }
+        const safeLeft = cuiClamp(left, GAP, viewport.width - clientWidth - GAP);
+        const [beakTop, beakLeft] = this.vvs.correct([
+            rect.top + rect.height / 2 - top,
+            rect.left + rect.width / 2 - safeLeft,
+        ]);
+        this.apply(cuiPx(Math.round(top)), cuiPx(Math.round(safeLeft)), Math.round((cuiClamp(beakTop, 0, clientHeight) / clientHeight) * 100), Math.round((cuiClamp(beakLeft, 0, clientWidth) / clientWidth) * 100));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipComponent, isStandalone: true, selector: "cui-tooltip", host: { listeners: { "document:click": "onClick($event.target)" }, properties: { "@cuiScaleIn": "isMobile ? options : desktop", "@cuiFadeIn": "options", "class._untouchable": "pointer", "class._mobile": "isMobile", "attr.data-appearance": "appearance", "attr.cuiTheme": "appearance" } }, providers: CUI_TOOLTIP_PROVIDERS, ngImport: i0, template: `
+    <ng-content />
+    <span
+      *polymorpheusOutlet="content() as text; context: hint.context"
+      [innerHTML]="text"
+    ></span>
+  `, isInline: true, styles: [":host{padding:4px 8px;font-weight:400;font-size:14px;line-height:20px;position:absolute;max-inline-size:400px;background:var(--cui-gray-900);border-radius:6px;color:var(--cui-gray-0);box-sizing:border-box;font-family:var(--cui-main-font);white-space:pre-line;overflow-wrap:break-word;transform-origin:var(--left) var(--top)}:host:not([style*=top]){visibility:hidden}:host._untouchable{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], animations: [cuiFadeIn, cuiScaleIn], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+__decorate([
+    cuiPure
+], CuiTooltipComponent.prototype, "apply", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'cui-tooltip', imports: [PolymorpheusOutlet], template: `
+    <ng-content />
+    <span
+      *polymorpheusOutlet="content() as text; context: hint.context"
+      [innerHTML]="text"
+    ></span>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, providers: CUI_TOOLTIP_PROVIDERS, animations: [cuiFadeIn, cuiScaleIn], host: {
+                        '[@cuiScaleIn]': 'isMobile ? options : desktop',
+                        '[@cuiFadeIn]': 'options',
+                        '[class._untouchable]': 'pointer',
+                        '[class._mobile]': 'isMobile',
+                        '[attr.data-appearance]': 'appearance',
+                        '[attr.cuiTheme]': 'appearance',
+                        '(document:click)': 'onClick($event.target)',
+                    }, styles: [":host{padding:4px 8px;font-weight:400;font-size:14px;line-height:20px;position:absolute;max-inline-size:400px;background:var(--cui-gray-900);border-radius:6px;color:var(--cui-gray-0);box-sizing:border-box;font-family:var(--cui-main-font);white-space:pre-line;overflow-wrap:break-word;transform-origin:var(--left) var(--top)}:host:not([style*=top]){visibility:hidden}:host._untouchable{pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { apply: [] } });
+
+class CuiTooltipDescribe extends CuiDriver {
+    constructor() {
+        super((subscriber) => this.stream$.subscribe(subscriber));
+        this.doc = inject(DOCUMENT);
+        this.el = cuiInjectElement();
+        this.zone = inject(NgZone);
+        this.id$ = new BehaviorSubject('');
+        this.stream$ = this.id$.pipe(distinctUntilChanged(), cuiIfMap(() => fromEvent(this.doc, 'keydown', { capture: true }), cuiIsPresent), switchMap(() => this.focused
+            ? of(false)
+            : merge(cuiTypedFromEvent(this.doc, 'keyup'), cuiTypedFromEvent(this.element, 'blur')).pipe(map(() => this.focused))), debounce((visible) => visible ? timer(1000, cuiZonefreeScheduler(this.zone)) : of(null)), startWith(false), distinctUntilChanged(), skip(1), cuiZoneOptimized());
+        this.type = 'hint';
+    }
+    set cuiTooltipDescribe(id) {
+        this.id$.next(id || '');
+    }
+    get element() {
+        return this.doc.getElementById(this.id$.value || '') || this.el;
+    }
+    get focused() {
+        return cuiIsNativeFocused(this.element);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipDescribe, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipDescribe, isStandalone: true, selector: "[cuiTooltipDescribe]", inputs: { cuiTooltipDescribe: "cuiTooltipDescribe" }, providers: [cuiAsDriver(CuiTooltipDescribe)], usesInheritance: true, ngImport: i0 }); }
+}
+__decorate([
+    cuiPure
+], CuiTooltipDescribe.prototype, "element", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipDescribe, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiTooltipDescribe]',
+                    providers: [cuiAsDriver(CuiTooltipDescribe)],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { cuiTooltipDescribe: [{
+                type: Input
+            }], element: [] } });
+
+class CuiTooltipHost extends CuiRectAccessor {
+    constructor() {
+        super(...arguments);
+        this.type = 'hint';
+    }
+    getClientRect() {
+        return this.cuiTooltipHost?.getBoundingClientRect() || EMPTY_CLIENT_RECT;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipHost, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipHost, isStandalone: true, selector: "[cuiTooltip][cuiTooltipHost]", inputs: { cuiTooltipHost: "cuiTooltipHost" }, providers: [cuiAsRectAccessor(CuiTooltipHost)], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipHost, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiTooltip][cuiTooltipHost]',
+                    providers: [cuiAsRectAccessor(CuiTooltipHost)],
+                }]
+        }], propDecorators: { cuiTooltipHost: [{
+                type: Input
+            }] } });
+
+class CuiTooltipManual extends CuiDriver {
+    constructor() {
+        super((subscriber) => this.stream$.subscribe(subscriber));
+        this.hover = inject(CuiTooltipHover);
+        this.stream$ = new BehaviorSubject(false);
+        this.cuiTooltipManual = false;
+        this.type = 'hint';
+        this.hover.enabled = false;
+    }
+    ngOnChanges() {
+        this.stream$.next(this.cuiTooltipManual);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipManual, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipManual, isStandalone: true, selector: "[cuiTooltip][cuiTooltipManual]", inputs: { cuiTooltipManual: "cuiTooltipManual" }, providers: [cuiAsDriver(CuiTooltipManual)], usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipManual, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiTooltip][cuiTooltipManual]',
+                    providers: [cuiAsDriver(CuiTooltipManual)],
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { cuiTooltipManual: [{
+                type: Input
+            }] } });
+
+class CuiTooltipOverflow {
+    constructor() {
+        this.hint = inject(CuiTooltipDirective);
+    }
+    onMouseEnter({ scrollWidth, clientWidth, textContent }) {
+        this.hint.cuiTooltip = scrollWidth > clientWidth ? textContent : '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipOverflow, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTooltipOverflow, isStandalone: true, selector: "[cuiTooltipOverflow]", host: { listeners: { "mouseenter": "onMouseEnter($event.currentTarget)" } }, hostDirectives: [{ directive: CuiTooltipDirective, inputs: ["cuiTooltipAppearance", "cuiTooltipAppearance"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTooltipOverflow, decorators: [{
+            type: Directive,
+            args: [{
+                    standalone: true,
+                    selector: '[cuiTooltipOverflow]',
+                    hostDirectives: [
+                        {
+                            directive: CuiTooltipDirective,
+                            inputs: ['cuiTooltipAppearance'],
+                        },
+                    ],
+                    host: {
+                        '(mouseenter)': 'onMouseEnter($event.currentTarget)',
+                    },
+                }]
+        }] });
+
+const CuiTooltip = [
+    CuiTooltipComponent,
+    CuiTooltipDirective,
+    CuiTooltipOptionsDirective,
+    CuiTooltipUnstyled,
+    CuiTooltipDriver,
+    CuiTooltipPosition,
+    CuiTooltipHover,
+    CuiTooltipOverflow,
+    CuiTooltipDescribe,
+    CuiTooltipHost,
+    CuiTooltipManual,
+    CuiTooltipPointer,
+];
+
+class CuiRootModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiRootModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiRootModule, declarations: [CuiRootComponent], imports: [CommonModule,
+            CuiDialogModule,
+            CuiAlertModule,
+            CuiTooltips], exports: [CuiRootComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiRootModule, imports: [CommonModule,
+            CuiDialogModule,
+            CuiAlertModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiRootModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CuiDialogModule,
+                        CuiAlertModule,
+                        CuiTooltips
+                    ],
+                    declarations: [CuiRootComponent],
+                    exports: [CuiRootComponent]
+                }]
+        }] });
+
+class CuiContextMenuComponent {
+    constructor() {
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.document = inject(DOCUMENT);
+        this.documentElement = this.document.documentElement;
+        this.window = inject(CUI_WINDOW);
+        this.destroy$ = inject(CuiDestroyService, { self: true });
+        this.cuiClickOutsideDirective = inject(CuiClickOutsideDirective, { self: true });
+        this.cuiTargetDirective = inject(CuiTargetDirective, { self: true });
+        this.EXTRA_OFFSET_LEFT = 0;
+        this.EXTRA_OFFSET_TOP = 0;
+        this.isVisible = false;
+    }
+    ngOnInit() {
+        this.initClickOutsideSubscription();
+    }
+    ngOnDestroy() {
+        this.clearViewContainerRef();
+    }
+    ngAfterViewInit() {
+        this.initTargetElementListener();
+    }
+    onSelect(item) {
+        this.close();
+        item.command?.();
+    }
+    onClose() {
+        this.close();
+    }
+    onStopClickPropagation(event) {
+        event.stopPropagation();
+    }
+    trackByFn(_, item) {
+        return item.label;
+    }
+    initClickOutsideSubscription() {
+        this.cuiClickOutsideDirective.cuiClickOutside
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((target) => {
+            if (this.target.contains(target)) {
+                return;
+            }
+            this.close();
+        });
+    }
+    initTargetElementListener() {
+        this.targetEventListener = (event) => {
+            event.stopPropagation();
+            this.document.body.click();
+            this.isVisible = !this.isVisible;
+            this.clearViewContainerRef();
+            if (this.isVisible) {
+                this.renderList();
+                this.changePosition(event.clientX, event.clientY);
+                this.initHidingSubscription();
+            }
+            this.changeDetectorRef.markForCheck();
+        };
+        this.cuiTargetDirective.clicked
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(this.targetEventListener);
+    }
+    initHidingSubscription() {
+        this.initHidingFromWindowEvent('scroll');
+        this.initHidingFromWindowEvent('resize');
+    }
+    initHidingFromWindowEvent(eventName) {
+        fromEvent(this.window, eventName)
+            .pipe(take(1))
+            .subscribe(() => {
+            this.close();
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    close() {
+        this.isVisible = false;
+        this.clearViewContainerRef();
+    }
+    renderList() {
+        const embeddedViewRef = this.viewContainerRef.createEmbeddedView(this.list);
+        this.node = embeddedViewRef.rootNodes[0];
+        embeddedViewRef.detectChanges();
+        this.document.querySelector(CUI_ROOT_SELECTOR).appendChild(this.node);
+    }
+    changePosition(x, y) {
+        this.node.style.visibility = 'hidden';
+        setTimeout(() => {
+            const { clientWidth, clientHeight } = this.documentElement;
+            const width = this.node.offsetWidth;
+            const height = this.node.offsetHeight;
+            let left = x;
+            let top = y;
+            if (left + width > clientWidth) {
+                left -= width;
+            }
+            if (top + height > clientHeight) {
+                top -= height;
+            }
+            left = Math.max(left, this.EXTRA_OFFSET_LEFT);
+            top = Math.max(top, this.EXTRA_OFFSET_TOP);
+            this.node.style.left = left + 'px';
+            this.node.style.top = top + 'px';
+            this.node.style.visibility = '';
+            this.changeDetectorRef.markForCheck();
+        });
+    }
+    clearViewContainerRef() {
+        this.viewContainerRef.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiContextMenuComponent, selector: "cui-context-menu[items][target]", inputs: { items: "items", target: "target" }, host: { listeners: { "window:resize": "onClose()", "click": "onStopClickPropagation($event)" } }, providers: [CuiDestroyService], viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true }], hostDirectives: [{ directive: i1$1.CuiClickOutsideDirective }, { directive: i1$1.CuiTargetDirective, inputs: ["ccTarget", "target"] }], ngImport: i0, template: "<ng-template #list>\n  <div class=\"c-container\">\n    <ul\n      *ngIf=\"isVisible\"\n      class=\"c-ul\"\n    >\n      <li\n        *ngFor=\"let item of items; trackBy: trackByFn\"\n        [style.color]=\"item.color\"\n      >\n        <button\n          type=\"button\"\n          class=\"c-button\"\n          (click)=\"onSelect(item)\"\n        >\n          <cui-svg\n            *ngIf=\"item.icon\"\n            [icon]=\"item.icon\"\n            [color]=\"item.color\"\n          ></cui-svg>\n          <span>{{ item.label }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n", styles: [":host{display:none}.c-container{position:fixed;width:268px;border-radius:8px;z-index:1}.c-ul{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;border:1px solid var(--cui-base-200);border-radius:inherit;background:var(--cui-base-0);color:var(--cui-base-900);font-family:var(--cui-main-font)}.c-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}.c-button:active{background:var(--cui-base-50)}@media (hover: hover){.c-button:hover{background:var(--cui-base-50)}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiContextMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-context-menu[items][target]', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CuiDestroyService], hostDirectives: [
+                        CuiClickOutsideDirective,
+                        {
+                            directive: CuiTargetDirective,
+                            inputs: ['ccTarget: target']
+                        }
+                    ], template: "<ng-template #list>\n  <div class=\"c-container\">\n    <ul\n      *ngIf=\"isVisible\"\n      class=\"c-ul\"\n    >\n      <li\n        *ngFor=\"let item of items; trackBy: trackByFn\"\n        [style.color]=\"item.color\"\n      >\n        <button\n          type=\"button\"\n          class=\"c-button\"\n          (click)=\"onSelect(item)\"\n        >\n          <cui-svg\n            *ngIf=\"item.icon\"\n            [icon]=\"item.icon\"\n            [color]=\"item.color\"\n          ></cui-svg>\n          <span>{{ item.label }}</span>\n        </button>\n      </li>\n    </ul>\n  </div>\n</ng-template>\n", styles: [":host{display:none}.c-container{position:fixed;width:268px;border-radius:8px;z-index:1}.c-ul{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;border:1px solid var(--cui-base-200);border-radius:inherit;background:var(--cui-base-0);color:var(--cui-base-900);font-family:var(--cui-main-font)}.c-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}.c-button:active{background:var(--cui-base-50)}@media (hover: hover){.c-button:hover{background:var(--cui-base-50)}}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], list: [{
+                type: ViewChild,
+                args: ['list']
+            }], onClose: [{
+                type: HostListener,
+                args: ['window:resize']
+            }], onStopClickPropagation: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class CuiContextMenuModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiContextMenuModule, declarations: [CuiContextMenuComponent], imports: [CommonModule,
+            CuiSvgModule], exports: [CuiContextMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiContextMenuModule, imports: [CommonModule,
+            CuiSvgModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiContextMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CuiSvgModule
+                    ],
+                    declarations: [CuiContextMenuComponent],
+                    exports: [CuiContextMenuComponent]
+                }]
+        }] });
+
+class CuiFormFieldComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiFormFieldComponent, selector: "cui-form-field", ngImport: i0, template: "<ng-content select=\"label[cuiLabel]\" />\n<ng-content />\n<div class=\"c-hint-container\">\n    <ng-content select=\"cui-hint\" />\n</div>\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.c-hint-container{margin-top:2px}.c-hint-container:empty{display:contents}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-form-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"label[cuiLabel]\" />\n<ng-content />\n<div class=\"c-hint-container\">\n    <ng-content select=\"cui-hint\" />\n</div>\n", styles: [":host{display:flex;flex-direction:column;gap:4px}.c-hint-container{margin-top:2px}.c-hint-container:empty{display:contents}\n"] }]
+        }] });
+
+class CuiFormFieldModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiFormFieldModule, declarations: [CuiFormFieldComponent], exports: [CuiFormFieldComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiFormFieldModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiFormFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CuiFormFieldComponent],
+                    exports: [CuiFormFieldComponent]
+                }]
+        }] });
+
+class CuiHintComponent {
+    constructor() {
+        this.hintType = 'info';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiHintComponent, selector: "cui-hint", inputs: { hintType: "hintType" }, host: { properties: { "attr.data-hint-type": "this.hintType" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;display:inline-block;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-500)}:host[data-hint-type=error]{color:var(--cui-danger)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiHintComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-hint', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;display:inline-block;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-500)}:host[data-hint-type=error]{color:var(--cui-danger)}\n"] }]
+        }], propDecorators: { hintType: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-hint-type']
+            }] } });
+
+class CuiHintModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiHintModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiHintModule, declarations: [CuiHintComponent], exports: [CuiHintComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiHintModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiHintModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CuiHintComponent],
+                    exports: [CuiHintComponent]
+                }]
+        }] });
+
+class CuiIconButtonComponent {
+    constructor() {
+        this.ICON_WIDTH = 16;
+        this.ICON_HEIGHT = 16;
+        this.ICON_STROKE_WIDTH = 1.5;
+    }
+    get isWithHoverColor() {
+        return !!this.hoverColor;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiIconButtonComponent, selector: "button[cuiIconButton][icon], a[cuiIconButton][icon]", inputs: { icon: "icon", color: "color", hoverColor: "hoverColor" }, host: { properties: { "style.--icon-hover-color": "this.hoverColor", "class._with-hover-color": "this.isWithHoverColor" } }, ngImport: i0, template: "<cui-svg\n  [icon]=\"icon\"\n  [width]=\"ICON_WIDTH\"\n  [height]=\"ICON_HEIGHT\"\n  [color]=\"color\"\n  [strokeWidth]=\"ICON_STROKE_WIDTH\"\n  class=\"c-icon\"\n></cui-svg>\n", styles: [":host{padding: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;display:flex;justify-content:center;align-items:center;width:24px;height:24px}:host._with-hover-color:active .c-icon ::ng-deep [stroke]{stroke:var(--icon-hover-color)}:host._with-hover-color:active .c-icon ::ng-deep [fill]:not([fill=none]){fill:var(--icon-hover-color)}@media (hover: hover){:host._with-hover-color:hover .c-icon ::ng-deep [stroke]{stroke:var(--icon-hover-color)}:host._with-hover-color:hover .c-icon ::ng-deep [fill]:not([fill=none]){fill:var(--icon-hover-color)}}\n"], dependencies: [{ kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiIconButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[cuiIconButton][icon], a[cuiIconButton][icon]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n  [icon]=\"icon\"\n  [width]=\"ICON_WIDTH\"\n  [height]=\"ICON_HEIGHT\"\n  [color]=\"color\"\n  [strokeWidth]=\"ICON_STROKE_WIDTH\"\n  class=\"c-icon\"\n></cui-svg>\n", styles: [":host{padding: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;display:flex;justify-content:center;align-items:center;width:24px;height:24px}:host._with-hover-color:active .c-icon ::ng-deep [stroke]{stroke:var(--icon-hover-color)}:host._with-hover-color:active .c-icon ::ng-deep [fill]:not([fill=none]){fill:var(--icon-hover-color)}@media (hover: hover){:host._with-hover-color:hover .c-icon ::ng-deep [stroke]{stroke:var(--icon-hover-color)}:host._with-hover-color:hover .c-icon ::ng-deep [fill]:not([fill=none]){fill:var(--icon-hover-color)}}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], hoverColor: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['style.--icon-hover-color']
+            }], isWithHoverColor: [{
+                type: HostBinding,
+                args: ['class._with-hover-color']
+            }] } });
+
+class CuiIconButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiIconButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiIconButtonModule, declarations: [CuiIconButtonComponent], imports: [CommonModule,
+            CuiSvgModule], exports: [CuiIconButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiIconButtonModule, imports: [CommonModule,
+            CuiSvgModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiIconButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        CuiSvgModule
+                    ],
+                    declarations: [CuiIconButtonComponent],
+                    exports: [CuiIconButtonComponent]
+                }]
+        }] });
+
+class CuiTextFieldController {
+    constructor(iconLeftDirective, idDirective, isErrorDirective, placeholderDirective, sizeDirective) {
+        this.iconLeftDirective = iconLeftDirective;
+        this.idDirective = idDirective;
+        this.isErrorDirective = isErrorDirective;
+        this.placeholderDirective = placeholderDirective;
+        this.sizeDirective = sizeDirective;
+    }
+    get iconLeft() {
+        return this.iconLeftDirective.iconLeft;
+    }
+    get id() {
+        return this.idDirective.id;
+    }
+    get isError() {
+        return this.isErrorDirective.isError;
+    }
+    get placeholder() {
+        return this.placeholderDirective.placeholder;
+    }
+    get size() {
+        return this.sizeDirective.size;
+    }
+}
+
+const CUI_TEXT_FIELD_ICON_LEFT = new InjectionToken('', {
+    factory: () => new CuiTextFieldIconLeftDirective()
+});
+class CuiTextFieldIconLeftDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldIconLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTextFieldIconLeftDirective, selector: "[cuiTextFieldIconLeft]", inputs: { iconLeft: ["cuiTextFieldIconLeft", "iconLeft"] }, providers: [cuiProvide(CUI_TEXT_FIELD_ICON_LEFT, CuiTextFieldIconLeftDirective)], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldIconLeftDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cuiTextFieldIconLeft]',
+                    providers: [cuiProvide(CUI_TEXT_FIELD_ICON_LEFT, CuiTextFieldIconLeftDirective)]
+                }]
+        }], propDecorators: { iconLeft: [{
+                type: Input,
+                args: ['cuiTextFieldIconLeft']
+            }] } });
+
+const CUI_TEXT_FIELD_ID = new InjectionToken('', {
+    factory: () => new CuiTextFieldIdDirective()
+});
+class CuiTextFieldIdDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldIdDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTextFieldIdDirective, selector: "[cuiTextFieldId]", inputs: { id: ["cuiTextFieldId", "id"] }, providers: [cuiProvide(CUI_TEXT_FIELD_ID, CuiTextFieldIdDirective)], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldIdDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cuiTextFieldId]',
+                    providers: [cuiProvide(CUI_TEXT_FIELD_ID, CuiTextFieldIdDirective)]
+                }]
+        }], propDecorators: { id: [{
+                type: Input,
+                args: ['cuiTextFieldId']
+            }] } });
+
+const CUI_TEXT_FIELD_IS_ERROR = new InjectionToken('', {
+    factory: () => new CuiTextFieldIsErrorDirective()
+});
+class CuiTextFieldIsErrorDirective {
+    constructor() {
+        this.isError = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldIsErrorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTextFieldIsErrorDirective, selector: "[cuiTextFieldIsError]", inputs: { isError: ["cuiTextFieldIsError", "isError"] }, providers: [cuiProvide(CUI_TEXT_FIELD_IS_ERROR, CuiTextFieldIsErrorDirective)], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldIsErrorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cuiTextFieldIsError]',
+                    providers: [cuiProvide(CUI_TEXT_FIELD_IS_ERROR, CuiTextFieldIsErrorDirective)]
+                }]
+        }], propDecorators: { isError: [{
+                type: Input,
+                args: ['cuiTextFieldIsError']
+            }] } });
+
+const CUI_TEXT_FIELD_PLACEHOLDER = new InjectionToken('', {
+    factory: () => new CuiTextFieldPlaceholderDirective()
+});
+class CuiTextFieldPlaceholderDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldPlaceholderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTextFieldPlaceholderDirective, selector: "[cuiTextFieldPlaceholder]", inputs: { placeholder: ["cuiTextFieldPlaceholder", "placeholder"] }, providers: [cuiProvide(CUI_TEXT_FIELD_PLACEHOLDER, CuiTextFieldPlaceholderDirective)], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldPlaceholderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cuiTextFieldPlaceholder]',
+                    providers: [cuiProvide(CUI_TEXT_FIELD_PLACEHOLDER, CuiTextFieldPlaceholderDirective)]
+                }]
+        }], propDecorators: { placeholder: [{
+                type: Input,
+                args: ['cuiTextFieldPlaceholder']
+            }] } });
+
+const CUI_TEXT_FIELD_SIZE = new InjectionToken('', {
+    factory: () => new CuiTextFieldSizeDirective()
+});
+class CuiTextFieldSizeDirective {
+    constructor() {
+        this.size = 'sm';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: CuiTextFieldSizeDirective, selector: "[cuiTextFieldSize]", inputs: { size: ["cuiTextFieldSize", "size"] }, providers: [cuiProvide(CUI_TEXT_FIELD_SIZE, CuiTextFieldSizeDirective)], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldSizeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[cuiTextFieldSize]',
+                    providers: [cuiProvide(CUI_TEXT_FIELD_SIZE, CuiTextFieldSizeDirective)]
+                }]
+        }], propDecorators: { size: [{
+                type: Input,
+                args: ['cuiTextFieldSize']
+            }] } });
+
+class CuiTextFieldControllerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldControllerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldControllerModule, declarations: [CuiTextFieldIconLeftDirective,
+            CuiTextFieldIdDirective,
+            CuiTextFieldPlaceholderDirective,
+            CuiTextFieldIsErrorDirective,
+            CuiTextFieldSizeDirective], exports: [CuiTextFieldIconLeftDirective,
+            CuiTextFieldIdDirective,
+            CuiTextFieldPlaceholderDirective,
+            CuiTextFieldIsErrorDirective,
+            CuiTextFieldSizeDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldControllerModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextFieldControllerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        CuiTextFieldIconLeftDirective,
+                        CuiTextFieldIdDirective,
+                        CuiTextFieldPlaceholderDirective,
+                        CuiTextFieldIsErrorDirective,
+                        CuiTextFieldSizeDirective
+                    ],
+                    exports: [
+                        CuiTextFieldIconLeftDirective,
+                        CuiTextFieldIdDirective,
+                        CuiTextFieldPlaceholderDirective,
+                        CuiTextFieldIsErrorDirective,
+                        CuiTextFieldSizeDirective
+                    ]
+                }]
+        }] });
+
+const CUI_TEXT_FIELD_CONTROLLER = new InjectionToken('');
+const CUI_TEXT_FILED_CONTROLLER_PROVIDER = [
+    {
+        provide: CUI_TEXT_FIELD_CONTROLLER,
+        useFactory: (...controllers) => {
+            return new CuiTextFieldController(...controllers);
+        },
+        deps: [
+            CUI_TEXT_FIELD_ICON_LEFT,
+            CUI_TEXT_FIELD_ID,
+            CUI_TEXT_FIELD_IS_ERROR,
+            CUI_TEXT_FIELD_PLACEHOLDER,
+            CUI_TEXT_FIELD_SIZE
+        ]
+    }
+];
+
+class CuiInputNumberComponent {
+    constructor() {
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.cuiTextFieldController = inject(CUI_TEXT_FIELD_CONTROLLER);
+        this.maskOptions = this.generateMask();
+        this._precision = 0;
+        this._min = Number.MIN_SAFE_INTEGER;
+        this._max = Number.MAX_SAFE_INTEGER;
+    }
+    set precision(value) {
+        this._precision = value;
+        this.maskOptions = this.generateMask();
+    }
+    set min(value) {
+        this._min = value;
+        this.maskOptions = this.generateMask();
+    }
+    set max(value) {
+        this._max = value;
+        this.maskOptions = this.generateMask();
+    }
+    get id() {
+        return this.cuiTextFieldController.id;
+    }
+    get placeholder() {
+        return this.cuiTextFieldController.placeholder;
+    }
+    get iconLeft() {
+        return this.cuiTextFieldController.iconLeft;
+    }
+    get size() {
+        return this.cuiTextFieldController.size;
+    }
+    get isError() {
+        return this.cuiTextFieldController.isError;
+    }
+    writeValue(value) {
+        this.value = value?.toString();
+        this.changeDetectorRef.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+        this.changeDetectorRef.markForCheck();
+    }
+    onInput({ target }) {
+        this.changeModel(target.value);
+    }
+    onFocus() {
+        this.input.nativeElement.focus();
+    }
+    changeModel(value) {
+        const parsedValue = maskitoParseNumber(value);
+        this.value = value;
+        this.onChange(Number.isNaN(parsedValue) ? null : parsedValue);
+    }
+    generateMask() {
+        return maskitoNumberOptionsGenerator({
+            precision: this._precision,
+            min: this._min,
+            max: this._max
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiInputNumberComponent, selector: "cui-input-number", inputs: { precision: "precision", min: "min", max: "max" }, host: { listeners: { "click": "onFocus()" }, properties: { "class._disabled": "this.isDisabled", "attr.data-size": "this.size", "class._with-error": "this.isError" } }, providers: [
+            CUI_TEXT_FILED_CONTROLLER_PROVIDER,
+            cuiProvide(NG_VALUE_ACCESSOR, CuiInputNumberComponent, true)
+        ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<cui-svg\n  *ngIf=\"iconLeft\"\n  [icon]=\"iconLeft\"\n  color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n  #input\n  [ngModel]=\"value\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  type=\"text\"\n  [maskito]=\"maskOptions\"\n  [disabled]=\"isDisabled\"\n  class=\"c-input\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onTouched()\"\n>\n\n", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding: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;display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputNumberComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-input-number', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        CUI_TEXT_FILED_CONTROLLER_PROVIDER,
+                        cuiProvide(NG_VALUE_ACCESSOR, CuiInputNumberComponent, true)
+                    ], template: "<cui-svg\n  *ngIf=\"iconLeft\"\n  [icon]=\"iconLeft\"\n  color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n  #input\n  [ngModel]=\"value\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  type=\"text\"\n  [maskito]=\"maskOptions\"\n  [disabled]=\"isDisabled\"\n  class=\"c-input\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onTouched()\"\n>\n\n", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding: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;display:flex}\n"] }]
+        }], propDecorators: { precision: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], isDisabled: [{
+                type: HostBinding,
+                args: ['class._disabled']
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }], size: [{
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], isError: [{
+                type: HostBinding,
+                args: ['class._with-error']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class CuiInputNumberModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiInputNumberModule, declarations: [CuiInputNumberComponent], imports: [CommonModule,
+            FormsModule,
+            MaskitoDirective,
+            CuiSvgModule], exports: [CuiInputNumberComponent,
+            CuiTextFieldControllerModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputNumberModule, imports: [CommonModule,
+            FormsModule,
+            CuiSvgModule, CuiTextFieldControllerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputNumberModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        MaskitoDirective,
+                        CuiSvgModule,
+                    ],
+                    declarations: [CuiInputNumberComponent],
+                    exports: [
+                        CuiInputNumberComponent,
+                        CuiTextFieldControllerModule
+                    ]
+                }]
+        }] });
+
+class CuiInputPasswordComponent {
+    constructor() {
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.cuiTextFieldController = inject(CUI_TEXT_FIELD_CONTROLLER);
+        this.isPasswordHidden = true;
+    }
+    get id() {
+        return this.cuiTextFieldController.id;
+    }
+    get placeholder() {
+        return this.cuiTextFieldController.placeholder;
+    }
+    get iconLeft() {
+        return this.cuiTextFieldController.iconLeft;
+    }
+    get isToggleButtonShown() {
+        return !this.isDisabled;
+    }
+    get icon() {
+        return this.isPasswordHidden ? 'cuiIconEye' : 'cuiIconEyeOff';
+    }
+    get type() {
+        return this.isPasswordHidden ? 'password' : 'text';
+    }
+    get buttonTitle() {
+        return this.isPasswordHidden ? 'Reveal password' : 'Hide password';
+    }
+    get size() {
+        return this.cuiTextFieldController.size;
+    }
+    get isError() {
+        return this.cuiTextFieldController.isError;
+    }
+    writeValue(value) {
+        this.value = value;
+        this.changeDetectorRef.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+        if (this.isDisabled) {
+            this.isPasswordHidden = true;
+        }
+        this.changeDetectorRef.markForCheck();
+    }
+    onInput({ target }) {
+        const value = target.value;
+        this.value = value;
+        this.onChange(value);
+    }
+    onTogglePasswordVisibility() {
+        this.isPasswordHidden = !this.isPasswordHidden;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiInputPasswordComponent, selector: "cui-input-password", host: { properties: { "class._disabled": "this.isDisabled", "attr.data-size": "this.size", "class._with-error": "this.isError" } }, providers: [
+            CUI_TEXT_FILED_CONTROLLER_PROVIDER,
+            cuiProvide(NG_VALUE_ACCESSOR, CuiInputPasswordComponent, true)
+        ], ngImport: i0, template: "<cui-svg\n  *ngIf=\"iconLeft\"\n  [icon]=\"iconLeft\"\n  color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n  [ngModel]=\"value\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  [type]=\"type\"\n  [disabled]=\"isDisabled\"\n  class=\"c-input\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onTouched()\"\n>\n<button\n  *ngIf=\"isToggleButtonShown\"\n  [title]=\"buttonTitle\"\n  class=\"c-button\"\n  (click)=\"onTogglePasswordVisibility()\"\n>\n  <cui-svg\n    [icon]=\"icon\"\n    [width]=\"16\"\n    [height]=\"16\"\n    color=\"var(--cui-base-500)\"\n  ></cui-svg>\n</button>\n", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding: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;display:flex}.c-input::-ms-reveal{display:none}.c-input[type=password]{color:var(--cui-base-400)}.c-button{padding: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}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-input-password', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        CUI_TEXT_FILED_CONTROLLER_PROVIDER,
+                        cuiProvide(NG_VALUE_ACCESSOR, CuiInputPasswordComponent, true)
+                    ], template: "<cui-svg\n  *ngIf=\"iconLeft\"\n  [icon]=\"iconLeft\"\n  color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n  [ngModel]=\"value\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  [type]=\"type\"\n  [disabled]=\"isDisabled\"\n  class=\"c-input\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onTouched()\"\n>\n<button\n  *ngIf=\"isToggleButtonShown\"\n  [title]=\"buttonTitle\"\n  class=\"c-button\"\n  (click)=\"onTogglePasswordVisibility()\"\n>\n  <cui-svg\n    [icon]=\"icon\"\n    [width]=\"16\"\n    [height]=\"16\"\n    color=\"var(--cui-base-500)\"\n  ></cui-svg>\n</button>\n", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding: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;display:flex}.c-input::-ms-reveal{display:none}.c-input[type=password]{color:var(--cui-base-400)}.c-button{padding: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}\n"] }]
+        }], propDecorators: { isDisabled: [{
+                type: HostBinding,
+                args: ['class._disabled']
+            }], size: [{
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], isError: [{
+                type: HostBinding,
+                args: ['class._with-error']
+            }] } });
+
+class CuiInputPasswordModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputPasswordModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiInputPasswordModule, declarations: [CuiInputPasswordComponent], imports: [CommonModule,
+            FormsModule,
+            CuiSvgModule], exports: [CuiInputPasswordComponent,
+            CuiTextFieldControllerModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputPasswordModule, imports: [CommonModule,
+            FormsModule,
+            CuiSvgModule, CuiTextFieldControllerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputPasswordModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        CuiSvgModule
+                    ],
+                    declarations: [CuiInputPasswordComponent],
+                    exports: [
+                        CuiInputPasswordComponent,
+                        CuiTextFieldControllerModule
+                    ]
+                }]
+        }] });
+
+class CuiInputTextComponent {
+    constructor() {
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.cuiTextFieldController = inject(CUI_TEXT_FIELD_CONTROLLER);
+    }
+    get id() {
+        return this.cuiTextFieldController.id;
+    }
+    get placeholder() {
+        return this.cuiTextFieldController.placeholder;
+    }
+    get iconLeft() {
+        return this.cuiTextFieldController.iconLeft;
+    }
+    get isClearButtonHidden() {
+        return !(this.value && !this.isDisabled);
+    }
+    get size() {
+        return this.cuiTextFieldController.size;
+    }
+    get isError() {
+        return this.cuiTextFieldController.isError;
+    }
+    writeValue(value) {
+        this.value = value;
+        this.changeDetectorRef.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+        this.changeDetectorRef.markForCheck();
+    }
+    onInput({ target }) {
+        this.changeModel(target.value);
+    }
+    onClear() {
+        this.changeModel('');
+    }
+    onFocus() {
+        this.input.nativeElement.focus();
+    }
+    changeModel(value) {
+        this.value = value;
+        this.onChange(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiInputTextComponent, selector: "cui-input-text", host: { listeners: { "click": "onFocus()" }, properties: { "class._disabled": "this.isDisabled", "attr.data-size": "this.size", "class._with-error": "this.isError" } }, providers: [
+            CUI_TEXT_FILED_CONTROLLER_PROVIDER,
+            cuiProvide(NG_VALUE_ACCESSOR, CuiInputTextComponent, true)
+        ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<cui-svg\n  *ngIf=\"iconLeft\"\n  [icon]=\"iconLeft\"\n  color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n  #input\n  [ngModel]=\"value\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  type=\"text\"\n  [disabled]=\"isDisabled\"\n  class=\"c-input\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onTouched()\"\n>\n<button\n  type=\"button\"\n  class=\"c-button\"\n  [class.c-button_hidden]=\"isClearButtonHidden\"\n  (click)=\"onClear()\"\n>\n  <cui-svg\n    icon=\"cuiIconClear\"\n    color=\"var(--cui-base-300)\"\n    class=\"c-close-icon\"\n  />\n</button>\n", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding: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;display:flex}.c-close-icon ::ng-deep path{stroke:var(--cui-base-0)!important}.c-button_hidden{visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-input-text', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        CUI_TEXT_FILED_CONTROLLER_PROVIDER,
+                        cuiProvide(NG_VALUE_ACCESSOR, CuiInputTextComponent, true)
+                    ], template: "<cui-svg\n  *ngIf=\"iconLeft\"\n  [icon]=\"iconLeft\"\n  color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n  #input\n  [ngModel]=\"value\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  type=\"text\"\n  [disabled]=\"isDisabled\"\n  class=\"c-input\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onTouched()\"\n>\n<button\n  type=\"button\"\n  class=\"c-button\"\n  [class.c-button_hidden]=\"isClearButtonHidden\"\n  (click)=\"onClear()\"\n>\n  <cui-svg\n    icon=\"cuiIconClear\"\n    color=\"var(--cui-base-300)\"\n    class=\"c-close-icon\"\n  />\n</button>\n", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding: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;display:flex}.c-close-icon ::ng-deep path{stroke:var(--cui-base-0)!important}.c-button_hidden{visibility:hidden}\n"] }]
+        }], propDecorators: { isDisabled: [{
+                type: HostBinding,
+                args: ['class._disabled']
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }], size: [{
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], isError: [{
+                type: HostBinding,
+                args: ['class._with-error']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class CuiInputModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiInputModule, declarations: [CuiInputTextComponent], imports: [CommonModule,
+            FormsModule,
+            CuiSvgModule], exports: [CuiInputTextComponent,
+            CuiTextFieldControllerModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputModule, imports: [CommonModule,
+            FormsModule,
+            CuiSvgModule, CuiTextFieldControllerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        CuiSvgModule
+                    ],
+                    declarations: [CuiInputTextComponent],
+                    exports: [
+                        CuiInputTextComponent,
+                        CuiTextFieldControllerModule
+                    ]
+                }]
+        }] });
+
+const CUI_INPUT_TIME_DEFAULT_OPTIONS = {
+    mode: 'HH:MM'
+};
+const CUI_INPUT_TIME_OPTIONS = new InjectionToken('', {
+    factory: () => CUI_INPUT_TIME_DEFAULT_OPTIONS
+});
+
+class CuiInputTimeComponent {
+    constructor() {
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.cuiTextFieldController = inject(CUI_TEXT_FIELD_CONTROLLER);
+        this.options = inject(CUI_INPUT_TIME_OPTIONS);
+        this._mode = this.options.mode;
+        this.maskOptions = this.generateMask(this._mode);
+        this.defaultPlaceholder = this._mode.toLowerCase();
+    }
+    set mode(value) {
+        this._mode = value;
+        this.maskOptions = this.generateMask(value);
+        this.defaultPlaceholder = value.toLowerCase();
+    }
+    get id() {
+        return this.cuiTextFieldController.id;
+    }
+    get placeholder() {
+        return this.cuiTextFieldController.placeholder ?? this.defaultPlaceholder;
+    }
+    get computedValue() {
+        return this.value ? this.value.toString(this._mode) : '';
+    }
+    get size() {
+        return this.cuiTextFieldController.size;
+    }
+    get isError() {
+        return this.cuiTextFieldController.isError;
+    }
+    writeValue(value) {
+        this.value = value;
+        this.changeDetectorRef.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+        this.changeDetectorRef.markForCheck();
+    }
+    onInput(event) {
+        const value = event.target.value;
+        if (value.length !== this._mode.length) {
+            this.onChange(null);
+            return;
+        }
+        const time = CuiTime.fromString(value);
+        this.onChange(time);
+    }
+    onFocus() {
+        this.input.nativeElement.focus();
+    }
+    generateMask(mode) {
+        return maskitoTimeOptionsGenerator({ mode });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputTimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiInputTimeComponent, selector: "cui-input-time", inputs: { mode: "mode" }, host: { listeners: { "click": "onFocus()" }, properties: { "class._disabled": "this.isDisabled", "attr.data-size": "this.size", "class._with-error": "this.isError" } }, providers: [
+            CUI_TEXT_FILED_CONTROLLER_PROVIDER,
+            cuiProvide(NG_VALUE_ACCESSOR, CuiInputTimeComponent, true)
+        ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0, template: "<cui-svg\n  icon=\"cuiIconClock\"\n  color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n  #input\n  [ngModel]=\"computedValue\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  type=\"text\"\n  [maskito]=\"maskOptions\"\n  [disabled]=\"isDisabled\"\n  class=\"c-input\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onTouched()\"\n>", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding: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;display:flex}\n"], dependencies: [{ kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MaskitoDirective, selector: "[maskito]", inputs: ["maskito", "maskitoElement"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputTimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-input-time', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        CUI_TEXT_FILED_CONTROLLER_PROVIDER,
+                        cuiProvide(NG_VALUE_ACCESSOR, CuiInputTimeComponent, true)
+                    ], template: "<cui-svg\n  icon=\"cuiIconClock\"\n  color=\"var(--cui-base-500)\"\n></cui-svg>\n<input\n  #input\n  [ngModel]=\"computedValue\"\n  [attr.id]=\"id\"\n  [attr.placeholder]=\"placeholder\"\n  type=\"text\"\n  [maskito]=\"maskOptions\"\n  [disabled]=\"isDisabled\"\n  class=\"c-input\"\n  (input)=\"onInput($event)\"\n  (focus)=\"onTouched()\"\n>", styles: [":host{padding-right:13px;padding-left:13px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:center;gap:8px;border:1px solid var(--cui-base-200);border-radius:8px;cursor:text;background:var(--cui-input);color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus-within{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host[data-size=sm]{padding-top:7px;padding-bottom:7px}:host[data-size=md]{padding-top:8px;padding-bottom:8px}:host._disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus-within{box-shadow:0 0 0 2px #d92d2040}.c-input{padding:0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;background:none;color:inherit;font:inherit;line-height:inherit;width:100%}.c-input:disabled{cursor:not-allowed}.c-input::placeholder{color:var(--cui-base-400)}.c-button{padding: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;display:flex}\n"] }]
+        }], propDecorators: { mode: [{
+                type: Input
+            }], isDisabled: [{
+                type: HostBinding,
+                args: ['class._disabled']
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }], size: [{
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], isError: [{
+                type: HostBinding,
+                args: ['class._with-error']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class CuiInputTimeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputTimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiInputTimeModule, declarations: [CuiInputTimeComponent], imports: [CommonModule,
+            FormsModule,
+            MaskitoDirective,
+            CuiSvgModule], exports: [CuiInputTimeComponent,
+            CuiTextFieldControllerModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputTimeModule, imports: [CommonModule,
+            FormsModule,
+            CuiSvgModule, CuiTextFieldControllerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiInputTimeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        MaskitoDirective,
+                        CuiSvgModule
+                    ],
+                    declarations: [CuiInputTimeComponent],
+                    exports: [
+                        CuiInputTimeComponent,
+                        CuiTextFieldControllerModule
+                    ]
+                }]
+        }] });
+
+class CuiLabelComponent {
+    constructor() {
+        this.isRequired = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiLabelComponent, selector: "label[cuiLabel]", inputs: { isRequired: "isRequired" }, ngImport: i0, template: "<span class=\"c-wrapper\">\n  <ng-content></ng-content>\n</span>\n<span\n  *ngIf=\"isRequired\"\n  class=\"c-star\"\n>\n  *\n</span>\n", styles: [":host{font-weight:500;font-size:14px;line-height:20px;display:inline-flex;gap:2px;width:-moz-fit-content;width:fit-content;color:var(--cui-base-900);font-family:var(--cui-main-font)}.c-wrapper{display:inline-flex;align-items:center;gap:8px}.c-star{color:var(--cui-danger)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'label[cuiLabel]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"c-wrapper\">\n  <ng-content></ng-content>\n</span>\n<span\n  *ngIf=\"isRequired\"\n  class=\"c-star\"\n>\n  *\n</span>\n", styles: [":host{font-weight:500;font-size:14px;line-height:20px;display:inline-flex;gap:2px;width:-moz-fit-content;width:fit-content;color:var(--cui-base-900);font-family:var(--cui-main-font)}.c-wrapper{display:inline-flex;align-items:center;gap:8px}.c-star{color:var(--cui-danger)}\n"] }]
+        }], propDecorators: { isRequired: [{
+                type: Input
+            }] } });
+
+class CuiLabelModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiLabelModule, declarations: [CuiLabelComponent], imports: [CommonModule], exports: [CuiLabelComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiLabelModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiLabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [CuiLabelComponent],
+                    exports: [CuiLabelComponent]
+                }]
+        }] });
+
+class CuiRadioComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiRadioComponent, selector: "input[type=\"radio\"][cuiRadio]", ngImport: i0, template: '', isInline: true, styles: [":host{position:relative;width:16px;height:16px;border:1px solid var(--cui-base-200);border-radius:50%;outline:none;margin:0;appearance:none;cursor:pointer;background:var(--cui-base-0)}:host:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%}:host:focus{box-shadow:0 0 0 2px var(--cui-focus)}@media (hover: hover){:host:hover{border-color:var(--cui-base-400)}}:host:active{border-color:var(--cui-base-400);box-shadow:none}:host:checked{border:2px solid var(--cui-info)}:host:checked:before{background:var(--cui-info)}:host:disabled{cursor:not-allowed;border:1px solid var(--cui-base-200);background:var(--cui-base-100)}:host:disabled:checked{border-width:2px}:host:disabled:checked:before{background:var(--cui-base-200)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'input[type="radio"][cuiRadio]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:relative;width:16px;height:16px;border:1px solid var(--cui-base-200);border-radius:50%;outline:none;margin:0;appearance:none;cursor:pointer;background:var(--cui-base-0)}:host:before{content:\"\";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%}:host:focus{box-shadow:0 0 0 2px var(--cui-focus)}@media (hover: hover){:host:hover{border-color:var(--cui-base-400)}}:host:active{border-color:var(--cui-base-400);box-shadow:none}:host:checked{border:2px solid var(--cui-info)}:host:checked:before{background:var(--cui-info)}:host:disabled{cursor:not-allowed;border:1px solid var(--cui-base-200);background:var(--cui-base-100)}:host:disabled:checked{border-width:2px}:host:disabled:checked:before{background:var(--cui-base-200)}\n"] }]
+        }] });
+
+class CuiRadioModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiRadioModule, declarations: [CuiRadioComponent], exports: [CuiRadioComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiRadioModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiRadioModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CuiRadioComponent],
+                    exports: [CuiRadioComponent]
+                }]
+        }] });
+
+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$1.CuiClickOutsideDirective }], ngImport: i0, template: "<button\n    #button\n    type=\"button\"\n    [attr.id]=\"id\"\n    [attr.data-size]=\"size\"\n    [disabled]=\"isDisabled\"\n    class=\"c-button\"\n    [class.c-button_active]=\"isOpened\"\n    [class.c-button_with-error]=\"isError\"\n    (click)=\"onSwitch()\"\n>\n  <ng-container *ngIf=\"selectedOption; else placeholderTemplate\">\n    {{ selectedOption.label }}\n  </ng-container>\n  <ng-template #placeholderTemplate>\n    <span class=\"c-placeholder\">{{ placeholder }}</span>\n  </ng-template>\n  <cui-svg\n    icon=\"cuiIconChevronDown\"\n    color=\"var(--cui-base-500)\"\n  />\n</button>\n<ng-template #backdrop>\n  <div class=\"c-backdrop\"></div>\n</ng-template>\n<ng-template #optionsWrapper>\n  <div\n    cuiFocusTrap\n    class=\"c-options__wrapper\"\n    [class.c-options__wrapper_top]=\"isOptionsListAbove\"\n  >\n    <ng-container *ngTemplateOutlet=\"optionsList\"/>\n  </div>\n</ng-template>\n<div\n    #getOptionsListHeightContainer\n    class=\"c-get-options-list-height-container\"\n>\n  <ng-container *ngTemplateOutlet=\"optionsList\"/>\n</div>\n<ng-template #optionsList>\n  <ul\n    class=\"c-options\"\n    [class.c-options_top]=\"isOptionsListAbove\"\n  >\n    <ng-container *ngIf=\"options.length; else empty\">\n      <li *ngFor=\"let option of options; trackBy: trackByFn\">\n        <button\n          type=\"button\"\n          class=\"c-option-button\"\n          [class.c-option-button_selected]=\"selectedOption === option\"\n          [disabled]=\"option.isDisabled\"\n          (click)=\"onSelect($event, option)\"\n        >\n          <span>{{ option.label }}</span>\n          <cui-svg\n            *ngIf=\"selectedOption === option\"\n            icon=\"cuiIconCheckSm\"\n            color=\"var(--cui-info)\"\n            class=\"c-option-button__icon\"\n          />\n        </button>\n      </li>\n    </ng-container>\n    <ng-template #empty>\n      <li *ngIf=\"defaultOptionText\">\n        <button\n          type=\"button\"\n          class=\"c-option-button\"\n          (click)=\"onClose()\"\n        >\n          {{ defaultOptionText }}\n        </button>\n      </li>\n    </ng-template>\n  </ul>\n</ng-template>\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: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "directive", type: i1$1.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\n    #button\n    type=\"button\"\n    [attr.id]=\"id\"\n    [attr.data-size]=\"size\"\n    [disabled]=\"isDisabled\"\n    class=\"c-button\"\n    [class.c-button_active]=\"isOpened\"\n    [class.c-button_with-error]=\"isError\"\n    (click)=\"onSwitch()\"\n>\n  <ng-container *ngIf=\"selectedOption; else placeholderTemplate\">\n    {{ selectedOption.label }}\n  </ng-container>\n  <ng-template #placeholderTemplate>\n    <span class=\"c-placeholder\">{{ placeholder }}</span>\n  </ng-template>\n  <cui-svg\n    icon=\"cuiIconChevronDown\"\n    color=\"var(--cui-base-500)\"\n  />\n</button>\n<ng-template #backdrop>\n  <div class=\"c-backdrop\"></div>\n</ng-template>\n<ng-template #optionsWrapper>\n  <div\n    cuiFocusTrap\n    class=\"c-options__wrapper\"\n    [class.c-options__wrapper_top]=\"isOptionsListAbove\"\n  >\n    <ng-container *ngTemplateOutlet=\"optionsList\"/>\n  </div>\n</ng-template>\n<div\n    #getOptionsListHeightContainer\n    class=\"c-get-options-list-height-container\"\n>\n  <ng-container *ngTemplateOutlet=\"optionsList\"/>\n</div>\n<ng-template #optionsList>\n  <ul\n    class=\"c-options\"\n    [class.c-options_top]=\"isOptionsListAbove\"\n  >\n    <ng-container *ngIf=\"options.length; else empty\">\n      <li *ngFor=\"let option of options; trackBy: trackByFn\">\n        <button\n          type=\"button\"\n          class=\"c-option-button\"\n          [class.c-option-button_selected]=\"selectedOption === option\"\n          [disabled]=\"option.isDisabled\"\n          (click)=\"onSelect($event, option)\"\n        >\n          <span>{{ option.label }}</span>\n          <cui-svg\n            *ngIf=\"selectedOption === option\"\n            icon=\"cuiIconCheckSm\"\n            color=\"var(--cui-info)\"\n            class=\"c-option-button__icon\"\n          />\n        </button>\n      </li>\n    </ng-container>\n    <ng-template #empty>\n      <li *ngIf=\"defaultOptionText\">\n        <button\n          type=\"button\"\n          class=\"c-option-button\"\n          (click)=\"onClose()\"\n        >\n          {{ defaultOptionText }}\n        </button>\n      </li>\n    </ng-template>\n  </ul>\n</ng-template>\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']
+            }] } });
+
+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
+                    ]
+                }]
+        }] });
+
+const CUI_TAB_ACTIVATE = 'cui-tab-activate';
+class CuiTabComponent {
+    constructor() {
+        this.element = inject(ElementRef).nativeElement;
+    }
+    onClick() {
+        this.element.dispatchEvent(new CustomEvent(CUI_TAB_ACTIVATE, { bubbles: true }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiTabComponent, selector: "button[cuiTab]", host: { listeners: { "click": "onClick()" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{padding: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;font-family:var(--cui-main-font)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTabComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[cuiTab]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content />\n", styles: [":host{padding: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;font-family:var(--cui-main-font)}\n"] }]
+        }], propDecorators: { onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+
+class CuiTabsComponent {
+    constructor() {
+        this.element = inject(ElementRef).nativeElement;
+        this.activeElementClass = '_active';
+        this.activeItemIndex = 0;
+        this.activeItemIndexChange = new EventEmitter();
+    }
+    get tabs() {
+        return Array.from(this.element.querySelectorAll('[cuiTab]'));
+    }
+    get activeElement() {
+        return this.tabs[this.activeItemIndex] || null;
+    }
+    ngAfterViewChecked() {
+        this.changeActiveItem();
+    }
+    onActivate(event) {
+        event.stopPropagation();
+        const index = this.tabs.findIndex((tab) => tab === event.target);
+        if (index === this.activeItemIndex) {
+            return;
+        }
+        this.activeItemIndexChange.emit(index);
+        this.activeItemIndex = index;
+    }
+    changeActiveItem() {
+        this.tabs.forEach(nativeElement => {
+            const active = nativeElement === this.activeElement;
+            nativeElement.classList.toggle(this.activeElementClass, active);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiTabsComponent, selector: "cui-tabs", inputs: { activeItemIndex: "activeItemIndex" }, outputs: { activeItemIndexChange: "activeItemIndexChange" }, host: { listeners: { "cui-tab-activate": "onActivate($event)" } }, ngImport: i0, template: "<ng-content select=\"[cuiTab]\" />\n", styles: [":host{display:flex;border-radius:8px;gap:32px}:host ::ng-deep>[cuiTab]{padding:8px 12px;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-500);border-radius:6px}@media (hover: hover){:host ::ng-deep>[cuiTab]:hover{color:var(--cui-base-900);background:var(--cui-base-50)}}:host ::ng-deep>[cuiTab]:active{color:var(--cui-base-900);background:var(--cui-base-50)}:host ::ng-deep>[cuiTab]._active{color:var(--cui-light-blue-600);background:var(--cui-base-50)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cui-tabs', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"[cuiTab]\" />\n", styles: [":host{display:flex;border-radius:8px;gap:32px}:host ::ng-deep>[cuiTab]{padding:8px 12px;font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-500);border-radius:6px}@media (hover: hover){:host ::ng-deep>[cuiTab]:hover{color:var(--cui-base-900);background:var(--cui-base-50)}}:host ::ng-deep>[cuiTab]:active{color:var(--cui-base-900);background:var(--cui-base-50)}:host ::ng-deep>[cuiTab]._active{color:var(--cui-light-blue-600);background:var(--cui-base-50)}\n"] }]
+        }], propDecorators: { activeItemIndex: [{
+                type: Input
+            }], activeItemIndexChange: [{
+                type: Output
+            }], onActivate: [{
+                type: HostListener,
+                args: [CUI_TAB_ACTIVATE, ['$event']]
+            }] } });
+
+class CuiTabsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTabsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiTabsModule, declarations: [CuiTabsComponent, CuiTabComponent], exports: [CuiTabsComponent, CuiTabComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTabsModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTabsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [],
+                    declarations: [CuiTabsComponent, CuiTabComponent],
+                    exports: [CuiTabsComponent, CuiTabComponent]
+                }]
+        }] });
+
+class CuiTextareaComponent {
+    constructor() {
+        this.cuiTextFieldController = inject(CUI_TEXT_FIELD_CONTROLLER);
+        this.rows = 4;
+        this.noBordersAndPaddings = false;
+    }
+    get isError() {
+        return this.cuiTextFieldController.isError;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiTextareaComponent, selector: "textarea[cuiTextarea]", inputs: { rows: "rows", noBordersAndPaddings: "noBordersAndPaddings" }, host: { properties: { "rows": "this.rows", "class._no-borders-and-paddings": "this.noBordersAndPaddings", "class._with-error": "this.isError" } }, providers: [CUI_TEXT_FILED_CONTROLLER_PROVIDER], hostDirectives: [{ directive: i1$1.CuiAutoResizingDirective }], ngImport: i0, template: '', isInline: true, styles: [":host{padding:11px 13px 11px 0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;color:inherit;font:inherit;line-height:inherit;padding:11px 13px;font-weight:400;font-size:14px;line-height:20px;box-sizing:border-box;max-height:320px;width:100%;border:1px solid var(--cui-base-200);border-radius:8px;resize:none;background:none;color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus,:host:focus-visible{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host:disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host::placeholder{color:var(--cui-base-400)}:host._no-borders-and-paddings{border:none;border-radius:0;padding:0;box-shadow:none}:host._no-borders-and-paddings:disabled{background:none}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus{box-shadow:0 0 0 2px #d92d2040}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'textarea[cuiTextarea]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, providers: [CUI_TEXT_FILED_CONTROLLER_PROVIDER], hostDirectives: [CuiAutoResizingDirective], styles: [":host{padding:11px 13px 11px 0;outline:none;margin:0;border-width:0;appearance:none;caret-color:currentColor;color:inherit;font:inherit;line-height:inherit;padding:11px 13px;font-weight:400;font-size:14px;line-height:20px;box-sizing:border-box;max-height:320px;width:100%;border:1px solid var(--cui-base-200);border-radius:8px;resize:none;background:none;color:var(--cui-base-900);font-family:var(--cui-main-font)}:host:hover{border-color:var(--cui-base-300)}:host:focus,:host:focus-visible{box-shadow:0 0 0 2px var(--cui-focus);border-color:var(--cui-info)}:host:disabled{cursor:not-allowed;opacity:.5;background:var(--cui-base-50);border-color:var(--cui-base-200)}:host::placeholder{color:var(--cui-base-400)}:host._no-borders-and-paddings{border:none;border-radius:0;padding:0;box-shadow:none}:host._no-borders-and-paddings:disabled{background:none}:host._with-error{border-color:var(--cui-danger)}:host._with-error:focus{box-shadow:0 0 0 2px #d92d2040}\n"] }]
+        }], propDecorators: { rows: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['rows']
+            }], noBordersAndPaddings: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['class._no-borders-and-paddings']
+            }], isError: [{
+                type: HostBinding,
+                args: ['class._with-error']
+            }] } });
+
+class CuiTextareaModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiTextareaModule, declarations: [CuiTextareaComponent], exports: [CuiTextareaComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextareaModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiTextareaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CuiTextareaComponent],
+                    exports: [CuiTextareaComponent]
+                }]
+        }] });
+
+class CuiToggleComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CuiToggleComponent, selector: "input[type=\"checkbox\"][cuiToggle]", ngImport: i0, template: '', isInline: true, styles: [":host{position:relative;width:30px;height:18px;border-radius:9px;margin:0;appearance:none;cursor:pointer;background:var(--cui-base-300);transition:background .5s ease}:host:before{content:\"\";position:absolute;top:50%;left:2px;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--cui-gray-0);transition:left .5s ease}:host:checked{background:var(--cui-info);transition:background .5s ease}:host:checked:before{left:14px;transition:left .5s ease}:host:disabled{cursor:not-allowed;background:var(--cui-base-300)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiToggleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'input[type="checkbox"][cuiToggle]', template: '', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{position:relative;width:30px;height:18px;border-radius:9px;margin:0;appearance:none;cursor:pointer;background:var(--cui-base-300);transition:background .5s ease}:host:before{content:\"\";position:absolute;top:50%;left:2px;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--cui-gray-0);transition:left .5s ease}:host:checked{background:var(--cui-info);transition:background .5s ease}:host:checked:before{left:14px;transition:left .5s ease}:host:disabled{cursor:not-allowed;background:var(--cui-base-300)}\n"] }]
+        }] });
+
+class CuiToggleModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: CuiToggleModule, declarations: [CuiToggleComponent], exports: [CuiToggleComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiToggleModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CuiToggleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [CuiToggleComponent],
+                    exports: [CuiToggleComponent]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_ANIMATIONS_DEFAULT_DURATION, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_ROOT_SELECTOR, CUI_TAB_ACTIVATE, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CUI_TOOLTIP_COMPONENT, CUI_TOOLTIP_DEFAULT_OPTIONS, CUI_TOOLTIP_DIRECTIONS, CUI_TOOLTIP_OPTIONS, CUI_TOOLTIP_PROVIDERS, CuiAccordionComponent, CuiAccordionItemComponent, CuiAccordionModule, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCheckboxComponent, CuiCheckboxModule, CuiContextMenuComponent, CuiContextMenuModule, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiFormFieldComponent, CuiFormFieldModule, CuiHintComponent, CuiHintModule, CuiIconButtonComponent, CuiIconButtonModule, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiLabelComponent, CuiLabelModule, CuiNotificationComponent, CuiNotificationModule, CuiPositionService, CuiRadioComponent, CuiRadioModule, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModule, CuiSvgComponent, CuiSvgModule, CuiTabComponent, CuiTabsComponent, CuiTabsModule, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiToggleComponent, CuiToggleModule, CuiTooltip, CuiTooltipComponent, CuiTooltipDescribe, CuiTooltipDirective, CuiTooltipDriver, CuiTooltipHost, CuiTooltipHover, CuiTooltipManual, CuiTooltipOptionsDirective, CuiTooltipOverflow, CuiTooltipPointer, CuiTooltipPosition, CuiTooltipService, CuiTooltipUnstyled, CuiTooltipUnstyledComponent, CuiTooltips, CuiVisualViewportService, cuiGetDuration, cuiIsObscured, cuiOverrideOptions, cuiRemoveSpaces, cuiReplace, cuiToAnimationOptions, cuiTooltipOptionsProvider };
+//# sourceMappingURL=cuby-ui-core.mjs.map