@cuby-ui/core 0.0.241 → 0.0.243

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7,12 +7,13 @@ export declare class CuiButtonComponent implements CuiButtonOptions, OnInit {
7
7
  private readonly element;
8
8
  private readonly window;
9
9
  private readonly cuiButtonOptions;
10
+ private readonly ICON_XS_SIZES;
10
11
  protected readonly AppearanceIconColors: Record<CuiButtonOptions['appearance'], string>;
11
12
  protected readonly COLOR_BASE_500 = "var(--cui-base-500)";
12
13
  protected readonly BUTTON_ICONS_COLOR_BASE_500: CuiButtonOptions['appearance'][];
13
14
  protected _appearance: "flat" | "action" | "link" | "secondary" | "outlined" | "outlined-gray" | "ghost" | "destructive" | "action-violet";
14
15
  protected iconColor: string;
15
- protected _size: "xxs" | "xs" | "sm" | "md";
16
+ protected _size: "xxxs" | "xxs" | "xs" | "sm" | "md";
16
17
  protected iconDimensions: {
17
18
  width: number;
18
19
  height: number;
@@ -1,9 +1,9 @@
1
1
  import { InjectionToken } from '@angular/core';
2
- import type { CuiAppearanceAction, CuiAppearanceActionViolet, CuiAppearanceDestructive, CuiAppearanceFlat, CuiAppearanceGhost, CuiAppearanceLink, CuiAppearanceOutlined, CuiAppearanceOutlinedGray, CuiAppearanceSecondary, CuiShapeRounded, CuiSizeMd, CuiSizeSm, CuiSizeXs, CuiSizeXxs } from '../../types';
2
+ import type { CuiAppearanceAction, CuiAppearanceActionViolet, CuiAppearanceDestructive, CuiAppearanceFlat, CuiAppearanceGhost, CuiAppearanceLink, CuiAppearanceOutlined, CuiAppearanceOutlinedGray, CuiAppearanceSecondary, CuiShapeRounded, CuiSizeMd, CuiSizeSm, CuiSizeXs, CuiSizeXxs, CuiSizeXxxs } from '../../types';
3
3
  export interface CuiButtonOptions {
4
4
  readonly appearance: CuiAppearanceAction | CuiAppearanceSecondary | CuiAppearanceOutlined | CuiAppearanceOutlinedGray | CuiAppearanceGhost | CuiAppearanceFlat | CuiAppearanceDestructive | CuiAppearanceLink | CuiAppearanceActionViolet;
5
5
  readonly shape: CuiShapeRounded | null;
6
- readonly size: CuiSizeXxs | CuiSizeXs | CuiSizeSm | CuiSizeMd;
6
+ readonly size: CuiSizeXxxs | CuiSizeXxs | CuiSizeXs | CuiSizeSm | CuiSizeMd;
7
7
  }
8
8
  export declare const CUI_BUTTON_DEFAULT_OPTIONS: CuiButtonOptions;
9
9
  export declare const CUI_BUTTON_OPTIONS: InjectionToken<CuiButtonOptions>;
@@ -10,6 +10,7 @@ export class CuiButtonComponent {
10
10
  this.element = inject(ElementRef).nativeElement;
11
11
  this.window = inject(CUI_WINDOW);
12
12
  this.cuiButtonOptions = inject(CUI_BUTTON_OPTIONS);
13
+ this.ICON_XS_SIZES = ['xxs', 'xxxs'];
13
14
  this.AppearanceIconColors = {
14
15
  action: '--c-action-icon-color',
15
16
  secondary: '--c-secondary-icon-color',
@@ -52,7 +53,7 @@ export class CuiButtonComponent {
52
53
  }
53
54
  set size(size) {
54
55
  this._size = size;
55
- if (size === 'xxs') {
56
+ if (this.ICON_XS_SIZES.includes(size)) {
56
57
  this.iconDimensions = {
57
58
  width: 16,
58
59
  height: 16
@@ -92,11 +93,11 @@ export class CuiButtonComponent {
92
93
  return 'currentColor';
93
94
  }
94
95
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
95
- 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 class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;border-radius:8px;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host[data-shape=rounded]{border-radius:20px}:host[data-appearance=action]{background:var(--c-action-background);color:var(--cui-gray-0);border:1px solid var(--c-action-border-color)}@media (hover: hover){:host[data-appearance=action]:hover{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}}:host[data-appearance=action]:active{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}:host[data-appearance=action]:disabled{background:var(--c-action-background);border-color:var(--c-action-border-color)}:host[data-appearance=action-violet]{background:var(--cui-violet-400);color:var(--cui-gray-0);border:1px solid var(--cui-violet-400)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-400);border-color:var(--cui-violet-400)}:host[data-appearance=secondary]{background:var(--cui-base-100);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=secondary]:hover{background:var(--cui-base-200)}}:host[data-appearance=secondary]:active{background:var(--cui-base-200)}:host[data-appearance=secondary]:disabled{background:var(--cui-base-100)}:host[data-appearance=outlined]{border:1px solid var(--cui-base-200);background:var(--cui-base-0);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=outlined]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined]:active{background:var(--cui-base-50)}:host[data-appearance=outlined]:disabled{background:var(--cui-base-0)}:host[data-appearance=outlined-gray]{border:1px solid var(--cui-base-200);background:var(--cui-base-10);color:var(--c-outlined-gray-color)}@media (hover: hover){:host[data-appearance=outlined-gray]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined-gray]:active{background:var(--cui-base-50)}:host[data-appearance=outlined-gray]:disabled{background:var(--cui-base-10)}:host[data-appearance=ghost]{color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=ghost]:hover{background:var(--cui-base-50)}}:host[data-appearance=ghost]:active{background:var(--cui-base-50)}:host[data-appearance=ghost]:disabled{background:inherit}:host[data-appearance=flat]{color:var(--cui-light-blue-600)}@media (hover: hover){:host[data-appearance=flat]:hover{background:var(--cui-base-50)}}:host[data-appearance=flat]:active{background:var(--cui-base-50)}:host[data-appearance=flat]:disabled{background:inherit}:host[data-appearance=destructive]{background:var(--cui-danger);color:var(--cui-gray-0)}@media (hover: hover){:host[data-appearance=destructive]:hover{background:var(--cui-red-600)}}:host[data-appearance=destructive]:active{background:var(--cui-red-600)}:host[data-appearance=destructive]:disabled{background:var(--cui-danger)}:host[data-appearance=link]{height:24px!important;padding:0 4px!important;color:var(--cui-info)}@media (hover: hover){:host[data-appearance=link]:hover{color:var(--cui-blue-800)}}:host[data-appearance=link]:active{color:var(--cui-blue-800)}:host[data-appearance=link]:disabled{color:var(--cui-info)}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 12px}:host[data-size=xxs][data-appearance=action],:host[data-size=xxs][data-appearance=outlined],:host[data-size=xxs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xxs]:has(.c-content:empty){width:28px}:host[data-size=xxs] .c-wrapper{gap:6px}:host[data-size=xs]{font-size:13px;line-height:16px;height:32px;padding:0 12px}:host[data-size=xs][data-appearance=action],:host[data-size=xs][data-appearance=outlined],:host[data-size=xs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xs]:has(.c-content:empty){width:32px}:host[data-size=sm]{height:36px;padding:0 14px}:host[data-size=sm][data-appearance=action],:host[data-size=sm][data-appearance=outlined],:host[data-size=sm][data-appearance=outlined-gray]{padding:0 13px}:host[data-size=sm]:has(.c-content:empty){width:36px}:host[data-size=md]{height:40px;padding:0 16px}:host[data-size=md][data-appearance=action],:host[data-size=md][data-appearance=outlined],:host[data-size=md][data-appearance=outlined-gray]{padding:0 15px}:host[data-size=md]:has(.c-content:empty){width:40px}:host._disabled{opacity:.5}@media (hover: hover){:host-context([cuiTheme=dark])[data-appearance=destructive]:hover{background:var(--cui-red-300)}}:host-context([cuiTheme=dark])[data-appearance=destructive]:active{background:var(--cui-red-300)}:host-context([cuiTheme=dark])[data-appearance=destructive]:disabled{background:var(--cui-danger)}.c-content:empty{display:contents}.c-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;height:100%}.c-wrapper_invisible{opacity:0}.c-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
96
+ 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 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-400);color:var(--cui-gray-0);border:1px solid var(--cui-violet-400)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-400);border-color:var(--cui-violet-400)}: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 12px;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 11px}: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 }); }
96
97
  }
