@cuby-ui/core 0.0.339 → 0.0.342

package/components/badge/badge.component.d.ts

@@ -2,7 +2,7 @@ import type { CuiBadgeOptions } from './badge.options';
 import * as i0 from "@angular/core";
 export declare class CuiBadgeComponent implements CuiBadgeOptions {
     private readonly options;
-    color: "light-blue" | "yellow" | "green" | "gray" | "dark-gray" | "red" | "violet" | "orange";
+    color: import("./badge.options").CuiBadgeColor;
     size: "sm" | "md";
     isWithDot: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiBadgeComponent, never>;

package/components/badge/badge.options.d.ts

@@ -1,8 +1,9 @@
 import type { CuiSizeMd, CuiSizeSm } from '../../types';
 export interface CuiBadgeOptions {
-    readonly color: 'light-blue' | 'yellow' | 'green' | 'gray' | 'dark-gray' | 'red' | 'violet' | 'orange';
+    readonly color: CuiBadgeColor;
     readonly size: CuiSizeSm | CuiSizeMd;
     readonly isWithDot: boolean;
 }
+export type CuiBadgeColor = 'light-blue' | 'yellow' | 'green' | 'gray' | 'dark-gray' | 'red' | 'violet' | 'orange';
 export declare const CUI_BADGE_DEFAULT_OPTIONS: CuiBadgeOptions;
 export declare const CUI_BADGE_OPTIONS: import("@angular/core").InjectionToken<CuiBadgeOptions>;

package/components/badge/index.d.ts

@@ -1,2 +1,3 @@
 export * from './badge.component';
 export * from './badge.module';
+export { CuiBadgeColor, CuiBadgeOptions } from './badge.options';

package/components/button/button.component.d.ts

@@ -1,32 +1,32 @@
 import { ElementRef, OnInit } from '@angular/core';
 import type { CuiIcon } from '@cuby-ui/icons';
-import { CuiButtonOptions } from './button.options';
+import { CuiButtonAppearance, CuiButtonOptions, CuiButtonSize, CuiButtonTheme } from './button.options';
 import * as i0 from "@angular/core";
 export declare class CuiButtonComponent implements CuiButtonOptions, OnInit {
     private readonly changeDetectorRef;
-    private readonly element;
-    private readonly window;
     private readonly cuiButtonOptions;
     private readonly ICON_XS_SIZES;
-    protected readonly AppearanceIconColors: Record<CuiButtonOptions['appearance'], string>;
     protected readonly COLOR_BASE_500 = "var(--cui-base-500)";
     protected readonly BUTTON_ICONS_COLOR_BASE_500: CuiButtonOptions['appearance'][];
-    protected _appearance: "flat" | "action" | "link" | "secondary" | "outlined" | "outlined-gray" | "ghost" | "vivid-success" | "destructive" | "action-violet" | "action-cyan";
+    protected _theme: CuiButtonTheme;
+    protected _appearance: CuiButtonAppearance;
+    protected _size: CuiButtonSize;
     protected iconColor: string;
-    protected _size: "xxxs" | "xxs" | "xs" | "sm" | "md";
     protected iconDimensions: {
         width: number;
         height: number;
     };
-    shape: "rounded" | null;
+    shape: import("./button.options").CuiButtonShape;
     disabled: boolean;
     isLoaderShown: boolean;
     icon?: CuiIcon | string;
     iconRight?: CuiIcon | string;
-    get appearance(): CuiButtonOptions['appearance'];
-    set appearance(appearance: CuiButtonOptions['appearance']);
-    get size(): CuiButtonOptions['size'];
-    set size(size: CuiButtonOptions['size']);
+    get appearance(): CuiButtonAppearance;
+    set appearance(appearance: CuiButtonAppearance);
+    get theme(): CuiButtonTheme;
+    set theme(theme: CuiButtonTheme);
+    get size(): CuiButtonSize;
+    set size(size: CuiButtonSize);
     protected containsOnlyIcon: boolean;
     protected get isDisabled(): boolean;
     protected content: ElementRef<HTMLSpanElement>;
@@ -35,5 +35,5 @@ export declare class CuiButtonComponent implements CuiButtonOptions, OnInit {
     private changeIconColor;
     private getIconColor;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiButtonComponent, "button[cuiButton], a[cuiButton]", never, { "shape": { "alias": "shape"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isLoaderShown": { "alias": "isLoaderShown"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiButtonComponent, "button[cuiButton], a[cuiButton]", never, { "shape": { "alias": "shape"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "isLoaderShown": { "alias": "isLoaderShown"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/components/button/button.options.d.ts

@@ -1,9 +1,14 @@
 import { InjectionToken } from '@angular/core';
-import type { CuiAppearanceAction, CuiAppearanceActionCyan, CuiAppearanceActionViolet, CuiAppearanceDestructive, CuiAppearanceFlat, CuiAppearanceGhost, CuiAppearanceLink, CuiAppearanceOutlined, CuiAppearanceOutlinedGray, CuiAppearanceSecondary, CuiAppearanceVividSuccess, CuiShapeRounded, CuiSizeMd, CuiSizeSm, CuiSizeXs, CuiSizeXxs, CuiSizeXxxs } from '../../types';
+import type { CuiAppearanceAction, CuiAppearanceActionCyan, CuiAppearanceActionViolet, CuiAppearanceDestructive, CuiAppearanceFlat, CuiAppearanceGhost, CuiAppearanceLink, CuiAppearanceOutlined, CuiAppearanceOutlinedGray, CuiAppearanceSecondary, CuiAppearanceVividSuccess, CuiButtonThemeCyan, CuiButtonThemeDefault, CuiButtonThemeSuccess, CuiButtonThemeViolet, CuiButtonThemeVividSuccess, CuiShapeRounded, CuiSizeMd, CuiSizeSm, CuiSizeXs, CuiSizeXxs, CuiSizeXxxs } from '../../types';
 export interface CuiButtonOptions {
-    readonly appearance: CuiAppearanceAction | CuiAppearanceSecondary | CuiAppearanceOutlined | CuiAppearanceOutlinedGray | CuiAppearanceGhost | CuiAppearanceFlat | CuiAppearanceVividSuccess | CuiAppearanceDestructive | CuiAppearanceLink | CuiAppearanceActionViolet | CuiAppearanceActionCyan;
-    readonly shape: CuiShapeRounded | null;
-    readonly size: CuiSizeXxxs | CuiSizeXxs | CuiSizeXs | CuiSizeSm | CuiSizeMd;
+    readonly appearance: CuiButtonAppearance;
+    readonly shape: CuiButtonShape;
+    readonly size: CuiButtonSize;
+    readonly theme: CuiButtonTheme;
 }
+export type CuiButtonAppearance = CuiAppearanceAction | CuiAppearanceSecondary | CuiAppearanceOutlined | CuiAppearanceOutlinedGray | CuiAppearanceGhost | CuiAppearanceFlat | CuiAppearanceVividSuccess | CuiAppearanceDestructive | CuiAppearanceLink | CuiAppearanceActionViolet | CuiAppearanceActionCyan;
+export type CuiButtonTheme = CuiButtonThemeDefault | CuiButtonThemeViolet | CuiButtonThemeCyan | CuiButtonThemeSuccess | CuiButtonThemeVividSuccess;
+export type CuiButtonSize = CuiSizeXxxs | CuiSizeXxs | CuiSizeXs | CuiSizeSm | CuiSizeMd;
+export type CuiButtonShape = CuiShapeRounded | null;
 export declare const CUI_BUTTON_DEFAULT_OPTIONS: CuiButtonOptions;
 export declare const CUI_BUTTON_OPTIONS: InjectionToken<CuiButtonOptions>;

package/components/dialog/dialog-header/dialog-header.component.d.ts

@@ -1,13 +1,12 @@
 import { EventEmitter } from '@angular/core';
-import type { PolymorpheusContent } from '@taiga-ui/polymorpheus';
-import { PolymorpheusContext } from '@taiga-ui/polymorpheus/classes/context';
+import { PolymorpheusContent } from '@taiga-ui/polymorpheus';
 import * as i0 from "@angular/core";
-export declare class CuiDialogHeaderComponent {
+export declare class CuiDialogHeaderComponent<T> {
     heading: PolymorpheusContent;
-    headingContext?: PolymorpheusContext<any>['$implicit'];
+    headingContext?: T;
     subheading?: string;
     readonly closed: EventEmitter<MouseEvent>;
     protected onClose(event: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CuiDialogHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CuiDialogHeaderComponent, "header[cuiDialogHeader][heading]", never, { "heading": { "alias": "heading"; "required": false; }; "headingContext": { "alias": "headingContext"; "required": false; }; "subheading": { "alias": "subheading"; "required": false; }; }, { "closed": "closed"; }, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuiDialogHeaderComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CuiDialogHeaderComponent<any>, "header[cuiDialogHeader][heading]", never, { "heading": { "alias": "heading"; "required": false; }; "headingContext": { "alias": "headingContext"; "required": false; }; "subheading": { "alias": "subheading"; "required": false; }; }, { "closed": "closed"; }, never, ["*"], false, never>;
 }

package/editor/widgets/editor-readonly/editor-readonly.component.d.ts

@@ -3,7 +3,6 @@ import { CuiEditorComponent } from '../../editor.component';
 import * as i0 from "@angular/core";
 export declare class CuiEditorReadonlyComponent {
     protected readonly isShowMore: import("@angular/core").WritableSignal<boolean>;
-    protected readonly isMoreButtonShown: import("@angular/core").WritableSignal<boolean>;
     protected readonly editorConfig: import("@angular/core").Signal<{
         tools?: import("@cuby-ui/core").CuiTools;
         readOnly: boolean;
@@ -21,7 +20,6 @@ export declare class CuiEditorReadonlyComponent {
     readonly shortHeight: import("@angular/core").InputSignal<number>;
     constructor();
     protected onShow(editor: CuiEditorComponent): void;
-    private initReadEditorProperty;
     private initEditorIdEffect;
     static ɵfac: i0.ɵɵFactoryDeclaration<CuiEditorReadonlyComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CuiEditorReadonlyComponent, "cui-editor-readonly", never, { "editorId": { "alias": "editorId"; "required": true; "isSignal": true; }; "config": { "alias": "config"; "required": true; "isSignal": true; }; "buttonTemplate": { "alias": "buttonTemplate"; "required": true; "isSignal": true; }; "shortHeight": { "alias": "shortHeight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/editor/widgets/editor-readonly/editor-resize-observer.directive.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare class EditorResizeObserverDirective {
+    private readonly templateRef;
+    private readonly viewContainerRef;
+    private observer;
+    readonly target: import("@angular/core").InputSignal<HTMLElement>;
+    readonly shortHeight: import("@angular/core").InputSignal<number>;
+    constructor();
+    ngOnDestroy(): void;
+    private initTargetEffect;
+    private initObserver;
+    private destroyObserver;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditorResizeObserverDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EditorResizeObserverDirective, "[editorResizeObserver]", never, { "target": { "alias": "target"; "required": true; "isSignal": true; }; "shortHeight": { "alias": "shortHeight"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/esm2022/components/accordion/accordion-item/accordion-item.component.mjs

@@ -19,7 +19,7 @@ export class CuiAccordionItemComponent {
         this.isOpenChange.emit(this.isOpen);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CuiAccordionItemComponent, selector: "cui-accordion-item", inputs: { isOpen: "isOpen", appearance: "appearance" }, outputs: { isOpenChange: "isOpenChange" }, host: { properties: { "attr.appearance": "this._appearance" } }, 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\" class=\"c-content\">\n  <ng-content select=\"[cuiAccordionItemContent]\"></ng-content>\n</div>\n", styles: [":host{padding:16px;display:flex;flex-direction:column;gap:8px;border-radius:8px;background:var(--cui-base-10)}.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%}:host[appearance=border]{padding:0;gap:0;border-radius:8px;border:1px solid var(--cui-base-200)}:host[appearance=border] .c-header{padding:10px 16px}:host[appearance=border] .c-content{border-top:1px solid var(--cui-base-200)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CuiAccordionItemComponent, selector: "cui-accordion-item", inputs: { isOpen: "isOpen", appearance: "appearance" }, outputs: { isOpenChange: "isOpenChange" }, host: { properties: { "attr.appearance": "this._appearance" } }, 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\" class=\"c-content\">\n  <ng-content select=\"[cuiAccordionItemContent]\"></ng-content>\n</div>\n", styles: [":host{padding:16px;display:flex;flex-direction:column;gap:8px;border-radius:8px;background:var(--cui-base-10)}.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%}:host[appearance=border]{padding:0;gap:0;border-radius:8px;border:1px solid var(--cui-base-200)}:host[appearance=border] .c-header{padding:10px 16px}:host[appearance=border] .c-content{border-top:1px solid var(--cui-base-200)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiAccordionItemComponent, decorators: [{
             type: Component,

package/esm2022/components/badge/badge.options.mjs

@@ -5,4 +5,4 @@ export const CUI_BADGE_DEFAULT_OPTIONS = {
     isWithDot: false
 };
 export const CUI_BADGE_OPTIONS = cuiCreateToken(CUI_BADGE_DEFAULT_OPTIONS);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFVOUMsTUFBTSxDQUFDLE1BQU0seUJBQXlCLEdBQW9CO0lBQ3hELEtBQUssRUFBRSxZQUFZO0lBQ25CLElBQUksRUFBRSxJQUFJO0lBQ1YsU0FBUyxFQUFFLEtBQUs7Q0FDakIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLGNBQWMsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VpQ3JlYXRlVG9rZW4gfSBmcm9tICdAY3VieS11aS9jZGsnO1xuXG5pbXBvcnQgdHlwZSB7IEN1aVNpemVNZCwgQ3VpU2l6ZVNtIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEN1aUJhZGdlT3B0aW9ucyB7XG4gIHJlYWRvbmx5IGNvbG9yOiAnbGlnaHQtYmx1ZScgfCAneWVsbG93JyB8ICdncmVlbicgfCAnZ3JheScgfCAnZGFyay1ncmF5JyB8ICdyZWQnIHwgJ3Zpb2xldCcgfCAnb3JhbmdlJztcbiAgcmVhZG9ubHkgc2l6ZTogQ3VpU2l6ZVNtIHwgQ3VpU2l6ZU1kO1xuICByZWFkb25seSBpc1dpdGhEb3Q6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBjb25zdCBDVUlfQkFER0VfREVGQVVMVF9PUFRJT05TOiBDdWlCYWRnZU9wdGlvbnMgPSB7XG4gIGNvbG9yOiAnbGlnaHQtYmx1ZScsXG4gIHNpemU6ICdzbScsXG4gIGlzV2l0aERvdDogZmFsc2Vcbn07XG5cbmV4cG9ydCBjb25zdCBDVUlfQkFER0VfT1BUSU9OUyA9IGN1aUNyZWF0ZVRva2VuKENVSV9CQURHRV9ERUZBVUxUX09QVElPTlMpO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFZOUMsTUFBTSxDQUFDLE1BQU0seUJBQXlCLEdBQW9CO0lBQ3RELEtBQUssRUFBRSxZQUFZO0lBQ25CLElBQUksRUFBRSxJQUFJO0lBQ1YsU0FBUyxFQUFFLEtBQUs7Q0FDbkIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLGNBQWMsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VpQ3JlYXRlVG9rZW4gfSBmcm9tICdAY3VieS11aS9jZGsnO1xuXG5pbXBvcnQgdHlwZSB7IEN1aVNpemVNZCwgQ3VpU2l6ZVNtIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEN1aUJhZGdlT3B0aW9ucyB7XG4gICAgcmVhZG9ubHkgY29sb3I6IEN1aUJhZGdlQ29sb3I7XG4gICAgcmVhZG9ubHkgc2l6ZTogQ3VpU2l6ZVNtIHwgQ3VpU2l6ZU1kO1xuICAgIHJlYWRvbmx5IGlzV2l0aERvdDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IHR5cGUgQ3VpQmFkZ2VDb2xvciA9ICdsaWdodC1ibHVlJyB8ICd5ZWxsb3cnIHwgJ2dyZWVuJyB8ICdncmF5JyB8ICdkYXJrLWdyYXknIHwgJ3JlZCcgfCAndmlvbGV0JyB8ICdvcmFuZ2UnO1xuXG5leHBvcnQgY29uc3QgQ1VJX0JBREdFX0RFRkFVTFRfT1BUSU9OUzogQ3VpQmFkZ2VPcHRpb25zID0ge1xuICAgIGNvbG9yOiAnbGlnaHQtYmx1ZScsXG4gICAgc2l6ZTogJ3NtJyxcbiAgICBpc1dpdGhEb3Q6IGZhbHNlXG59O1xuXG5leHBvcnQgY29uc3QgQ1VJX0JBREdFX09QVElPTlMgPSBjdWlDcmVhdGVUb2tlbihDVUlfQkFER0VfREVGQVVMVF9PUFRJT05TKTtcbiJdfQ==

package/esm2022/components/badge/index.mjs

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

package/esm2022/components/banner/banner.component.mjs

@@ -44,7 +44,7 @@ export class CuiBannerComponent {
         this.closed.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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\n@if (theme$ | async; as theme) {\n    <cui-svg\n      icon=\"cuiIconX\"\n      [color]=\"THEME_CLOSE_BUTTON_ICON_COLORS[theme]\"\n    />\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: i2.CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "component", type: i3.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "component", type: i4.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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", 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\n@if (theme$ | async; as theme) {\n    <cui-svg\n      icon=\"cuiIconX\"\n      [color]=\"THEME_CLOSE_BUTTON_ICON_COLORS[theme]\"\n    />\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: i2.CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "component", type: i3.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "component", type: i4.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiBannerComponent, decorators: [{
             type: Component,

package/esm2022/components/button/button.component.mjs

@@ -1,5 +1,4 @@
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, inject, Input, ViewChild } from '@angular/core';
-import { CUI_WINDOW } from '@cuby-ui/cdk';
 import { CUI_BUTTON_OPTIONS } from './button.options';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
@@ -7,23 +6,8 @@ import * as i2 from "../svg/svg.component";
 export class CuiButtonComponent {
     constructor() {
         this.changeDetectorRef = inject(ChangeDetectorRef);
-        this.element = inject(ElementRef).nativeElement;
-        this.window = inject(CUI_WINDOW);
         this.cuiButtonOptions = inject(CUI_BUTTON_OPTIONS);
         this.ICON_XS_SIZES = ['xxs', 'xxxs'];
-        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',
-            'action-violet': '--c-action-violet-icon-color',
-            'action-cyan': '--c-action-cyan-icon-color',
-            'vivid-success': '--c-vivid-success-icon-color'
-        };
         this.COLOR_BASE_500 = 'var(--cui-base-500)';
         this.BUTTON_ICONS_COLOR_BASE_500 = [
             'secondary',
@@ -31,9 +15,10 @@ export class CuiButtonComponent {
             'outlined-gray',
             'ghost'
         ];
+        this._theme = this.cuiButtonOptions.theme;
         this._appearance = this.cuiButtonOptions.appearance;
-        this.iconColor = this.getIconColor(this._appearance);
         this._size = this.cuiButtonOptions.size;
+        this.iconColor = this.getIconColor(this._appearance);
         this.iconDimensions = {
             width: 20,
             height: 20
@@ -48,6 +33,12 @@ export class CuiButtonComponent {
     }
     set appearance(appearance) {
         this._appearance = appearance;
+    }
+    get theme() {
+        return this._theme;
+    }
+    set theme(theme) {
+        this._theme = theme;
         this.changeIconColor();
     }
     get size() {
@@ -83,23 +74,17 @@ export class CuiButtonComponent {
         });
     }
     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: "18.2.13", ngImport: i0, type: CuiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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  [color]=\"iconColor\"\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;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=action-violet]{background:var(--cui-violet-500);color:var(--cui-gray-0);border:1px solid var(--cui-violet-500)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-700);border-color:var(--cui-violet-700)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-700);border-color:var(--cui-violet-700)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-cyan]{background:var(--cui-cyan-700);color:var(--cui-gray-0);border:1px solid var(--cui-cyan-700)}@media (hover: hover){:host[data-appearance=action-cyan]:hover{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}}:host[data-appearance=action-cyan]:active{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}:host[data-appearance=action-cyan]:disabled{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}:host[data-appearance=vivid-success]{background:var(--cui-success);color:var(--cui-gray-0);border:1px solid var(--cui-success)}@media (hover: hover){:host[data-appearance=vivid-success]:hover{background:var(--cui-green-700);border-color:var(--cui-green-700)}}:host[data-appearance=vivid-success]:active{background:var(--cui-green-700);border-color:var(--cui-green-700)}:host[data-appearance=vivid-success]:disabled{background:var(--cui-success);border-color:var(--cui-success)}: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=xxxs]{font-size:12px;line-height:14px;height:24px;padding:0 4px;border-radius:6px}:host[data-size=xxxs][data-appearance=action],:host[data-size=xxxs][data-appearance=outlined],:host[data-size=xxxs][data-appearance=outlined-gray]{padding:0 3px}:host[data-size=xxxs]:has(.c-content:empty){width:24px}:host[data-size=xxxs] .c-wrapper{gap:6px}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 12px;border-radius:8px}: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;border-radius:8px}: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;border-radius:8px}: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;border-radius:8px}: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: i2.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: { shape: "shape", disabled: "disabled", isLoaderShown: "isLoaderShown", icon: "icon", iconRight: "iconRight", appearance: "appearance", theme: "theme", size: "size" }, host: { properties: { "attr.data-shape": "this.shape", "class._disabled": "this.disabled", "class._loading": "this.isLoaderShown", "attr.data-appearance": "this.appearance", "attr.data-theme": "this.theme", "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  [color]=\"iconColor\"\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;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host._disabled{opacity:.5}.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%)}:host[data-size=xxxs]{font-size:12px;line-height:14px;height:24px;padding:0 4px;border-radius:6px}:host[data-size=xxxs][data-appearance=action],:host[data-size=xxxs][data-appearance=outlined],:host[data-size=xxxs][data-appearance=outlined-gray]{padding:0 3px}:host[data-size=xxxs]:has(.c-content:empty){width:24px}:host[data-size=xxxs] .c-wrapper{gap:6px}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 12px;border-radius:8px}: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;border-radius:8px}: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;border-radius:8px}: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;border-radius:8px}: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{background:var(--cui-button-background);color:var(--cui-button-color);border:1px solid var(--cui-button-border-color)}@media (hover: hover){:host:hover{background:var(--cui-button-background-hover);color:var(--cui-button-color-hover);border-color:var(--cui-button-border-color-hover)}}:host:active{background:var(--cui-button-background-hover);color:var(--cui-button-color-hover);border-color:var(--cui-button-border-color-hover)}:host:disabled{background:var(--cui-button-background);color:var(--cui-button-color);border-color:var(--cui-button-border-color);opacity:.5}:host[data-appearance=action-violet]{background:var(--cui-violet-500);color:var(--cui-gray-0);border:1px solid var(--cui-violet-500)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-700);border-color:var(--cui-violet-700)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-700);border-color:var(--cui-violet-700)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-cyan]{background:var(--cui-cyan-700);color:var(--cui-gray-0);border:1px solid var(--cui-cyan-700)}@media (hover: hover){:host[data-appearance=action-cyan]:hover{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}}:host[data-appearance=action-cyan]:active{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}:host[data-appearance=action-cyan]:disabled{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}:host[data-appearance=vivid-success]{background:var(--cui-success);color:var(--cui-gray-0);border:1px solid var(--cui-success)}@media (hover: hover){:host[data-appearance=vivid-success]:hover{background:var(--cui-green-700);border-color:var(--cui-green-700)}}:host[data-appearance=vivid-success]:active{background:var(--cui-green-700);border-color:var(--cui-green-700)}:host[data-appearance=vivid-success]:disabled{background:var(--cui-success);border-color:var(--cui-success)}: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)}@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)}:host{--cui-button-background: var(--c-background, transparent);--cui-button-background-hover: var(--c-background-hover, transparent);--cui-button-color: var(--c-color, transparent);--cui-button-color-hover: var(--c-color-hover, transparent);--cui-button-border-color: var(--c-border-color, transparent);--cui-button-border-color-hover: var(--c-border-color-hover, transparent)}:host[data-theme=default][data-appearance=action]{--c-background: var(--cui-bg-light-blue);--c-border-color: var(--cui-bg-light-blue);--c-background-hover: var(--cui-light-blue-600);--c-border-color-hover: var(--cui-light-blue-600);--c-color: var(--cui-gray-0);--c-color-hover: var(--cui-gray-0)}:host[data-theme=default][data-appearance=secondary]{--c-background: var(--cui-base-100);--c-background-hover: var(--cui-base-200);--c-border-color: var(--cui-base-100);--c-border-color-hover: var(--cui-base-200);--c-color: var(--cui-base-900);--c-color-hover: var(--cui-base-900)}:host[data-theme=default][data-appearance=outlined]{--c-background: var(--cui-base-0);--c-background-hover: var(--cui-base-50);--c-color: var(--cui-base-900);--c-color-hover: var(--cui-base-900);--c-border-color: var(--cui-base-200);--c-border-color-hover: var(--cui-base-200)}:host[data-theme=default][data-appearance=outlined-gray]{--c-background: var(--cui-base-10);--c-background-hover: var(--cui-base-50);--c-color: var(--cui-base-900);--c-color-hover: var(--cui-base-900);--c-border-color: var(--cui-base-200);--c-border-color-hover: var(--cui-base-200)}:host[data-theme=default][data-appearance=ghost]{--c-background-hover: var(--cui-base-50);--c-color: var(--cui-base-900);--c-color-hover: var(--cui-base-900)}:host[data-theme=default][data-appearance=flat]{--c-background-hover: var(--cui-base-50);--c-color: var(--cui-light-blue-600);--c-color-hover: var(--cui-light-blue-600)}:host[data-theme=default][data-appearance=link]{--c-color: var(--cui-info);--c-color-hover: var(--cui-blue-800)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", 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  [color]=\"iconColor\"\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;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=action-violet]{background:var(--cui-violet-500);color:var(--cui-gray-0);border:1px solid var(--cui-violet-500)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-700);border-color:var(--cui-violet-700)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-700);border-color:var(--cui-violet-700)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-cyan]{background:var(--cui-cyan-700);color:var(--cui-gray-0);border:1px solid var(--cui-cyan-700)}@media (hover: hover){:host[data-appearance=action-cyan]:hover{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}}:host[data-appearance=action-cyan]:active{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}:host[data-appearance=action-cyan]:disabled{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}:host[data-appearance=vivid-success]{background:var(--cui-success);color:var(--cui-gray-0);border:1px solid var(--cui-success)}@media (hover: hover){:host[data-appearance=vivid-success]:hover{background:var(--cui-green-700);border-color:var(--cui-green-700)}}:host[data-appearance=vivid-success]:active{background:var(--cui-green-700);border-color:var(--cui-green-700)}:host[data-appearance=vivid-success]:disabled{background:var(--cui-success);border-color:var(--cui-success)}: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=xxxs]{font-size:12px;line-height:14px;height:24px;padding:0 4px;border-radius:6px}:host[data-size=xxxs][data-appearance=action],:host[data-size=xxxs][data-appearance=outlined],:host[data-size=xxxs][data-appearance=outlined-gray]{padding:0 3px}:host[data-size=xxxs]:has(.c-content:empty){width:24px}:host[data-size=xxxs] .c-wrapper{gap:6px}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 12px;border-radius:8px}: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;border-radius:8px}: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;border-radius:8px}: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;border-radius:8px}: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"] }]
+            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  [color]=\"iconColor\"\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;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host._disabled{opacity:.5}.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%)}:host[data-size=xxxs]{font-size:12px;line-height:14px;height:24px;padding:0 4px;border-radius:6px}:host[data-size=xxxs][data-appearance=action],:host[data-size=xxxs][data-appearance=outlined],:host[data-size=xxxs][data-appearance=outlined-gray]{padding:0 3px}:host[data-size=xxxs]:has(.c-content:empty){width:24px}:host[data-size=xxxs] .c-wrapper{gap:6px}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 12px;border-radius:8px}: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;border-radius:8px}: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;border-radius:8px}: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;border-radius:8px}: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{background:var(--cui-button-background);color:var(--cui-button-color);border:1px solid var(--cui-button-border-color)}@media (hover: hover){:host:hover{background:var(--cui-button-background-hover);color:var(--cui-button-color-hover);border-color:var(--cui-button-border-color-hover)}}:host:active{background:var(--cui-button-background-hover);color:var(--cui-button-color-hover);border-color:var(--cui-button-border-color-hover)}:host:disabled{background:var(--cui-button-background);color:var(--cui-button-color);border-color:var(--cui-button-border-color);opacity:.5}:host[data-appearance=action-violet]{background:var(--cui-violet-500);color:var(--cui-gray-0);border:1px solid var(--cui-violet-500)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-700);border-color:var(--cui-violet-700)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-700);border-color:var(--cui-violet-700)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-cyan]{background:var(--cui-cyan-700);color:var(--cui-gray-0);border:1px solid var(--cui-cyan-700)}@media (hover: hover){:host[data-appearance=action-cyan]:hover{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}}:host[data-appearance=action-cyan]:active{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}:host[data-appearance=action-cyan]:disabled{background:var(--cui-cyan-800);border-color:var(--cui-cyan-800)}:host[data-appearance=vivid-success]{background:var(--cui-success);color:var(--cui-gray-0);border:1px solid var(--cui-success)}@media (hover: hover){:host[data-appearance=vivid-success]:hover{background:var(--cui-green-700);border-color:var(--cui-green-700)}}:host[data-appearance=vivid-success]:active{background:var(--cui-green-700);border-color:var(--cui-green-700)}:host[data-appearance=vivid-success]:disabled{background:var(--cui-success);border-color:var(--cui-success)}: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)}@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)}:host{--cui-button-background: var(--c-background, transparent);--cui-button-background-hover: var(--c-background-hover, transparent);--cui-button-color: var(--c-color, transparent);--cui-button-color-hover: var(--c-color-hover, transparent);--cui-button-border-color: var(--c-border-color, transparent);--cui-button-border-color-hover: var(--c-border-color-hover, transparent)}:host[data-theme=default][data-appearance=action]{--c-background: var(--cui-bg-light-blue);--c-border-color: var(--cui-bg-light-blue);--c-background-hover: var(--cui-light-blue-600);--c-border-color-hover: var(--cui-light-blue-600);--c-color: var(--cui-gray-0);--c-color-hover: var(--cui-gray-0)}:host[data-theme=default][data-appearance=secondary]{--c-background: var(--cui-base-100);--c-background-hover: var(--cui-base-200);--c-border-color: var(--cui-base-100);--c-border-color-hover: var(--cui-base-200);--c-color: var(--cui-base-900);--c-color-hover: var(--cui-base-900)}:host[data-theme=default][data-appearance=outlined]{--c-background: var(--cui-base-0);--c-background-hover: var(--cui-base-50);--c-color: var(--cui-base-900);--c-color-hover: var(--cui-base-900);--c-border-color: var(--cui-base-200);--c-border-color-hover: var(--cui-base-200)}:host[data-theme=default][data-appearance=outlined-gray]{--c-background: var(--cui-base-10);--c-background-hover: var(--cui-base-50);--c-color: var(--cui-base-900);--c-color-hover: var(--cui-base-900);--c-border-color: var(--cui-base-200);--c-border-color-hover: var(--cui-base-200)}:host[data-theme=default][data-appearance=ghost]{--c-background-hover: var(--cui-base-50);--c-color: var(--cui-base-900);--c-color-hover: var(--cui-base-900)}:host[data-theme=default][data-appearance=flat]{--c-background-hover: var(--cui-base-50);--c-color: var(--cui-light-blue-600);--c-color-hover: var(--cui-light-blue-600)}:host[data-theme=default][data-appearance=link]{--c-color: var(--cui-info);--c-color-hover: var(--cui-blue-800)}\n"] }]
         }], propDecorators: { shape: [{
                 type: Input
             }, {
@@ -124,6 +109,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }, {
                 type: HostBinding,
                 args: ['attr.data-appearance']
+            }], theme: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-theme']
             }], size: [{
                 type: Input
             }, {
@@ -139,4 +129,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: ViewChild,
                 args: ['content']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFDTCxTQUFTLEVBRVosTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUUxQyxPQUFPLEVBQUUsa0JBQWtCLEVBQW9CLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUFReEUsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQU9xQixzQkFBaUIsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUM5QyxZQUFPLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLGFBQWtDLENBQUM7UUFDaEUsV0FBTSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUM1QixxQkFBZ0IsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUU5QyxrQkFBYSxHQUFHLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzlCLHlCQUFvQixHQUFtRDtZQUN0RixNQUFNLEVBQUUsdUJBQXVCO1lBQy9CLFNBQVMsRUFBRSwwQkFBMEI7WUFDckMsUUFBUSxFQUFFLHlCQUF5QjtZQUNuQyxlQUFlLEVBQUUsOEJBQThCO1lBQy9DLEtBQUssRUFBRSxzQkFBc0I7WUFDN0IsSUFBSSxFQUFFLHFCQUFxQjtZQUMzQixXQUFXLEVBQUUsNEJBQTRCO1lBQ3pDLElBQUksRUFBRSxxQkFBcUI7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K0dBcElRLGtCQUFrQjttR0FBbEIsa0JBQWtCLHdtQkN0Qi9CLGtwQkE2QkE7OzRGRFBhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxpQ0FBaUMsbUJBRzFCLHVCQUF1QixDQUFDLE1BQU07OEJBeUN4QyxLQUFLO3NCQUZYLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUt2QixRQUFRO3NCQUZkLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUt2QixhQUFhO3NCQUZuQixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGdCQUFnQjtnQkFJdEIsSUFBSTtzQkFEVixLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFLSyxVQUFVO3NCQUZwQixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHNCQUFzQjtnQkFheEIsSUFBSTtzQkFGZCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGdCQUFnQjtnQkF3Qm5CLGdCQUFnQjtzQkFEekIsV0FBVzt1QkFBQyxrQkFBa0I7Z0JBSWpCLFVBQVU7c0JBRHZCLFdBQVc7dUJBQUMsVUFBVTtnQkFNYixPQUFPO3NCQURoQixTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIGluamVjdCxcbiAgICBJbnB1dCxcbiAgICBWaWV3Q2hpbGQsXG4gICAgT25Jbml0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBDdWlJY29uIH0gZnJvbSAnQGN1YnktdWkvaWNvbnMnO1xuaW1wb3J0IHsgQ1VJX1dJTkRPVyB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XG5cbmltcG9ydCB7IENVSV9CVVRUT05fT1BUSU9OUywgQ3VpQnV0dG9uT3B0aW9ucyB9IGZyb20gJy4vYnV0dG9uLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2J1dHRvbltjdWlCdXR0b25dLCBhW2N1aUJ1dHRvbl0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXR0b24udGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLnN0eWxlLnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDdWlCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBDdWlCdXR0b25PcHRpb25zLCBPbkluaXQge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgY2hhbmdlRGV0ZWN0b3JSZWYgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdChFbGVtZW50UmVmKS5uYXRpdmVFbGVtZW50IGFzIEhUTUxCdXR0b25FbGVtZW50O1xuICAgIHByaXZhdGUgcmVhZG9ubHkgd2luZG93ID0gaW5qZWN0KENVSV9XSU5ET1cpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgY3VpQnV0dG9uT3B0aW9ucyA9IGluamVjdChDVUlfQlVUVE9OX09QVElPTlMpO1xuXG4gICAgcHJpdmF0ZSByZWFkb25seSBJQ09OX1hTX1NJWkVTID0gWyd4eHMnLCAneHh4cyddO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBBcHBlYXJhbmNlSWNvbkNvbG9yczogUmVjb3JkPEN1aUJ1dHRvbk9wdGlvbnNbJ2FwcGVhcmFuY2UnXSwgc3RyaW5nPiA9IHtcbiAgICAgICAgYWN0aW9uOiAnLS1jLWFjdGlvbi1pY29uLWNvbG9yJyxcbiAgICAgICAgc2Vjb25kYXJ5OiAnLS1jLXNlY29uZGFyeS1pY29uLWNvbG9yJyxcbiAgICAgICAgb3V0bGluZWQ6ICctLWMtb3V0bGluZWQtaWNvbi1jb2xvcicsXG4gICAgICAgICdvdXRsaW5lZC1ncmF5JzogJy0tYy1vdXRsaW5lZC1ncmF5LWljb24tY29sb3InLFxuICAgICAgICBnaG9zdDogJy0tYy1naG9zdC1pY29uLWNvbG9yJyxcbiAgICAgICAgZmxhdDogJy0tYy1mbGF0LWljb24tY29sb3InLFxuICAgICAgICBkZXN0cnVjdGl2ZTogJy0tYy1kZXN0cnVjdGl2ZS1pY29uLWNvbG9yJyxcbiAgICAgICAgbGluazogJy0tYy1saW5rLWljb24tY29sb3InLFxuICAgICAgICAnYWN0aW9uLXZpb2xldCc6ICctLWMtYWN0aW9uLXZpb2xldC1pY29uLWNvbG9yJyxcbiAgICAgICAgJ2FjdGlvbi1jeWFuJzogJy0tYy1hY3Rpb24tY3lhbi1pY29uLWNvbG9yJyxcbiAgICAgICAgJ3ZpdmlkLXN1Y2Nlc3MnOiAnLS1jLXZpdmlkLXN1Y2Nlc3MtaWNvbi1jb2xvcidcbiAgICB9O1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IENPTE9SX0JBU0VfNTAwID0gJ3ZhcigtLWN1aS1iYXNlLTUwMCknO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBCVVRUT05fSUNPTlNfQ09MT1JfQkFTRV81MDA6IEN1aUJ1dHRvbk9wdGlvbnNbJ2FwcGVhcmFuY2UnXVtdID0gW1xuICAgICAgICAnc2Vjb25kYXJ5JyxcbiAgICAgICAgJ291dGxpbmVkJyxcbiAgICAgICAgJ291dGxpbmVkLWdyYXknLFxuICAgICAgICAnZ2hvc3QnXG4gICAgXTtcblxuICAgIHByb3RlY3RlZCBfYXBwZWFyYW5jZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5hcHBlYXJhbmNlO1xuICAgIHByb3RlY3RlZCBpY29uQ29sb3IgPSB0aGlzLmdldEljb25Db2xvcih0aGlzLl9hcHBlYXJhbmNlKTtcbiAgICBwcm90ZWN0ZWQgX3NpemUgPSB0aGlzLmN1aUJ1dHRvbk9wdGlvbnMuc2l6ZTtcbiAgICBwcm90ZWN0ZWQgaWNvbkRpbWVuc2lvbnMgPSB7XG4gICAgICAgIHdpZHRoOiAyMCxcbiAgICAgICAgaGVpZ2h0OiAyMFxuICAgIH07XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNoYXBlJylcbiAgICBwdWJsaWMgc2hhcGUgPSB0aGlzLmN1aUJ1dHRvbk9wdGlvbnMuc2hhcGU7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuX2Rpc2FibGVkJylcbiAgICBwdWJsaWMgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fbG9hZGluZycpXG4gICAgcHVibGljIGlzTG9hZGVyU2hvd24gPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGljb24/OiBDdWlJY29uIHwgc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWNvblJpZ2h0PzogQ3VpSWNvbiB8IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtYXBwZWFyYW5jZScpXG4gICAgcHVibGljIGdldCBhcHBlYXJhbmNlKCk6IEN1aUJ1dHRvbk9wdGlvbnNbJ2FwcGVhcmFuY2UnXSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9hcHBlYXJhbmNlO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXQgYXBwZWFyYW5jZShhcHBlYXJhbmNlOiBDdWlCdXR0b25PcHRpb25zWydhcHBlYXJhbmNlJ10pIHtcbiAgICAgICAgdGhpcy5fYXBwZWFyYW5jZSA9IGFwcGVhcmFuY2U7XG5cbiAgICAgICAgdGhpcy5jaGFuZ2VJY29uQ29sb3IoKTtcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNpemUnKVxuICAgIHB1YmxpYyBnZXQgc2l6ZSgpOiBDdWlCdXR0b25PcHRpb25zWydzaXplJ10ge1xuICAgICAgICByZXR1cm4gdGhpcy5fc2l6ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHNpemUoc2l6ZTogQ3VpQnV0dG9uT3B0aW9uc1snc2l6ZSddKSB7XG4gICAgICAgIHRoaXMuX3NpemUgPSBzaXplO1xuXG4gICAgICAgIGlmICh0aGlzLklDT05fWFNfU0laRVMuaW5jbHVkZXMoc2l6ZSkpIHtcbiAgICAgICAgICAgIHRoaXMuaWNvbkRpbWVuc2lvbnMgPSB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE2LFxuICAgICAgICAgICAgICAgIGhlaWdodDogMTZcbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuaWNvbkRpbWVuc2lvbnMgPSB7XG4gICAgICAgICAgICB3aWR0aDogMjAsXG4gICAgICAgICAgICBoZWlnaHQ6IDIwXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fb25seS1pY29uJylcbiAgICBwcm90ZWN0ZWQgY29udGFpbnNPbmx5SWNvbiA9IGZhbHNlO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdkaXNhYmxlZCcpXG4gICAgcHJvdGVjdGVkIGdldCBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmlzTG9hZGVyU2hvd247XG4gICAgfVxuXG4gICAgQFZpZXdDaGlsZCgnY29udGVudCcpXG4gICAgcHJvdGVjdGVkIGNvbnRlbnQhOiBFbGVtZW50UmVmPEhUTUxTcGFuRWxlbWVudD47XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaW5pdEljb25Db2xvcigpO1xuICAgIH1cblxuICAgIHByaXZhdGUgaW5pdEljb25Db2xvcigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VJY29uQ29sb3IoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNoYW5nZUljb25Db2xvcigpOiB2b2lkIHtcbiAgICAgICAgUHJvbWlzZS5yZXNvbHZlKCkudGhlbigoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmljb25Db2xvciA9IHRoaXMuZ2V0SWNvbkNvbG9yKHRoaXMuX2FwcGVhcmFuY2UpO1xuXG4gICAgICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEljb25Db2xvcihhcHBlYXJhbmNlOiBDdWlCdXR0b25PcHRpb25zWydhcHBlYXJhbmNlJ10pOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBjdXN0b21JY29uQ29sb3IgPSB0aGlzLndpbmRvd1xuICAgICAgICAgICAgLmdldENvbXB1dGVkU3R5bGUodGhpcy5lbGVtZW50KVxuICAgICAgICAgICAgLmdldFByb3BlcnR5VmFsdWUodGhpcy5BcHBlYXJhbmNlSWNvbkNvbG9yc1thcHBlYXJhbmNlXSk7XG5cbiAgICAgICAgaWYgKGN1c3RvbUljb25Db2xvcikge1xuICAgICAgICAgICAgcmV0dXJuIGN1c3RvbUljb25Db2xvcjtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLkJVVFRPTl9JQ09OU19DT0xPUl9CQVNFXzUwMC5pbmNsdWRlcyhhcHBlYXJhbmNlKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuQ09MT1JfQkFTRV81MDA7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gJ2N1cnJlbnRDb2xvcic7XG4gICAgfVxufVxuIiwiPHNwYW5cbiAgY2xhc3M9XCJjLXdyYXBwZXJcIlxuICBbY2xhc3MuYy13cmFwcGVyX2ludmlzaWJsZV09XCJpc0xvYWRlclNob3duXCJcbj5cbiAgPGN1aS1zdmdcbiAgICAqbmdJZj1cImljb25cIlxuICAgIFtpY29uXT1cImljb25cIlxuICAgIFt3aWR0aF09XCJpY29uRGltZW5zaW9ucy53aWR0aFwiXG4gICAgW2hlaWdodF09XCJpY29uRGltZW5zaW9ucy5oZWlnaHRcIlxuICAgIFtjb2xvcl09XCJpY29uQ29sb3JcIlxuICA+PC9jdWktc3ZnPlxuICA8c3BhblxuICAgICNjb250ZW50XG4gICAgY2xhc3M9XCJjLWNvbnRlbnRcIlxuICA+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbiAgPGN1aS1zdmdcbiAgICAqbmdJZj1cImljb25SaWdodFwiXG4gICAgW2ljb25dPVwiaWNvblJpZ2h0XCJcbiAgICBbd2lkdGhdPVwiaWNvbkRpbWVuc2lvbnMud2lkdGhcIlxuICAgIFtoZWlnaHRdPVwiaWNvbkRpbWVuc2lvbnMuaGVpZ2h0XCJcbiAgICBbY29sb3JdPVwiaWNvbkNvbG9yXCJcbiAgPjwvY3VpLXN2Zz5cbjwvc3Bhbj5cbjxjdWktc3ZnXG4gICpuZ0lmPVwiaXNMb2FkZXJTaG93blwiXG4gIGljb249XCJjdWlJY29uTG9hZGluZ1wiXG4gIFtjb2xvcl09XCJpY29uQ29sb3JcIlxuICBjbGFzcz1cImMtbG9hZGVyXCJcbj48L2N1aS1zdmc+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFFTCxTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLGtCQUFrQixFQUF3RSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBUTVILE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFPcUIsc0JBQWlCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDOUMscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFFOUMsa0JBQWEsR0FBRyxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQztRQUM5QixtQkFBYyxHQUFHLHFCQUFxQixDQUFDO1FBQ3ZDLGdDQUEyQixHQUFxQztZQUMvRSxXQUFXO1lBQ1gsVUFBVTtZQUNWLGVBQWU7WUFDZixPQUFPO1NBQ1YsQ0FBQztRQUVRLFdBQU0sR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDO1FBQ3JDLGdCQUFXLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsQ0FBQztRQUMvQyxVQUFLLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQztRQUVuQyxjQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDaEQsbUJBQWMsR0FBRztZQUN2QixLQUFLLEVBQUUs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QkFBQyxnQkFBZ0I7Z0JBd0JuQixnQkFBZ0I7c0JBRHpCLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUlqQixVQUFVO3NCQUR2QixXQUFXO3VCQUFDLFVBQVU7Z0JBTWIsT0FBTztzQkFEaEIsU0FBUzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBpbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT25Jbml0LFxuICAgIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgQ3VpSWNvbiB9IGZyb20gJ0BjdWJ5LXVpL2ljb25zJztcblxuaW1wb3J0IHsgQ1VJX0JVVFRPTl9PUFRJT05TLCBDdWlCdXR0b25BcHBlYXJhbmNlLCBDdWlCdXR0b25PcHRpb25zLCBDdWlCdXR0b25TaXplLCBDdWlCdXR0b25UaGVtZSB9IGZyb20gJy4vYnV0dG9uLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2J1dHRvbltjdWlCdXR0b25dLCBhW2N1aUJ1dHRvbl0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXR0b24udGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDdWlCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBDdWlCdXR0b25PcHRpb25zLCBPbkluaXQge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgY2hhbmdlRGV0ZWN0b3JSZWYgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgY3VpQnV0dG9uT3B0aW9ucyA9IGluamVjdChDVUlfQlVUVE9OX09QVElPTlMpO1xuXG4gICAgcHJpdmF0ZSByZWFkb25seSBJQ09OX1hTX1NJWkVTID0gWyd4eHMnLCAneHh4cyddO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBDT0xPUl9CQVNFXzUwMCA9ICd2YXIoLS1jdWktYmFzZS01MDApJztcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgQlVUVE9OX0lDT05TX0NPTE9SX0JBU0VfNTAwOiBDdWlCdXR0b25PcHRpb25zWydhcHBlYXJhbmNlJ11bXSA9IFtcbiAgICAgICAgJ3NlY29uZGFyeScsXG4gICAgICAgICdvdXRsaW5lZCcsXG4gICAgICAgICdvdXRsaW5lZC1ncmF5JyxcbiAgICAgICAgJ2dob3N0J1xuICAgIF07XG5cbiAgICBwcm90ZWN0ZWQgX3RoZW1lID0gdGhpcy5jdWlCdXR0b25PcHRpb25zLnRoZW1lO1xuICAgIHByb3RlY3RlZCBfYXBwZWFyYW5jZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5hcHBlYXJhbmNlO1xuICAgIHByb3RlY3RlZCBfc2l6ZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5zaXplO1xuXG4gICAgcHJvdGVjdGVkIGljb25Db2xvciA9IHRoaXMuZ2V0SWNvbkNvbG9yKHRoaXMuX2FwcGVhcmFuY2UpO1xuICAgIHByb3RlY3RlZCBpY29uRGltZW5zaW9ucyA9IHtcbiAgICAgICAgd2lkdGg6IDIwLFxuICAgICAgICBoZWlnaHQ6IDIwXG4gICAgfTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc2hhcGUnKVxuICAgIHB1YmxpYyBzaGFwZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5zaGFwZTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fZGlzYWJsZWQnKVxuICAgIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9sb2FkaW5nJylcbiAgICBwdWJsaWMgaXNMb2FkZXJTaG93biA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWNvbj86IEN1aUljb24gfCBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpY29uUmlnaHQ/OiBDdWlJY29uIHwgc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1hcHBlYXJhbmNlJylcbiAgICBwdWJsaWMgZ2V0IGFwcGVhcmFuY2UoKTogQ3VpQnV0dG9uQXBwZWFyYW5jZSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9hcHBlYXJhbmNlO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXQgYXBwZWFyYW5jZShhcHBlYXJhbmNlOiBDdWlCdXR0b25BcHBlYXJhbmNlKSB7XG4gICAgICAgIHRoaXMuX2FwcGVhcmFuY2UgPSBhcHBlYXJhbmNlO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtdGhlbWUnKVxuICAgIHB1YmxpYyBnZXQgdGhlbWUoKTogQ3VpQnV0dG9uVGhlbWUge1xuICAgICAgICByZXR1cm4gdGhpcy5fdGhlbWU7XG4gICAgfVxuXG4gICAgcHVibGljIHNldCB0aGVtZSh0aGVtZTogQ3VpQnV0dG9uVGhlbWUpIHtcbiAgICAgICAgdGhpcy5fdGhlbWUgPSB0aGVtZTtcblxuICAgICAgICB0aGlzLmNoYW5nZUljb25Db2xvcigpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc2l6ZScpXG4gICAgcHVibGljIGdldCBzaXplKCk6IEN1aUJ1dHRvblNpemUge1xuICAgICAgICByZXR1cm4gdGhpcy5fc2l6ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHNpemUoc2l6ZTogQ3VpQnV0dG9uU2l6ZSkge1xuICAgICAgICB0aGlzLl9zaXplID0gc2l6ZTtcblxuICAgICAgICBpZiAodGhpcy5JQ09OX1hTX1NJWkVTLmluY2x1ZGVzKHNpemUpKSB7XG4gICAgICAgICAgICB0aGlzLmljb25EaW1lbnNpb25zID0ge1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNixcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDE2XG4gICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmljb25EaW1lbnNpb25zID0ge1xuICAgICAgICAgICAgd2lkdGg6IDIwLFxuICAgICAgICAgICAgaGVpZ2h0OiAyMFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuX29ubHktaWNvbicpXG4gICAgcHJvdGVjdGVkIGNvbnRhaW5zT25seUljb24gPSBmYWxzZTtcblxuICAgIEBIb3N0QmluZGluZygnZGlzYWJsZWQnKVxuICAgIHByb3RlY3RlZCBnZXQgaXNEaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5pc0xvYWRlclNob3duO1xuICAgIH1cblxuICAgIEBWaWV3Q2hpbGQoJ2NvbnRlbnQnKVxuICAgIHByb3RlY3RlZCBjb250ZW50ITogRWxlbWVudFJlZjxIVE1MU3BhbkVsZW1lbnQ+O1xuXG4gICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmluaXRJY29uQ29sb3IoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGluaXRJY29uQ29sb3IoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2hhbmdlSWNvbkNvbG9yKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjaGFuZ2VJY29uQ29sb3IoKTogdm9pZCB7XG4gICAgICAgIFByb21pc2UucmVzb2x2ZSgpLnRoZW4oKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5pY29uQ29sb3IgPSB0aGlzLmdldEljb25Db2xvcih0aGlzLl9hcHBlYXJhbmNlKTtcblxuICAgICAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRJY29uQ29sb3IoYXBwZWFyYW5jZTogQ3VpQnV0dG9uT3B0aW9uc1snYXBwZWFyYW5jZSddKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKHRoaXMuQlVUVE9OX0lDT05TX0NPTE9SX0JBU0VfNTAwLmluY2x1ZGVzKGFwcGVhcmFuY2UpKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5DT0xPUl9CQVNFXzUwMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAnY3VycmVudENvbG9yJztcbiAgICB9XG59XG4iLCI8c3BhblxuICBjbGFzcz1cImMtd3JhcHBlclwiXG4gIFtjbGFzcy5jLXdyYXBwZXJfaW52aXNpYmxlXT1cImlzTG9hZGVyU2hvd25cIlxuPlxuICA8Y3VpLXN2Z1xuICAgICpuZ0lmPVwiaWNvblwiXG4gICAgW2ljb25dPVwiaWNvblwiXG4gICAgW3dpZHRoXT1cImljb25EaW1lbnNpb25zLndpZHRoXCJcbiAgICBbaGVpZ2h0XT1cImljb25EaW1lbnNpb25zLmhlaWdodFwiXG4gICAgW2NvbG9yXT1cImljb25Db2xvclwiXG4gID48L2N1aS1zdmc+XG4gIDxzcGFuXG4gICAgI2NvbnRlbnRcbiAgICBjbGFzcz1cImMtY29udGVudFwiXG4gID48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxuICA8Y3VpLXN2Z1xuICAgICpuZ0lmPVwiaWNvblJpZ2h0XCJcbiAgICBbaWNvbl09XCJpY29uUmlnaHRcIlxuICAgIFt3aWR0aF09XCJpY29uRGltZW5zaW9ucy53aWR0aFwiXG4gICAgW2hlaWdodF09XCJpY29uRGltZW5zaW9ucy5oZWlnaHRcIlxuICAgIFtjb2xvcl09XCJpY29uQ29sb3JcIlxuICA+PC9jdWktc3ZnPlxuPC9zcGFuPlxuPGN1aS1zdmdcbiAgKm5nSWY9XCJpc0xvYWRlclNob3duXCJcbiAgaWNvbj1cImN1aUljb25Mb2FkaW5nXCJcbiAgW2NvbG9yXT1cImljb25Db2xvclwiXG4gIGNsYXNzPVwiYy1sb2FkZXJcIlxuPjwvY3VpLXN2Zz5cbiJdfQ==

package/esm2022/components/button/button.options.mjs

@@ -2,9 +2,10 @@ import { InjectionToken } from '@angular/core';
 export const CUI_BUTTON_DEFAULT_OPTIONS = {
     appearance: 'action',
     shape: null,
-    size: 'sm'
+    size: 'sm',
+    theme: 'default'
 };
 export const CUI_BUTTON_OPTIONS = new InjectionToken('', {
     factory: () => CUI_BUTTON_DEFAULT_OPTIONS
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUE0Qy9DLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFxQjtJQUN4RCxVQUFVLEVBQUUsUUFBUTtJQUNwQixLQUFLLEVBQUUsSUFBSTtJQUNYLElBQUksRUFBRSxJQUFJO0NBQ2IsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUFDLEVBQUUsRUFBRTtJQUNyRCxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsMEJBQTBCO0NBQzVDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHtcbiAgICBDdWlBcHBlYXJhbmNlQWN0aW9uLFxuICAgIEN1aUFwcGVhcmFuY2VBY3Rpb25DeWFuLFxuICAgIEN1aUFwcGVhcmFuY2VBY3Rpb25WaW9sZXQsXG4gICAgQ3VpQXBwZWFyYW5jZURlc3RydWN0aXZlLFxuICAgIEN1aUFwcGVhcmFuY2VGbGF0LFxuICAgIEN1aUFwcGVhcmFuY2VHaG9zdCxcbiAgICBDdWlBcHBlYXJhbmNlTGluayxcbiAgICBDdWlBcHBlYXJhbmNlT3V0bGluZWQsXG4gICAgQ3VpQXBwZWFyYW5jZU91dGxpbmVkR3JheSxcbiAgICBDdWlBcHBlYXJhbmNlU2Vjb25kYXJ5LFxuICAgIEN1aUFwcGVhcmFuY2VWaXZpZFN1Y2Nlc3MsXG4gICAgQ3VpU2hhcGVSb3VuZGVkLFxuICAgIEN1aVNpemVNZCxcbiAgICBDdWlTaXplU20sXG4gICAgQ3VpU2l6ZVhzLFxuICAgIEN1aVNpemVYeHMsXG4gICAgQ3VpU2l6ZVh4eHNcbn0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEN1aUJ1dHRvbk9wdGlvbnMge1xuICAgIHJlYWRvbmx5IGFwcGVhcmFuY2U6XG4gICAgfCBDdWlBcHBlYXJhbmNlQWN0aW9uXG4gICAgfCBDdWlBcHBlYXJhbmNlU2Vjb25kYXJ5XG4gICAgfCBDdWlBcHBlYXJhbmNlT3V0bGluZWRcbiAgICB8IEN1aUFwcGVhcmFuY2VPdXRsaW5lZEdyYXlcbiAgICB8IEN1aUFwcGVhcmFuY2VHaG9zdFxuICAgIHwgQ3VpQXBwZWFyYW5jZUZsYXRcbiAgICB8IEN1aUFwcGVhcmFuY2VWaXZpZFN1Y2Nlc3NcbiAgICB8IEN1aUFwcGVhcmFuY2VEZXN0cnVjdGl2ZVxuICAgIHwgQ3VpQXBwZWFyYW5jZUxpbmtcbiAgICB8IEN1aUFwcGVhcmFuY2VBY3Rpb25WaW9sZXRcbiAgICB8IEN1aUFwcGVhcmFuY2VBY3Rpb25DeWFuXG4gICAgcmVhZG9ubHkgc2hhcGU6IEN1aVNoYXBlUm91bmRlZCB8IG51bGw7XG4gICAgcmVhZG9ubHkgc2l6ZTpcbiAgICB8IEN1aVNpemVYeHhzXG4gICAgfCBDdWlTaXplWHhzXG4gICAgfCBDdWlTaXplWHNcbiAgICB8IEN1aVNpemVTbVxuICAgIHwgQ3VpU2l6ZU1kO1xufVxuXG5leHBvcnQgY29uc3QgQ1VJX0JVVFRPTl9ERUZBVUxUX09QVElPTlM6IEN1aUJ1dHRvbk9wdGlvbnMgPSB7XG4gICAgYXBwZWFyYW5jZTogJ2FjdGlvbicsXG4gICAgc2hhcGU6IG51bGwsXG4gICAgc2l6ZTogJ3NtJ1xufTtcblxuZXhwb3J0IGNvbnN0IENVSV9CVVRUT05fT1BUSU9OUyA9IG5ldyBJbmplY3Rpb25Ub2tlbignJywge1xuICAgIGZhY3Rvcnk6ICgpID0+IENVSV9CVVRUT05fREVGQVVMVF9PUFRJT05TXG59KTtcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFrRC9DLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFxQjtJQUN4RCxVQUFVLEVBQUUsUUFBUTtJQUNwQixLQUFLLEVBQUUsSUFBSTtJQUNYLElBQUksRUFBRSxJQUFJO0lBQ1YsS0FBSyxFQUFFLFNBQVM7Q0FDbkIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUFDLEVBQUUsRUFBRTtJQUNyRCxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsMEJBQTBCO0NBQzVDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHtcbiAgICBDdWlBcHBlYXJhbmNlQWN0aW9uLFxuICAgIEN1aUFwcGVhcmFuY2VBY3Rpb25DeWFuLFxuICAgIEN1aUFwcGVhcmFuY2VBY3Rpb25WaW9sZXQsXG4gICAgQ3VpQXBwZWFyYW5jZURlc3RydWN0aXZlLFxuICAgIEN1aUFwcGVhcmFuY2VGbGF0LFxuICAgIEN1aUFwcGVhcmFuY2VHaG9zdCxcbiAgICBDdWlBcHBlYXJhbmNlTGluayxcbiAgICBDdWlBcHBlYXJhbmNlT3V0bGluZWQsXG4gICAgQ3VpQXBwZWFyYW5jZU91dGxpbmVkR3JheSxcbiAgICBDdWlBcHBlYXJhbmNlU2Vjb25kYXJ5LFxuICAgIEN1aUFwcGVhcmFuY2VWaXZpZFN1Y2Nlc3MsXG4gICAgQ3VpQnV0dG9uVGhlbWVDeWFuLFxuICAgIEN1aUJ1dHRvblRoZW1lRGVmYXVsdCxcbiAgICBDdWlCdXR0b25UaGVtZVN1Y2Nlc3MsXG4gICAgQ3VpQnV0dG9uVGhlbWVWaW9sZXQsXG4gICAgQ3VpQnV0dG9uVGhlbWVWaXZpZFN1Y2Nlc3MsXG4gICAgQ3VpU2hhcGVSb3VuZGVkLFxuICAgIEN1aVNpemVNZCxcbiAgICBDdWlTaXplU20sXG4gICAgQ3VpU2l6ZVhzLFxuICAgIEN1aVNpemVYeHMsXG4gICAgQ3VpU2l6ZVh4eHNcbn0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEN1aUJ1dHRvbk9wdGlvbnMge1xuICAgIHJlYWRvbmx5IGFwcGVhcmFuY2U6IEN1aUJ1dHRvbkFwcGVhcmFuY2U7XG4gICAgcmVhZG9ubHkgc2hhcGU6IEN1aUJ1dHRvblNoYXBlO1xuICAgIHJlYWRvbmx5IHNpemU6IEN1aUJ1dHRvblNpemU7XG4gICAgcmVhZG9ubHkgdGhlbWU6IEN1aUJ1dHRvblRoZW1lO1xufVxuXG5leHBvcnQgdHlwZSBDdWlCdXR0b25BcHBlYXJhbmNlID1cbiAgICB8IEN1aUFwcGVhcmFuY2VBY3Rpb25cbiAgICB8IEN1aUFwcGVhcmFuY2VTZWNvbmRhcnlcbiAgICB8IEN1aUFwcGVhcmFuY2VPdXRsaW5lZFxuICAgIHwgQ3VpQXBwZWFyYW5jZU91dGxpbmVkR3JheVxuICAgIHwgQ3VpQXBwZWFyYW5jZUdob3N0XG4gICAgfCBDdWlBcHBlYXJhbmNlRmxhdFxuICAgIHwgQ3VpQXBwZWFyYW5jZVZpdmlkU3VjY2Vzc1xuICAgIHwgQ3VpQXBwZWFyYW5jZURlc3RydWN0aXZlXG4gICAgfCBDdWlBcHBlYXJhbmNlTGlua1xuICAgIHwgQ3VpQXBwZWFyYW5jZUFjdGlvblZpb2xldFxuICAgIHwgQ3VpQXBwZWFyYW5jZUFjdGlvbkN5YW47XG5leHBvcnQgdHlwZSBDdWlCdXR0b25UaGVtZSA9IEN1aUJ1dHRvblRoZW1lRGVmYXVsdCB8IEN1aUJ1dHRvblRoZW1lVmlvbGV0IHwgQ3VpQnV0dG9uVGhlbWVDeWFuIHwgQ3VpQnV0dG9uVGhlbWVTdWNjZXNzIHwgQ3VpQnV0dG9uVGhlbWVWaXZpZFN1Y2Nlc3M7XG5leHBvcnQgdHlwZSBDdWlCdXR0b25TaXplID0gQ3VpU2l6ZVh4eHMgfCBDdWlTaXplWHhzIHwgQ3VpU2l6ZVhzIHwgQ3VpU2l6ZVNtIHwgQ3VpU2l6ZU1kO1xuZXhwb3J0IHR5cGUgQ3VpQnV0dG9uU2hhcGUgPSBDdWlTaGFwZVJvdW5kZWQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgQ1VJX0JVVFRPTl9ERUZBVUxUX09QVElPTlM6IEN1aUJ1dHRvbk9wdGlvbnMgPSB7XG4gICAgYXBwZWFyYW5jZTogJ2FjdGlvbicsXG4gICAgc2hhcGU6IG51bGwsXG4gICAgc2l6ZTogJ3NtJyxcbiAgICB0aGVtZTogJ2RlZmF1bHQnXG59O1xuXG5leHBvcnQgY29uc3QgQ1VJX0JVVFRPTl9PUFRJT05TID0gbmV3IEluamVjdGlvblRva2VuKCcnLCB7XG4gICAgZmFjdG9yeTogKCkgPT4gQ1VJX0JVVFRPTl9ERUZBVUxUX09QVElPTlNcbn0pO1xuIl19

package/esm2022/components/dialog/dialog-header/dialog-header.component.mjs

@@ -11,7 +11,7 @@ export class CuiDialogHeaderComponent {
         this.closed.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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: i3.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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: i3.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiDialogHeaderComponent, decorators: [{
             type: Component,
@@ -25,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], closed: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy1oZWFkZXIvZGlhbG9nLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy1oZWFkZXIvZGlhbG9nLWhlYWRlci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBVWhHLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFpQmtCLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO0tBS3pEO0lBSFcsT0FBTyxDQUFDLEtBQWlCO1FBQ2pDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFCLENBQUM7K0dBZlUsd0JBQXdCO21HQUF4Qix3QkFBd0IsbU1DVnJDLHdYQWFBOzs0RkRIYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0Usa0NBQWtDLG1CQUczQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUl4QyxPQUFPO3NCQURiLEtBQUs7Z0JBSUMsY0FBYztzQkFEcEIsS0FBSztnQkFJQyxVQUFVO3NCQURoQixLQUFLO2dCQUlVLE1BQU07c0JBRHJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgUG9seW1vcnBoZXVzQ29udGVudCB9IGZyb20gJ0B0YWlnYS11aS9wb2x5bW9ycGhldXMnO1xuaW1wb3J0IHsgUG9seW1vcnBoZXVzQ29udGV4dCB9IGZyb20gJ0B0YWlnYS11aS9wb2x5bW9ycGhldXMvY2xhc3Nlcy9jb250ZXh0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaGVhZGVyW2N1aURpYWxvZ0hlYWRlcl1baGVhZGluZ10nLFxuICB0ZW1wbGF0ZVVybDogJy4vZGlhbG9nLWhlYWRlci50ZW1wbGF0ZS5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLWhlYWRlci5zdHlsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEN1aURpYWxvZ0hlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoZWFkaW5nITogUG9seW1vcnBoZXVzQ29udGVudDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgaGVhZGluZ0NvbnRleHQ/OiBQb2x5bW9ycGhldXNDb250ZXh0PGFueT5bJyRpbXBsaWNpdCddO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzdWJoZWFkaW5nPzogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xuXG4gIHByb3RlY3RlZCBvbkNsb3NlKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZWQuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjLWhlYWRpbmdcIj5cbiAgPG5nLWNvbnRhaW5lciAqcG9seW1vcnBoZXVzT3V0bGV0PVwiaGVhZGluZyBhcyBoZWFkaW5nOyBjb250ZXh0OiBoZWFkaW5nQ29udGV4dFwiPnt7IGhlYWRpbmcgfX08L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuPGJ1dHRvblxuICBjdWlCdXR0b25cbiAgdHlwZT1cImJ1dHRvblwiXG4gIGFwcGVhcmFuY2U9XCJnaG9zdFwiXG4gIGljb249XCJjdWlJY29uQ2xlYXJTbVwiXG4gIGNsYXNzPVwiYy1idXR0b25cIlxuICAoY2xpY2spPVwib25DbG9zZSgkZXZlbnQpXCJcbj48L2J1dHRvbj5cbjxzcGFuICpuZ0lmPVwic3ViaGVhZGluZ1wiPnt7IHN1YmhlYWRpbmcgfX08L3NwYW4+XG48bmctY29udGVudCAvPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy1oZWFkZXIvZGlhbG9nLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvZGlhbG9nL2RpYWxvZy1oZWFkZXIvZGlhbG9nLWhlYWRlci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBVWhHLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFpQm9CLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO0tBSzNEO0lBSGEsT0FBTyxDQUFDLEtBQWlCO1FBQy9CLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVCLENBQUM7K0dBZlEsd0JBQXdCO21HQUF4Qix3QkFBd0IsbU1DVnJDLHdYQWFBOzs0RkRIYSx3QkFBd0I7a0JBTnBDLFNBQVM7K0JBQ0ksa0NBQWtDLG1CQUczQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUl4QyxPQUFPO3NCQURiLEtBQUs7Z0JBSUMsY0FBYztzQkFEcEIsS0FBSztnQkFJQyxVQUFVO3NCQURoQixLQUFLO2dCQUlVLE1BQU07c0JBRHJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBvbHltb3JwaGV1c0NvbnRlbnQgfSBmcm9tICdAdGFpZ2EtdWkvcG9seW1vcnBoZXVzJztcbmltcG9ydCB7IFBvbHltb3JwaGV1c0NvbnRleHQgfSBmcm9tICdAdGFpZ2EtdWkvcG9seW1vcnBoZXVzL2NsYXNzZXMvY29udGV4dCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnaGVhZGVyW2N1aURpYWxvZ0hlYWRlcl1baGVhZGluZ10nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctaGVhZGVyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RpYWxvZy1oZWFkZXIuc3R5bGUuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEN1aURpYWxvZ0hlYWRlckNvbXBvbmVudDxUPiB7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaGVhZGluZyE6IFBvbHltb3JwaGV1c0NvbnRlbnQ7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBoZWFkaW5nQ29udGV4dD86IFQ7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzdWJoZWFkaW5nPzogc3RyaW5nO1xuXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIHJlYWRvbmx5IGNsb3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcblxuICAgIHByb3RlY3RlZCBvbkNsb3NlKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2xvc2VkLmVtaXQoZXZlbnQpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjLWhlYWRpbmdcIj5cbiAgPG5nLWNvbnRhaW5lciAqcG9seW1vcnBoZXVzT3V0bGV0PVwiaGVhZGluZyBhcyBoZWFkaW5nOyBjb250ZXh0OiBoZWFkaW5nQ29udGV4dFwiPnt7IGhlYWRpbmcgfX08L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuPGJ1dHRvblxuICBjdWlCdXR0b25cbiAgdHlwZT1cImJ1dHRvblwiXG4gIGFwcGVhcmFuY2U9XCJnaG9zdFwiXG4gIGljb249XCJjdWlJY29uQ2xlYXJTbVwiXG4gIGNsYXNzPVwiYy1idXR0b25cIlxuICAoY2xpY2spPVwib25DbG9zZSgkZXZlbnQpXCJcbj48L2J1dHRvbj5cbjxzcGFuICpuZ0lmPVwic3ViaGVhZGluZ1wiPnt7IHN1YmhlYWRpbmcgfX08L3NwYW4+XG48bmctY29udGVudCAvPlxuIl19

package/esm2022/editor/components/editor-tool-modal/editor-tool-modal.component.mjs

@@ -47,7 +47,7 @@ export class EditorToolModalComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorToolModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EditorToolModalComponent, isStandalone: true, selector: "ng-component", inputs: { tool: "tool", marker: "marker" }, outputs: { closed: "closed" }, host: { properties: { "class._hidden": "this._isHidden", "class._fullscreen": "this._isFullscreen" } }, hostDirectives: [{ directive: i1.CuiClickOutsideDirective }], ngImport: i0, template: "<div class=\"triangle\"></div>\n<div class=\"wrapper\">\n    <header class=\"header\">\n        <h3 class=\"title\">{{ tool.title }}</h3>\n        <div class=\"header__buttons\">\n            <!-- TODO: replace icon with 'maximize' -->\n            <button\n                cuiButton\n                type=\"button\"\n                appearance=\"ghost\"\n                size=\"xxs\"\n                icon=\"cuiIconArrowSortSm\"\n                (click)=\"onMaximizeModal()\"\n            ></button>\n            <button\n                cuiButton\n                type=\"button\"\n                appearance=\"ghost\"\n                size=\"xxs\"\n                icon=\"cuiIconX\"\n                (click)=\"onCloseModal()\"\n            ></button>\n        </div>\n    </header>\n    <div class=\"content\">\n        <div class=\"info\">\n            <!-- TODO: \u0431\u0443\u0434\u0435\u0442 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0430-->\n            <p class=\"info__item\">\n                <span class=\"info__field\">\u0422\u0438\u043F:</span>\n                <span class=\"info__title\">{{ tool.title }}</span>\n            </p>\n            <p class=\"info__item\">\n                <span class=\"info__field\">\u0421\u0442\u0440\u0430\u043D\u0430 \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044C:</span>\n                <span class=\"info__title\">{{ tool.title }}</span>\n            </p>\n        </div>\n    </div>\n</div>\n", styles: [".content{padding-right:23px;padding-left:23px;padding-bottom:7px;font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font);max-height:415px;overflow-y:auto}:host{position:absolute;z-index:10;left:50%;top:30px;min-height:100px;max-width:450px}:host._fullscreen{position:fixed;top:0!important;left:0!important;max-width:none;height:100vh;width:100%;transform:none}:host._fullscreen .content{max-height:calc(100% - 56px)}:host._hidden{visibility:hidden}.triangle{position:absolute;top:-7px;left:50%;width:14px;height:14px;border-radius:2px;border:1px solid var(--cui-base-200);background:var(--cui-base-0);transform:translate(-50%) rotate(45deg)}.wrapper{position:relative;border-radius:8px;border:1px solid var(--cui-base-200);background:var(--cui-base-0);height:100%}.header{padding:8.2px 15px 8px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.title{font-weight:500;font-size:14px;line-height:20px;padding-top:2px;padding-bottom:2px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--cui-base-900)}.info{display:flex;flex-direction:column;gap:8px}.info__item{display:flex;gap:8px}.info__field{font-weight:400;font-size:16px;line-height:24px;text-wrap:nowrap;color:var(--cui-gray-600)}.info__title{font-weight:500;font-size:16px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--cui-base-900)}\n"], dependencies: [{ kind: "ngmodule", type: CuiButtonModule }, { kind: "component", type: i2.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EditorToolModalComponent, isStandalone: true, selector: "ng-component", inputs: { tool: "tool", marker: "marker" }, outputs: { closed: "closed" }, host: { properties: { "class._hidden": "this._isHidden", "class._fullscreen": "this._isFullscreen" } }, hostDirectives: [{ directive: i1.CuiClickOutsideDirective }], ngImport: i0, template: "<div class=\"triangle\"></div>\n<div class=\"wrapper\">\n    <header class=\"header\">\n        <h3 class=\"title\">{{ tool.title }}</h3>\n        <div class=\"header__buttons\">\n            <!-- TODO: replace icon with 'maximize' -->\n            <button\n                cuiButton\n                type=\"button\"\n                appearance=\"ghost\"\n                size=\"xxs\"\n                icon=\"cuiIconArrowSortSm\"\n                (click)=\"onMaximizeModal()\"\n            ></button>\n            <button\n                cuiButton\n                type=\"button\"\n                appearance=\"ghost\"\n                size=\"xxs\"\n                icon=\"cuiIconX\"\n                (click)=\"onCloseModal()\"\n            ></button>\n        </div>\n    </header>\n    <div class=\"content\">\n        <div class=\"info\">\n            <!-- TODO: \u0431\u0443\u0434\u0435\u0442 \u043A\u0430\u0440\u0442\u0438\u043D\u043A\u0430-->\n            <p class=\"info__item\">\n                <span class=\"info__field\">\u0422\u0438\u043F:</span>\n                <span class=\"info__title\">{{ tool.title }}</span>\n            </p>\n            <p class=\"info__item\">\n                <span class=\"info__field\">\u0421\u0442\u0440\u0430\u043D\u0430 \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0438\u0442\u0435\u043B\u044C:</span>\n                <span class=\"info__title\">{{ tool.title }}</span>\n            </p>\n        </div>\n    </div>\n</div>\n", styles: [".content{padding-right:23px;padding-left:23px;padding-bottom:7px;font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font);max-height:415px;overflow-y:auto}:host{position:absolute;z-index:10;left:50%;top:30px;min-height:100px;max-width:450px}:host._fullscreen{position:fixed;top:0!important;left:0!important;max-width:none;height:100vh;width:100%;transform:none}:host._fullscreen .content{max-height:calc(100% - 56px)}:host._hidden{visibility:hidden}.triangle{position:absolute;top:-7px;left:50%;width:14px;height:14px;border-radius:2px;border:1px solid var(--cui-base-200);background:var(--cui-base-0);transform:translate(-50%) rotate(45deg)}.wrapper{position:relative;border-radius:8px;border:1px solid var(--cui-base-200);background:var(--cui-base-0);height:100%}.header{padding:8.2px 15px 8px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.title{font-weight:500;font-size:14px;line-height:20px;padding-top:2px;padding-bottom:2px;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--cui-base-900)}.info{display:flex;flex-direction:column;gap:8px}.info__item{display:flex;gap:8px}.info__field{font-weight:400;font-size:16px;line-height:24px;text-wrap:nowrap;color:var(--cui-gray-600)}.info__title{font-weight:500;font-size:16px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--cui-base-900)}\n"], dependencies: [{ kind: "ngmodule", type: CuiButtonModule }, { kind: "component", type: i2.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorToolModalComponent, decorators: [{
             type: Component,