97
98
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiButtonComponent, decorators: [{
98
99
  type: Component,
99
- args: [{ selector: 'button[cuiButton], a[cuiButton]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n class=\"c-wrapper\"\n [class.c-wrapper_invisible]=\"isLoaderShown\"\n>\n <cui-svg\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n <span\n #content\n class=\"c-content\"\n ><ng-content></ng-content></span>\n <cui-svg\n *ngIf=\"iconRight\"\n [icon]=\"iconRight\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n</span>\n<cui-svg\n *ngIf=\"isLoaderShown\"\n icon=\"cuiIconLoading\"\n class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;border-radius:8px;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host[data-shape=rounded]{border-radius:20px}:host[data-appearance=action]{background:var(--c-action-background);color:var(--cui-gray-0);border:1px solid var(--c-action-border-color)}@media (hover: hover){:host[data-appearance=action]:hover{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}}:host[data-appearance=action]:active{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}:host[data-appearance=action]:disabled{background:var(--c-action-background);border-color:var(--c-action-border-color)}:host[data-appearance=action-violet]{background:var(--cui-violet-400);color:var(--cui-gray-0);border:1px solid var(--cui-violet-400)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-400);border-color:var(--cui-violet-400)}:host[data-appearance=secondary]{background:var(--cui-base-100);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=secondary]:hover{background:var(--cui-base-200)}}:host[data-appearance=secondary]:active{background:var(--cui-base-200)}:host[data-appearance=secondary]:disabled{background:var(--cui-base-100)}:host[data-appearance=outlined]{border:1px solid var(--cui-base-200);background:var(--cui-base-0);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=outlined]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined]:active{background:var(--cui-base-50)}:host[data-appearance=outlined]:disabled{background:var(--cui-base-0)}:host[data-appearance=outlined-gray]{border:1px solid var(--cui-base-200);background:var(--cui-base-10);color:var(--c-outlined-gray-color)}@media (hover: hover){:host[data-appearance=outlined-gray]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined-gray]:active{background:var(--cui-base-50)}:host[data-appearance=outlined-gray]:disabled{background:var(--cui-base-10)}:host[data-appearance=ghost]{color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=ghost]:hover{background:var(--cui-base-50)}}:host[data-appearance=ghost]:active{background:var(--cui-base-50)}:host[data-appearance=ghost]:disabled{background:inherit}:host[data-appearance=flat]{color:var(--cui-light-blue-600)}@media (hover: hover){:host[data-appearance=flat]:hover{background:var(--cui-base-50)}}:host[data-appearance=flat]:active{background:var(--cui-base-50)}:host[data-appearance=flat]:disabled{background:inherit}:host[data-appearance=destructive]{background:var(--cui-danger);color:var(--cui-gray-0)}@media (hover: hover){:host[data-appearance=destructive]:hover{background:var(--cui-red-600)}}:host[data-appearance=destructive]:active{background:var(--cui-red-600)}:host[data-appearance=destructive]:disabled{background:var(--cui-danger)}:host[data-appearance=link]{height:24px!important;padding:0 4px!important;color:var(--cui-info)}@media (hover: hover){:host[data-appearance=link]:hover{color:var(--cui-blue-800)}}:host[data-appearance=link]:active{color:var(--cui-blue-800)}:host[data-appearance=link]:disabled{color:var(--cui-info)}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 12px}:host[data-size=xxs][data-appearance=action],:host[data-size=xxs][data-appearance=outlined],:host[data-size=xxs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xxs]:has(.c-content:empty){width:28px}:host[data-size=xxs] .c-wrapper{gap:6px}:host[data-size=xs]{font-size:13px;line-height:16px;height:32px;padding:0 12px}:host[data-size=xs][data-appearance=action],:host[data-size=xs][data-appearance=outlined],:host[data-size=xs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xs]:has(.c-content:empty){width:32px}:host[data-size=sm]{height:36px;padding:0 14px}:host[data-size=sm][data-appearance=action],:host[data-size=sm][data-appearance=outlined],:host[data-size=sm][data-appearance=outlined-gray]{padding:0 13px}:host[data-size=sm]:has(.c-content:empty){width:36px}:host[data-size=md]{height:40px;padding:0 16px}:host[data-size=md][data-appearance=action],:host[data-size=md][data-appearance=outlined],:host[data-size=md][data-appearance=outlined-gray]{padding:0 15px}:host[data-size=md]:has(.c-content:empty){width:40px}:host._disabled{opacity:.5}@media (hover: hover){:host-context([cuiTheme=dark])[data-appearance=destructive]:hover{background:var(--cui-red-300)}}:host-context([cuiTheme=dark])[data-appearance=destructive]:active{background:var(--cui-red-300)}:host-context([cuiTheme=dark])[data-appearance=destructive]:disabled{background:var(--cui-danger)}.c-content:empty{display:contents}.c-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;height:100%}.c-wrapper_invisible{opacity:0}.c-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
100
+ args: [{ selector: 'button[cuiButton], a[cuiButton]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n class=\"c-wrapper\"\n [class.c-wrapper_invisible]=\"isLoaderShown\"\n>\n <cui-svg\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n <span\n #content\n class=\"c-content\"\n ><ng-content></ng-content></span>\n <cui-svg\n *ngIf=\"iconRight\"\n [icon]=\"iconRight\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n</span>\n<cui-svg\n *ngIf=\"isLoaderShown\"\n icon=\"cuiIconLoading\"\n class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;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-400);color:var(--cui-gray-0);border:1px solid var(--cui-violet-400)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-400);border-color:var(--cui-violet-400)}: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 12px;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 11px}: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"] }]
100
101
  }], propDecorators: { shape: [{
101
102
  type: Input
102
103
  }, {
@@ -136,4 +137,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
136
137
  type: ViewChild,
137
138
  args: ['content']
138
139
  }] } });
139
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFDTCxTQUFTLEVBRVosTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUUxQyxPQUFPLEVBQUUsa0JBQWtCLEVBQW9CLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUFReEUsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQU9xQixzQkFBaUIsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUM5QyxZQUFPLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLGFBQWtDLENBQUM7UUFDaEUsV0FBTSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUM1QixxQkFBZ0IsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUU1Qyx5QkFBb0IsR0FBbUQ7WUFDdEYsTUFBTSxFQUFFLHVCQUF1QjtZQUMvQixTQUFTLEVBQUUsMEJBQTBCO1lBQ3JDLFFBQVEsRUFBRSx5QkFBeUI7WUFDbkMsZUFBZSxFQUFFLDhCQUE4QjtZQUMvQyxLQUFLLEVBQUUsc0JBQXNCO1lBQzdCLElBQUksRUFBRSxxQkFBcUI7WUFDM0IsV0FBVyxFQUFFLDRCQUE0QjtZQUN6QyxJQUFJLEVBQUUscUJBQXFCO1lBQzNCLGVBQWUsRUFBRSw4QkFBOEI7U0FDbEQsQ0FBQztRQUNpQixtQkFBYyxH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QUs7c0JBRlgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBS3ZCLFFBQVE7c0JBRmQsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBS3ZCLGFBQWE7c0JBRm5CLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsZ0JBQWdCO2dCQUl0QixJQUFJO3NCQURWLEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUtLLFVBQVU7c0JBRnBCLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsc0JBQXNCO2dCQWF4QixJQUFJO3NCQUZkLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsZ0JBQWdCO2dCQXdCbkIsZ0JBQWdCO3NCQUR6QixXQUFXO3VCQUFDLGtCQUFrQjtnQkFJakIsVUFBVTtzQkFEdkIsV0FBVzt1QkFBQyxVQUFVO2dCQU1iLE9BQU87c0JBRGhCLFNBQVM7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIFZpZXdDaGlsZCxcbiAgICBPbkluaXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7IEN1aUljb24gfSBmcm9tICdAY3VieS11aS9pY29ucyc7XG5pbXBvcnQgeyBDVUlfV0lORE9XIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcblxuaW1wb3J0IHsgQ1VJX0JVVFRPTl9PUFRJT05TLCBDdWlCdXR0b25PcHRpb25zIH0gZnJvbSAnLi9idXR0b24ub3B0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnV0dG9uW2N1aUJ1dHRvbl0sIGFbY3VpQnV0dG9uXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9idXR0b24uc3R5bGUuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEN1aUJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEN1aUJ1dHRvbk9wdGlvbnMsIE9uSW5pdCB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjaGFuZ2VEZXRlY3RvclJlZiA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gICAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0KEVsZW1lbnRSZWYpLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEJ1dHRvbkVsZW1lbnQ7XG4gICAgcHJpdmF0ZSByZWFkb25seSB3aW5kb3cgPSBpbmplY3QoQ1VJX1dJTkRPVyk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjdWlCdXR0b25PcHRpb25zID0gaW5qZWN0KENVSV9CVVRUT05fT1BUSU9OUyk7XG5cbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgQXBwZWFyYW5jZUljb25Db2xvcnM6IFJlY29yZDxDdWlCdXR0b25PcHRpb25zWydhcHBlYXJhbmNlJ10sIHN0cmluZz4gPSB7XG4gICAgICAgIGFjdGlvbjogJy0tYy1hY3Rpb24taWNvbi1jb2xvcicsXG4gICAgICAgIHNlY29uZGFyeTogJy0tYy1zZWNvbmRhcnktaWNvbi1jb2xvcicsXG4gICAgICAgIG91dGxpbmVkOiAnLS1jLW91dGxpbmVkLWljb24tY29sb3InLFxuICAgICAgICAnb3V0bGluZWQtZ3JheSc6ICctLWMtb3V0bGluZWQtZ3JheS1pY29uLWNvbG9yJyxcbiAgICAgICAgZ2hvc3Q6ICctLWMtZ2hvc3QtaWNvbi1jb2xvcicsXG4gICAgICAgIGZsYXQ6ICctLWMtZmxhdC1pY29uLWNvbG9yJyxcbiAgICAgICAgZGVzdHJ1Y3RpdmU6ICctLWMtZGVzdHJ1Y3RpdmUtaWNvbi1jb2xvcicsXG4gICAgICAgIGxpbms6ICctLWMtbGluay1pY29uLWNvbG9yJyxcbiAgICAgICAgJ2FjdGlvbi12aW9sZXQnOiAnLS1jLWFjdGlvbi12aW9sZXQtaWNvbi1jb2xvcidcbiAgICB9O1xuICAgIHByb3RlY3RlZCByZWFkb25seSBDT0xPUl9CQVNFXzUwMCA9ICd2YXIoLS1jdWktYmFzZS01MDApJztcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgQlVUVE9OX0lDT05TX0NPTE9SX0JBU0VfNTAwOiBDdWlCdXR0b25PcHRpb25zWydhcHBlYXJhbmNlJ11bXSA9IFtcbiAgICAgICAgJ3NlY29uZGFyeScsXG4gICAgICAgICdvdXRsaW5lZCcsXG4gICAgICAgICdvdXRsaW5lZC1ncmF5JyxcbiAgICAgICAgJ2dob3N0J1xuICAgIF07XG5cbiAgICBwcm90ZWN0ZWQgX2FwcGVhcmFuY2UgPSB0aGlzLmN1aUJ1dHRvbk9wdGlvbnMuYXBwZWFyYW5jZTtcbiAgICBwcm90ZWN0ZWQgaWNvbkNvbG9yID0gdGhpcy5nZXRJY29uQ29sb3IodGhpcy5fYXBwZWFyYW5jZSk7XG4gICAgcHJvdGVjdGVkIF9zaXplID0gdGhpcy5jdWlCdXR0b25PcHRpb25zLnNpemU7XG4gICAgcHJvdGVjdGVkIGljb25EaW1lbnNpb25zID0ge1xuICAgICAgICB3aWR0aDogMjAsXG4gICAgICAgIGhlaWdodDogMjBcbiAgICB9O1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaGFwZScpXG4gICAgcHVibGljIHNoYXBlID0gdGhpcy5jdWlCdXR0b25PcHRpb25zLnNoYXBlO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9kaXNhYmxlZCcpXG4gICAgcHVibGljIGRpc2FibGVkID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuX2xvYWRpbmcnKVxuICAgIHB1YmxpYyBpc0xvYWRlclNob3duID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpY29uPzogQ3VpSWNvbiB8IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGljb25SaWdodD86IEN1aUljb24gfCBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLWFwcGVhcmFuY2UnKVxuICAgIHB1YmxpYyBnZXQgYXBwZWFyYW5jZSgpOiBDdWlCdXR0b25PcHRpb25zWydhcHBlYXJhbmNlJ10ge1xuICAgICAgICByZXR1cm4gdGhpcy5fYXBwZWFyYW5jZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IGFwcGVhcmFuY2UoYXBwZWFyYW5jZTogQ3VpQnV0dG9uT3B0aW9uc1snYXBwZWFyYW5jZSddKSB7XG4gICAgICAgIHRoaXMuX2FwcGVhcmFuY2UgPSBhcHBlYXJhbmNlO1xuXG4gICAgICAgIHRoaXMuY2hhbmdlSWNvbkNvbG9yKCk7XG4gICAgfVxuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcbiAgICBwdWJsaWMgZ2V0IHNpemUoKTogQ3VpQnV0dG9uT3B0aW9uc1snc2l6ZSddIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NpemU7XG4gICAgfVxuXG4gICAgcHVibGljIHNldCBzaXplKHNpemU6IEN1aUJ1dHRvbk9wdGlvbnNbJ3NpemUnXSkge1xuICAgICAgICB0aGlzLl9zaXplID0gc2l6ZTtcblxuICAgICAgICBpZiAoc2l6ZSA9PT0gJ3h4cycpIHtcbiAgICAgICAgICAgIHRoaXMuaWNvbkRpbWVuc2lvbnMgPSB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE2LFxuICAgICAgICAgICAgICAgIGhlaWdodDogMTZcbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuaWNvbkRpbWVuc2lvbnMgPSB7XG4gICAgICAgICAgICB3aWR0aDogMjAsXG4gICAgICAgICAgICBoZWlnaHQ6IDIwXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fb25seS1pY29uJylcbiAgICBwcm90ZWN0ZWQgY29udGFpbnNPbmx5SWNvbiA9IGZhbHNlO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdkaXNhYmxlZCcpXG4gICAgcHJvdGVjdGVkIGdldCBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmlzTG9hZGVyU2hvd247XG4gICAgfVxuXG4gICAgQFZpZXdDaGlsZCgnY29udGVudCcpXG4gICAgcHJvdGVjdGVkIGNvbnRlbnQhOiBFbGVtZW50UmVmPEhUTUxTcGFuRWxlbWVudD47XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaW5pdEljb25Db2xvcigpO1xuICAgIH1cblxuICAgIHByaXZhdGUgaW5pdEljb25Db2xvcigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VJY29uQ29sb3IoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNoYW5nZUljb25Db2xvcigpOiB2b2lkIHtcbiAgICAgICAgUHJvbWlzZS5yZXNvbHZlKCkudGhlbigoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmljb25Db2xvciA9IHRoaXMuZ2V0SWNvbkNvbG9yKHRoaXMuX2FwcGVhcmFuY2UpO1xuXG4gICAgICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEljb25Db2xvcihhcHBlYXJhbmNlOiBDdWlCdXR0b25PcHRpb25zWydhcHBlYXJhbmNlJ10pOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBjdXN0b21JY29uQ29sb3IgPSB0aGlzLndpbmRvd1xuICAgICAgICAgICAgLmdldENvbXB1dGVkU3R5bGUodGhpcy5lbGVtZW50KVxuICAgICAgICAgICAgLmdldFByb3BlcnR5VmFsdWUodGhpcy5BcHBlYXJhbmNlSWNvbkNvbG9yc1thcHBlYXJhbmNlXSk7XG5cbiAgICAgICAgaWYgKGN1c3RvbUljb25Db2xvcikge1xuICAgICAgICAgICAgcmV0dXJuIGN1c3RvbUljb25Db2xvcjtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLkJVVFRPTl9JQ09OU19DT0xPUl9CQVNFXzUwMC5pbmNsdWRlcyhhcHBlYXJhbmNlKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuQ09MT1JfQkFTRV81MDA7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gJ2N1cnJlbnRDb2xvcic7XG4gICAgfVxufVxuIiwiPHNwYW5cbiAgY2xhc3M9XCJjLXdyYXBwZXJcIlxuICBbY2xhc3MuYy13cmFwcGVyX2ludmlzaWJsZV09XCJpc0xvYWRlclNob3duXCJcbj5cbiAgPGN1aS1zdmdcbiAgICAqbmdJZj1cImljb25cIlxuICAgIFtpY29uXT1cImljb25cIlxuICAgIFt3aWR0aF09XCJpY29uRGltZW5zaW9ucy53aWR0aFwiXG4gICAgW2hlaWdodF09XCJpY29uRGltZW5zaW9ucy5oZWlnaHRcIlxuICAgIFtjb2xvcl09XCJpY29uQ29sb3JcIlxuICA+PC9jdWktc3ZnPlxuICA8c3BhblxuICAgICNjb250ZW50XG4gICAgY2xhc3M9XCJjLWNvbnRlbnRcIlxuICA+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbiAgPGN1aS1zdmdcbiAgICAqbmdJZj1cImljb25SaWdodFwiXG4gICAgW2ljb25dPVwiaWNvblJpZ2h0XCJcbiAgICBbd2lkdGhdPVwiaWNvbkRpbWVuc2lvbnMud2lkdGhcIlxuICAgIFtoZWlnaHRdPVwiaWNvbkRpbWVuc2lvbnMuaGVpZ2h0XCJcbiAgICBbY29sb3JdPVwiaWNvbkNvbG9yXCJcbiAgPjwvY3VpLXN2Zz5cbjwvc3Bhbj5cbjxjdWktc3ZnXG4gICpuZ0lmPVwiaXNMb2FkZXJTaG93blwiXG4gIGljb249XCJjdWlJY29uTG9hZGluZ1wiXG4gIGNsYXNzPVwiYy1sb2FkZXJcIlxuPjwvY3VpLXN2Zz5cbiJdfQ==
140
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFDTCxTQUFTLEVBRVosTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUUxQyxPQUFPLEVBQUUsa0JBQWtCLEVBQW9CLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUFReEUsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQU9xQixzQkFBaUIsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUM5QyxZQUFPLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLGFBQWtDLENBQUM7UUFDaEUsV0FBTSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUM1QixxQkFBZ0IsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUU5QyxrQkFBYSxHQUFHLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzlCLHlCQUFvQixHQUFtRDtZQUN0RixNQUFNLEVBQUUsdUJBQXVCO1lBQy9CLFNBQVMsRUFBRSwwQkFBMEI7WUFDckMsUUFBUSxFQUFFLHlCQUF5QjtZQUNuQyxlQUFlLEVBQUUsOEJBQThCO1lBQy9DLEtBQUssRUFBRSxzQkFBc0I7WUFDN0IsSUFBSSxFQUFFLHFCQUFxQjtZQUMzQixXQUFXLEVBQUUsNEJBQTRCO1lBQ3pDLElBQUksRUFBRSxxQkFBcUI7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NEZETmEsa0JBQWtCO2tCQU45QixTQUFTOytCQUNJLGlDQUFpQyxtQkFHMUIsdUJBQXVCLENBQUMsTUFBTTs4QkFzQ3hDLEtBQUs7c0JBRlgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBS3ZCLFFBQVE7c0JBRmQsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBS3ZCLGFBQWE7c0JBRm5CLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsZ0JBQWdCO2dCQUl0QixJQUFJO3NCQURWLEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUtLLFVBQVU7c0JBRnBCLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsc0JBQXNCO2dCQWF4QixJQUFJO3NCQUZkLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsZ0JBQWdCO2dCQXdCbkIsZ0JBQWdCO3NCQUR6QixXQUFXO3VCQUFDLGtCQUFrQjtnQkFJakIsVUFBVTtzQkFEdkIsV0FBVzt1QkFBQyxVQUFVO2dCQU1iLE9BQU87c0JBRGhCLFNBQVM7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gICAgQ29tcG9uZW50LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgaW5qZWN0LFxuICAgIElucHV0LFxuICAgIFZpZXdDaGlsZCxcbiAgICBPbkluaXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgdHlwZSB7IEN1aUljb24gfSBmcm9tICdAY3VieS11aS9pY29ucyc7XG5pbXBvcnQgeyBDVUlfV0lORE9XIH0gZnJvbSAnQGN1YnktdWkvY2RrJztcblxuaW1wb3J0IHsgQ1VJX0JVVFRPTl9PUFRJT05TLCBDdWlCdXR0b25PcHRpb25zIH0gZnJvbSAnLi9idXR0b24ub3B0aW9ucyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnV0dG9uW2N1aUJ1dHRvbl0sIGFbY3VpQnV0dG9uXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9idXR0b24uc3R5bGUuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEN1aUJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIEN1aUJ1dHRvbk9wdGlvbnMsIE9uSW5pdCB7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjaGFuZ2VEZXRlY3RvclJlZiA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gICAgcHJpdmF0ZSByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0KEVsZW1lbnRSZWYpLm5hdGl2ZUVsZW1lbnQgYXMgSFRNTEJ1dHRvbkVsZW1lbnQ7XG4gICAgcHJpdmF0ZSByZWFkb25seSB3aW5kb3cgPSBpbmplY3QoQ1VJX1dJTkRPVyk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBjdWlCdXR0b25PcHRpb25zID0gaW5qZWN0KENVSV9CVVRUT05fT1BUSU9OUyk7XG5cbiAgICBwcml2YXRlIHJlYWRvbmx5IElDT05fWFNfU0laRVMgPSBbJ3h4cycsICd4eHhzJ107XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IEFwcGVhcmFuY2VJY29uQ29sb3JzOiBSZWNvcmQ8Q3VpQnV0dG9uT3B0aW9uc1snYXBwZWFyYW5jZSddLCBzdHJpbmc+ID0ge1xuICAgICAgICBhY3Rpb246ICctLWMtYWN0aW9uLWljb24tY29sb3InLFxuICAgICAgICBzZWNvbmRhcnk6ICctLWMtc2Vjb25kYXJ5LWljb24tY29sb3InLFxuICAgICAgICBvdXRsaW5lZDogJy0tYy1vdXRsaW5lZC1pY29uLWNvbG9yJyxcbiAgICAgICAgJ291dGxpbmVkLWdyYXknOiAnLS1jLW91dGxpbmVkLWdyYXktaWNvbi1jb2xvcicsXG4gICAgICAgIGdob3N0OiAnLS1jLWdob3N0LWljb24tY29sb3InLFxuICAgICAgICBmbGF0OiAnLS1jLWZsYXQtaWNvbi1jb2xvcicsXG4gICAgICAgIGRlc3RydWN0aXZlOiAnLS1jLWRlc3RydWN0aXZlLWljb24tY29sb3InLFxuICAgICAgICBsaW5rOiAnLS1jLWxpbmstaWNvbi1jb2xvcicsXG4gICAgICAgICdhY3Rpb24tdmlvbGV0JzogJy0tYy1hY3Rpb24tdmlvbGV0LWljb24tY29sb3InXG4gICAgfTtcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgQ09MT1JfQkFTRV81MDAgPSAndmFyKC0tY3VpLWJhc2UtNTAwKSc7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IEJVVFRPTl9JQ09OU19DT0xPUl9CQVNFXzUwMDogQ3VpQnV0dG9uT3B0aW9uc1snYXBwZWFyYW5jZSddW10gPSBbXG4gICAgICAgICdzZWNvbmRhcnknLFxuICAgICAgICAnb3V0bGluZWQnLFxuICAgICAgICAnb3V0bGluZWQtZ3JheScsXG4gICAgICAgICdnaG9zdCdcbiAgICBdO1xuXG4gICAgcHJvdGVjdGVkIF9hcHBlYXJhbmNlID0gdGhpcy5jdWlCdXR0b25PcHRpb25zLmFwcGVhcmFuY2U7XG4gICAgcHJvdGVjdGVkIGljb25Db2xvciA9IHRoaXMuZ2V0SWNvbkNvbG9yKHRoaXMuX2FwcGVhcmFuY2UpO1xuICAgIHByb3RlY3RlZCBfc2l6ZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5zaXplO1xuICAgIHByb3RlY3RlZCBpY29uRGltZW5zaW9ucyA9IHtcbiAgICAgICAgd2lkdGg6IDIwLFxuICAgICAgICBoZWlnaHQ6IDIwXG4gICAgfTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc2hhcGUnKVxuICAgIHB1YmxpYyBzaGFwZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5zaGFwZTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fZGlzYWJsZWQnKVxuICAgIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9sb2FkaW5nJylcbiAgICBwdWJsaWMgaXNMb2FkZXJTaG93biA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWNvbj86IEN1aUljb24gfCBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpY29uUmlnaHQ/OiBDdWlJY29uIHwgc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1hcHBlYXJhbmNlJylcbiAgICBwdWJsaWMgZ2V0IGFwcGVhcmFuY2UoKTogQ3VpQnV0dG9uT3B0aW9uc1snYXBwZWFyYW5jZSddIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2FwcGVhcmFuY2U7XG4gICAgfVxuXG4gICAgcHVibGljIHNldCBhcHBlYXJhbmNlKGFwcGVhcmFuY2U6IEN1aUJ1dHRvbk9wdGlvbnNbJ2FwcGVhcmFuY2UnXSkge1xuICAgICAgICB0aGlzLl9hcHBlYXJhbmNlID0gYXBwZWFyYW5jZTtcblxuICAgICAgICB0aGlzLmNoYW5nZUljb25Db2xvcigpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc2l6ZScpXG4gICAgcHVibGljIGdldCBzaXplKCk6IEN1aUJ1dHRvbk9wdGlvbnNbJ3NpemUnXSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9zaXplO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXQgc2l6ZShzaXplOiBDdWlCdXR0b25PcHRpb25zWydzaXplJ10pIHtcbiAgICAgICAgdGhpcy5fc2l6ZSA9IHNpemU7XG5cbiAgICAgICAgaWYgKHRoaXMuSUNPTl9YU19TSVpFUy5pbmNsdWRlcyhzaXplKSkge1xuICAgICAgICAgICAgdGhpcy5pY29uRGltZW5zaW9ucyA9IHtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTYsXG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAxNlxuICAgICAgICAgICAgfTtcblxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5pY29uRGltZW5zaW9ucyA9IHtcbiAgICAgICAgICAgIHdpZHRoOiAyMCxcbiAgICAgICAgICAgIGhlaWdodDogMjBcbiAgICAgICAgfTtcbiAgICB9XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9vbmx5LWljb24nKVxuICAgIHByb3RlY3RlZCBjb250YWluc09ubHlJY29uID0gZmFsc2U7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2Rpc2FibGVkJylcbiAgICBwcm90ZWN0ZWQgZ2V0IGlzRGlzYWJsZWQoKTogYm9vbGVhbiB7XG4gICAgICAgIHJldHVybiB0aGlzLmRpc2FibGVkIHx8IHRoaXMuaXNMb2FkZXJTaG93bjtcbiAgICB9XG5cbiAgICBAVmlld0NoaWxkKCdjb250ZW50JylcbiAgICBwcm90ZWN0ZWQgY29udGVudCE6IEVsZW1lbnRSZWY8SFRNTFNwYW5FbGVtZW50PjtcblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pbml0SWNvbkNvbG9yKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBpbml0SWNvbkNvbG9yKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNoYW5nZUljb25Db2xvcigpO1xuICAgIH1cblxuICAgIHByaXZhdGUgY2hhbmdlSWNvbkNvbG9yKCk6IHZvaWQge1xuICAgICAgICBQcm9taXNlLnJlc29sdmUoKS50aGVuKCgpID0+IHtcbiAgICAgICAgICAgIHRoaXMuaWNvbkNvbG9yID0gdGhpcy5nZXRJY29uQ29sb3IodGhpcy5fYXBwZWFyYW5jZSk7XG5cbiAgICAgICAgICAgIHRoaXMuY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2V0SWNvbkNvbG9yKGFwcGVhcmFuY2U6IEN1aUJ1dHRvbk9wdGlvbnNbJ2FwcGVhcmFuY2UnXSk6IHN0cmluZyB7XG4gICAgICAgIGNvbnN0IGN1c3RvbUljb25Db2xvciA9IHRoaXMud2luZG93XG4gICAgICAgICAgICAuZ2V0Q29tcHV0ZWRTdHlsZSh0aGlzLmVsZW1lbnQpXG4gICAgICAgICAgICAuZ2V0UHJvcGVydHlWYWx1ZSh0aGlzLkFwcGVhcmFuY2VJY29uQ29sb3JzW2FwcGVhcmFuY2VdKTtcblxuICAgICAgICBpZiAoY3VzdG9tSWNvbkNvbG9yKSB7XG4gICAgICAgICAgICByZXR1cm4gY3VzdG9tSWNvbkNvbG9yO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMuQlVUVE9OX0lDT05TX0NPTE9SX0JBU0VfNTAwLmluY2x1ZGVzKGFwcGVhcmFuY2UpKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5DT0xPUl9CQVNFXzUwMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAnY3VycmVudENvbG9yJztcbiAgICB9XG59XG4iLCI8c3BhblxuICBjbGFzcz1cImMtd3JhcHBlclwiXG4gIFtjbGFzcy5jLXdyYXBwZXJfaW52aXNpYmxlXT1cImlzTG9hZGVyU2hvd25cIlxuPlxuICA8Y3VpLXN2Z1xuICAgICpuZ0lmPVwiaWNvblwiXG4gICAgW2ljb25dPVwiaWNvblwiXG4gICAgW3dpZHRoXT1cImljb25EaW1lbnNpb25zLndpZHRoXCJcbiAgICBbaGVpZ2h0XT1cImljb25EaW1lbnNpb25zLmhlaWdodFwiXG4gICAgW2NvbG9yXT1cImljb25Db2xvclwiXG4gID48L2N1aS1zdmc+XG4gIDxzcGFuXG4gICAgI2NvbnRlbnRcbiAgICBjbGFzcz1cImMtY29udGVudFwiXG4gID48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxuICA8Y3VpLXN2Z1xuICAgICpuZ0lmPVwiaWNvblJpZ2h0XCJcbiAgICBbaWNvbl09XCJpY29uUmlnaHRcIlxuICAgIFt3aWR0aF09XCJpY29uRGltZW5zaW9ucy53aWR0aFwiXG4gICAgW2hlaWdodF09XCJpY29uRGltZW5zaW9ucy5oZWlnaHRcIlxuICAgIFtjb2xvcl09XCJpY29uQ29sb3JcIlxuICA+PC9jdWktc3ZnPlxuPC9zcGFuPlxuPGN1aS1zdmdcbiAgKm5nSWY9XCJpc0xvYWRlclNob3duXCJcbiAgaWNvbj1cImN1aUljb25Mb2FkaW5nXCJcbiAgY2xhc3M9XCJjLWxvYWRlclwiXG4+PC9jdWktc3ZnPlxuIl19
@@ -7,4 +7,4 @@ export const CUI_BUTTON_DEFAULT_OPTIONS = {
7
7
  export const CUI_BUTTON_OPTIONS = new InjectionToken('', {
8
8
  factory: () => CUI_BUTTON_DEFAULT_OPTIONS
9
9
  });
10
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFzQy9DLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFxQjtJQUN4RCxVQUFVLEVBQUUsUUFBUTtJQUNwQixLQUFLLEVBQUUsSUFBSTtJQUNYLElBQUksRUFBRSxJQUFJO0NBQ2IsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUFDLEVBQUUsRUFBRTtJQUNyRCxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsMEJBQTBCO0NBQzVDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHtcbiAgICBDdWlBcHBlYXJhbmNlQWN0aW9uLFxuICAgIEN1aUFwcGVhcmFuY2VBY3Rpb25WaW9sZXQsXG4gICAgQ3VpQXBwZWFyYW5jZURlc3RydWN0aXZlLFxuICAgIEN1aUFwcGVhcmFuY2VGbGF0LFxuICAgIEN1aUFwcGVhcmFuY2VHaG9zdCxcbiAgICBDdWlBcHBlYXJhbmNlTGluayxcbiAgICBDdWlBcHBlYXJhbmNlT3V0bGluZWQsXG4gICAgQ3VpQXBwZWFyYW5jZU91dGxpbmVkR3JheSxcbiAgICBDdWlBcHBlYXJhbmNlU2Vjb25kYXJ5LFxuICAgIEN1aVNoYXBlUm91bmRlZCxcbiAgICBDdWlTaXplTWQsXG4gICAgQ3VpU2l6ZVNtLFxuICAgIEN1aVNpemVYcyxcbiAgICBDdWlTaXplWHhzXG59IGZyb20gJy4uLy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBDdWlCdXR0b25PcHRpb25zIHtcbiAgICByZWFkb25seSBhcHBlYXJhbmNlOlxuICAgIHwgQ3VpQXBwZWFyYW5jZUFjdGlvblxuICAgIHwgQ3VpQXBwZWFyYW5jZVNlY29uZGFyeVxuICAgIHwgQ3VpQXBwZWFyYW5jZU91dGxpbmVkXG4gICAgfCBDdWlBcHBlYXJhbmNlT3V0bGluZWRHcmF5XG4gICAgfCBDdWlBcHBlYXJhbmNlR2hvc3RcbiAgICB8IEN1aUFwcGVhcmFuY2VGbGF0XG4gICAgfCBDdWlBcHBlYXJhbmNlRGVzdHJ1Y3RpdmVcbiAgICB8IEN1aUFwcGVhcmFuY2VMaW5rXG4gICAgfCBDdWlBcHBlYXJhbmNlQWN0aW9uVmlvbGV0XG4gICAgcmVhZG9ubHkgc2hhcGU6IEN1aVNoYXBlUm91bmRlZCB8IG51bGw7XG4gICAgcmVhZG9ubHkgc2l6ZTpcbiAgICB8IEN1aVNpemVYeHNcbiAgICB8IEN1aVNpemVYc1xuICAgIHwgQ3VpU2l6ZVNtXG4gICAgfCBDdWlTaXplTWQ7XG59XG5cbmV4cG9ydCBjb25zdCBDVUlfQlVUVE9OX0RFRkFVTFRfT1BUSU9OUzogQ3VpQnV0dG9uT3B0aW9ucyA9IHtcbiAgICBhcHBlYXJhbmNlOiAnYWN0aW9uJyxcbiAgICBzaGFwZTogbnVsbCxcbiAgICBzaXplOiAnc20nXG59O1xuXG5leHBvcnQgY29uc3QgQ1VJX0JVVFRPTl9PUFRJT05TID0gbmV3IEluamVjdGlvblRva2VuKCcnLCB7XG4gICAgZmFjdG9yeTogKCkgPT4gQ1VJX0JVVFRPTl9ERUZBVUxUX09QVElPTlNcbn0pO1xuIl19
10
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUF3Qy9DLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFxQjtJQUN4RCxVQUFVLEVBQUUsUUFBUTtJQUNwQixLQUFLLEVBQUUsSUFBSTtJQUNYLElBQUksRUFBRSxJQUFJO0NBQ2IsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUFDLEVBQUUsRUFBRTtJQUNyRCxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsMEJBQTBCO0NBQzVDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHtcbiAgICBDdWlBcHBlYXJhbmNlQWN0aW9uLFxuICAgIEN1aUFwcGVhcmFuY2VBY3Rpb25WaW9sZXQsXG4gICAgQ3VpQXBwZWFyYW5jZURlc3RydWN0aXZlLFxuICAgIEN1aUFwcGVhcmFuY2VGbGF0LFxuICAgIEN1aUFwcGVhcmFuY2VHaG9zdCxcbiAgICBDdWlBcHBlYXJhbmNlTGluayxcbiAgICBDdWlBcHBlYXJhbmNlT3V0bGluZWQsXG4gICAgQ3VpQXBwZWFyYW5jZU91dGxpbmVkR3JheSxcbiAgICBDdWlBcHBlYXJhbmNlU2Vjb25kYXJ5LFxuICAgIEN1aVNoYXBlUm91bmRlZCxcbiAgICBDdWlTaXplTWQsXG4gICAgQ3VpU2l6ZVNtLFxuICAgIEN1aVNpemVYcyxcbiAgICBDdWlTaXplWHhzLFxuICAgIEN1aVNpemVYeHhzXG59IGZyb20gJy4uLy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBDdWlCdXR0b25PcHRpb25zIHtcbiAgICByZWFkb25seSBhcHBlYXJhbmNlOlxuICAgIHwgQ3VpQXBwZWFyYW5jZUFjdGlvblxuICAgIHwgQ3VpQXBwZWFyYW5jZVNlY29uZGFyeVxuICAgIHwgQ3VpQXBwZWFyYW5jZU91dGxpbmVkXG4gICAgfCBDdWlBcHBlYXJhbmNlT3V0bGluZWRHcmF5XG4gICAgfCBDdWlBcHBlYXJhbmNlR2hvc3RcbiAgICB8IEN1aUFwcGVhcmFuY2VGbGF0XG4gICAgfCBDdWlBcHBlYXJhbmNlRGVzdHJ1Y3RpdmVcbiAgICB8IEN1aUFwcGVhcmFuY2VMaW5rXG4gICAgfCBDdWlBcHBlYXJhbmNlQWN0aW9uVmlvbGV0XG4gICAgcmVhZG9ubHkgc2hhcGU6IEN1aVNoYXBlUm91bmRlZCB8IG51bGw7XG4gICAgcmVhZG9ubHkgc2l6ZTpcbiAgICB8IEN1aVNpemVYeHhzXG4gICAgfCBDdWlTaXplWHhzXG4gICAgfCBDdWlTaXplWHNcbiAgICB8IEN1aVNpemVTbVxuICAgIHwgQ3VpU2l6ZU1kO1xufVxuXG5leHBvcnQgY29uc3QgQ1VJX0JVVFRPTl9ERUZBVUxUX09QVElPTlM6IEN1aUJ1dHRvbk9wdGlvbnMgPSB7XG4gICAgYXBwZWFyYW5jZTogJ2FjdGlvbicsXG4gICAgc2hhcGU6IG51bGwsXG4gICAgc2l6ZTogJ3NtJ1xufTtcblxuZXhwb3J0IGNvbnN0IENVSV9CVVRUT05fT1BUSU9OUyA9IG5ldyBJbmplY3Rpb25Ub2tlbignJywge1xuICAgIGZhY3Rvcnk6ICgpID0+IENVSV9CVVRUT05fREVGQVVMVF9PUFRJT05TXG59KTtcbiJdfQ==
@@ -1,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvdHlwZXMvc2l6ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQ3VpU2l6ZVh4cyA9ICd4eHMnO1xuXG5leHBvcnQgdHlwZSBDdWlTaXplWHMgPSAneHMnO1xuXG5leHBvcnQgdHlwZSBDdWlTaXplU20gPSAgJ3NtJztcblxuZXhwb3J0IHR5cGUgQ3VpU2l6ZU1kID0gJ21kJztcbiJdfQ==
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvdHlwZXMvc2l6ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgQ3VpU2l6ZVh4eHMgPSAneHh4cyc7XG5cbmV4cG9ydCB0eXBlIEN1aVNpemVYeHMgPSAneHhzJztcblxuZXhwb3J0IHR5cGUgQ3VpU2l6ZVhzID0gJ3hzJztcblxuZXhwb3J0IHR5cGUgQ3VpU2l6ZVNtID0gICdzbSc7XG5cbmV4cG9ydCB0eXBlIEN1aVNpemVNZCA9ICdtZCc7XG4iXX0=
@@ -150,6 +150,7 @@ class CuiButtonComponent {
150
150
  this.element = inject(ElementRef).nativeElement;
151
151
  this.window = inject(CUI_WINDOW);
152
152
  this.cuiButtonOptions = inject(CUI_BUTTON_OPTIONS);
153
+ this.ICON_XS_SIZES = ['xxs', 'xxxs'];
153
154
  this.AppearanceIconColors = {
154
155
  action: '--c-action-icon-color',
155
156
  secondary: '--c-secondary-icon-color',
@@ -192,7 +193,7 @@ class CuiButtonComponent {
192
193
  }
193
194
  set size(size) {
194
195
  this._size = size;
195
- if (size === 'xxs') {
196
+ if (this.ICON_XS_SIZES.includes(size)) {
196
197
  this.iconDimensions = {
197
198
  width: 16,
198
199
  height: 16
@@ -232,11 +233,11 @@ class CuiButtonComponent {
232
233
  return 'currentColor';
233
234
  }
234
235
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
235
- 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 class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;border-radius:8px;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host[data-shape=rounded]{border-radius:20px}:host[data-appearance=action]{background:var(--c-action-background);color:var(--cui-gray-0);border:1px solid var(--c-action-border-color)}@media (hover: hover){:host[data-appearance=action]:hover{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}}:host[data-appearance=action]:active{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}:host[data-appearance=action]:disabled{background:var(--c-action-background);border-color:var(--c-action-border-color)}:host[data-appearance=action-violet]{background:var(--cui-violet-400);color:var(--cui-gray-0);border:1px solid var(--cui-violet-400)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-400);border-color:var(--cui-violet-400)}:host[data-appearance=secondary]{background:var(--cui-base-100);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=secondary]:hover{background:var(--cui-base-200)}}:host[data-appearance=secondary]:active{background:var(--cui-base-200)}:host[data-appearance=secondary]:disabled{background:var(--cui-base-100)}:host[data-appearance=outlined]{border:1px solid var(--cui-base-200);background:var(--cui-base-0);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=outlined]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined]:active{background:var(--cui-base-50)}:host[data-appearance=outlined]:disabled{background:var(--cui-base-0)}:host[data-appearance=outlined-gray]{border:1px solid var(--cui-base-200);background:var(--cui-base-10);color:var(--c-outlined-gray-color)}@media (hover: hover){:host[data-appearance=outlined-gray]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined-gray]:active{background:var(--cui-base-50)}:host[data-appearance=outlined-gray]:disabled{background:var(--cui-base-10)}:host[data-appearance=ghost]{color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=ghost]:hover{background:var(--cui-base-50)}}:host[data-appearance=ghost]:active{background:var(--cui-base-50)}:host[data-appearance=ghost]:disabled{background:inherit}:host[data-appearance=flat]{color:var(--cui-light-blue-600)}@media (hover: hover){:host[data-appearance=flat]:hover{background:var(--cui-base-50)}}:host[data-appearance=flat]:active{background:var(--cui-base-50)}:host[data-appearance=flat]:disabled{background:inherit}:host[data-appearance=destructive]{background:var(--cui-danger);color:var(--cui-gray-0)}@media (hover: hover){:host[data-appearance=destructive]:hover{background:var(--cui-red-600)}}:host[data-appearance=destructive]:active{background:var(--cui-red-600)}:host[data-appearance=destructive]:disabled{background:var(--cui-danger)}:host[data-appearance=link]{height:24px!important;padding:0 4px!important;color:var(--cui-info)}@media (hover: hover){:host[data-appearance=link]:hover{color:var(--cui-blue-800)}}:host[data-appearance=link]:active{color:var(--cui-blue-800)}:host[data-appearance=link]:disabled{color:var(--cui-info)}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 12px}:host[data-size=xxs][data-appearance=action],:host[data-size=xxs][data-appearance=outlined],:host[data-size=xxs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xxs]:has(.c-content:empty){width:28px}:host[data-size=xxs] .c-wrapper{gap:6px}:host[data-size=xs]{font-size:13px;line-height:16px;height:32px;padding:0 12px}:host[data-size=xs][data-appearance=action],:host[data-size=xs][data-appearance=outlined],:host[data-size=xs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xs]:has(.c-content:empty){width:32px}:host[data-size=sm]{height:36px;padding:0 14px}:host[data-size=sm][data-appearance=action],:host[data-size=sm][data-appearance=outlined],:host[data-size=sm][data-appearance=outlined-gray]{padding:0 13px}:host[data-size=sm]:has(.c-content:empty){width:36px}:host[data-size=md]{height:40px;padding:0 16px}:host[data-size=md][data-appearance=action],:host[data-size=md][data-appearance=outlined],:host[data-size=md][data-appearance=outlined-gray]{padding:0 15px}:host[data-size=md]:has(.c-content:empty){width:40px}:host._disabled{opacity:.5}@media (hover: hover){:host-context([cuiTheme=dark])[data-appearance=destructive]:hover{background:var(--cui-red-300)}}:host-context([cuiTheme=dark])[data-appearance=destructive]:active{background:var(--cui-red-300)}:host-context([cuiTheme=dark])[data-appearance=destructive]:disabled{background:var(--cui-danger)}.c-content:empty{display:contents}.c-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;height:100%}.c-wrapper_invisible{opacity:0}.c-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
236
+ 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 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-400);color:var(--cui-gray-0);border:1px solid var(--cui-violet-400)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-400);border-color:var(--cui-violet-400)}: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 12px;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 11px}: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: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
236
237
  }
237
238
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiButtonComponent, decorators: [{
238
239
  type: Component,
239
- args: [{ selector: 'button[cuiButton], a[cuiButton]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n class=\"c-wrapper\"\n [class.c-wrapper_invisible]=\"isLoaderShown\"\n>\n <cui-svg\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n <span\n #content\n class=\"c-content\"\n ><ng-content></ng-content></span>\n <cui-svg\n *ngIf=\"iconRight\"\n [icon]=\"iconRight\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n</span>\n<cui-svg\n *ngIf=\"isLoaderShown\"\n icon=\"cuiIconLoading\"\n class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;border-radius:8px;font-family:var(--cui-main-font)}:host:disabled{cursor:not-allowed}:host[data-shape=rounded]{border-radius:20px}:host[data-appearance=action]{background:var(--c-action-background);color:var(--cui-gray-0);border:1px solid var(--c-action-border-color)}@media (hover: hover){:host[data-appearance=action]:hover{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}}:host[data-appearance=action]:active{background:var(--c-action-background-hover);border-color:var(--c-action-background-hover)}:host[data-appearance=action]:disabled{background:var(--c-action-background);border-color:var(--c-action-border-color)}:host[data-appearance=action-violet]{background:var(--cui-violet-400);color:var(--cui-gray-0);border:1px solid var(--cui-violet-400)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-400);border-color:var(--cui-violet-400)}:host[data-appearance=secondary]{background:var(--cui-base-100);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=secondary]:hover{background:var(--cui-base-200)}}:host[data-appearance=secondary]:active{background:var(--cui-base-200)}:host[data-appearance=secondary]:disabled{background:var(--cui-base-100)}:host[data-appearance=outlined]{border:1px solid var(--cui-base-200);background:var(--cui-base-0);color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=outlined]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined]:active{background:var(--cui-base-50)}:host[data-appearance=outlined]:disabled{background:var(--cui-base-0)}:host[data-appearance=outlined-gray]{border:1px solid var(--cui-base-200);background:var(--cui-base-10);color:var(--c-outlined-gray-color)}@media (hover: hover){:host[data-appearance=outlined-gray]:hover{background:var(--cui-base-50)}}:host[data-appearance=outlined-gray]:active{background:var(--cui-base-50)}:host[data-appearance=outlined-gray]:disabled{background:var(--cui-base-10)}:host[data-appearance=ghost]{color:var(--cui-base-900)}@media (hover: hover){:host[data-appearance=ghost]:hover{background:var(--cui-base-50)}}:host[data-appearance=ghost]:active{background:var(--cui-base-50)}:host[data-appearance=ghost]:disabled{background:inherit}:host[data-appearance=flat]{color:var(--cui-light-blue-600)}@media (hover: hover){:host[data-appearance=flat]:hover{background:var(--cui-base-50)}}:host[data-appearance=flat]:active{background:var(--cui-base-50)}:host[data-appearance=flat]:disabled{background:inherit}:host[data-appearance=destructive]{background:var(--cui-danger);color:var(--cui-gray-0)}@media (hover: hover){:host[data-appearance=destructive]:hover{background:var(--cui-red-600)}}:host[data-appearance=destructive]:active{background:var(--cui-red-600)}:host[data-appearance=destructive]:disabled{background:var(--cui-danger)}:host[data-appearance=link]{height:24px!important;padding:0 4px!important;color:var(--cui-info)}@media (hover: hover){:host[data-appearance=link]:hover{color:var(--cui-blue-800)}}:host[data-appearance=link]:active{color:var(--cui-blue-800)}:host[data-appearance=link]:disabled{color:var(--cui-info)}:host[data-size=xxs]{font-size:12px;line-height:14px;height:28px;padding:0 12px}:host[data-size=xxs][data-appearance=action],:host[data-size=xxs][data-appearance=outlined],:host[data-size=xxs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xxs]:has(.c-content:empty){width:28px}:host[data-size=xxs] .c-wrapper{gap:6px}:host[data-size=xs]{font-size:13px;line-height:16px;height:32px;padding:0 12px}:host[data-size=xs][data-appearance=action],:host[data-size=xs][data-appearance=outlined],:host[data-size=xs][data-appearance=outlined-gray]{padding:0 11px}:host[data-size=xs]:has(.c-content:empty){width:32px}:host[data-size=sm]{height:36px;padding:0 14px}:host[data-size=sm][data-appearance=action],:host[data-size=sm][data-appearance=outlined],:host[data-size=sm][data-appearance=outlined-gray]{padding:0 13px}:host[data-size=sm]:has(.c-content:empty){width:36px}:host[data-size=md]{height:40px;padding:0 16px}:host[data-size=md][data-appearance=action],:host[data-size=md][data-appearance=outlined],:host[data-size=md][data-appearance=outlined-gray]{padding:0 15px}:host[data-size=md]:has(.c-content:empty){width:40px}:host._disabled{opacity:.5}@media (hover: hover){:host-context([cuiTheme=dark])[data-appearance=destructive]:hover{background:var(--cui-red-300)}}:host-context([cuiTheme=dark])[data-appearance=destructive]:active{background:var(--cui-red-300)}:host-context([cuiTheme=dark])[data-appearance=destructive]:disabled{background:var(--cui-danger)}.c-content:empty{display:contents}.c-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;height:100%}.c-wrapper_invisible{opacity:0}.c-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}\n"] }]
240
+ args: [{ selector: 'button[cuiButton], a[cuiButton]', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n class=\"c-wrapper\"\n [class.c-wrapper_invisible]=\"isLoaderShown\"\n>\n <cui-svg\n *ngIf=\"icon\"\n [icon]=\"icon\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n <span\n #content\n class=\"c-content\"\n ><ng-content></ng-content></span>\n <cui-svg\n *ngIf=\"iconRight\"\n [icon]=\"iconRight\"\n [width]=\"iconDimensions.width\"\n [height]=\"iconDimensions.height\"\n [color]=\"iconColor\"\n ></cui-svg>\n</span>\n<cui-svg\n *ngIf=\"isLoaderShown\"\n icon=\"cuiIconLoading\"\n class=\"c-loader\"\n></cui-svg>\n", styles: [":host{padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;font-weight:500;font-size:14px;line-height:20px;display:inline-block;position:relative;box-sizing:border-box;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-400);color:var(--cui-gray-0);border:1px solid var(--cui-violet-400)}@media (hover: hover){:host[data-appearance=action-violet]:hover{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}}:host[data-appearance=action-violet]:active{background:var(--cui-violet-500);border-color:var(--cui-violet-500)}:host[data-appearance=action-violet]:disabled{background:var(--cui-violet-400);border-color:var(--cui-violet-400)}: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 12px;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 11px}: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"] }]
240
241
  }], propDecorators: { shape: [{
241
242
  type: Input
242
243
  }, {