@cuby-ui/core 0.0.338 → 0.0.341
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.
- package/components/badge/badge.component.d.ts +1 -1
- package/components/button/button.component.d.ts +12 -12
- package/components/button/button.options.d.ts +9 -4
- package/esm2022/components/accordion/accordion-item/accordion-item.component.mjs +1 -1
- package/esm2022/components/banner/banner.component.mjs +1 -1
- package/esm2022/components/button/button.component.mjs +16 -26
- package/esm2022/components/button/button.options.mjs +3 -2
- package/esm2022/components/dialog/dialog-header/dialog-header.component.mjs +1 -1
- package/esm2022/editor/components/editor-tool-modal/editor-tool-modal.component.mjs +1 -1
- package/esm2022/editor/components/editor-tooltip/editor-tooltip.component.mjs +2 -2
- package/esm2022/editor/components/marker-modal/marker-modal.component.mjs +2 -2
- package/esm2022/editor/components/marker-select/marker-select.component.mjs +2 -2
- package/esm2022/editor/widgets/editor-block/editor-block.component.mjs +2 -2
- package/esm2022/editor/widgets/editor-modal/editor-modal.component.mjs +2 -2
- package/esm2022/types/button-theme.mjs +2 -0
- package/esm2022/types/index.mjs +2 -1
- package/esm2022/widgets/categories/categories.component.mjs +2 -2
- package/esm2022/widgets/categories/components/category-item/category-item.component.mjs +2 -2
- package/esm2022/widgets/checklist-block/checklist-block.component.mjs +2 -2
- package/esm2022/widgets/checklist-block/components/checklist-block-list-item-container/checklist-block-list-item-container.component.mjs +2 -2
- package/esm2022/widgets/checklist-block/components/checklist-block-list-item-evaluation/checklist-block-list-item-evaluation.component.mjs +2 -2
- package/esm2022/widgets/checklist-block/components/checklist-block-list-item-evaluation-criteria/checklist-block-list-item-evaluation-criteria.component.mjs +2 -2
- package/esm2022/widgets/delete-modal/delete-modal.component.mjs +2 -2
- package/esm2022/widgets/utility-modal/components/readonly-utility-modal/readonly-utility-modal.component.mjs +2 -2
- package/esm2022/widgets/utility-modal/components/utility-modal-create/utility-modal-create.component.mjs +2 -2
- package/fesm2022/cuby-ui-core.mjs +38 -46
- package/fesm2022/cuby-ui-core.mjs.map +1 -1
- package/package.json +4 -4
- package/styles/theme.scss +1 -8
- package/types/button-theme.d.ts +5 -0
- package/types/index.d.ts +1 -0
|
@@ -2,7 +2,7 @@ import type { CuiBadgeOptions } from './badge.options';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class CuiBadgeComponent implements CuiBadgeOptions {
|
|
4
4
|
private readonly options;
|
|
5
|
-
color: "light-blue" | "yellow" | "green" | "gray" | "dark-gray" | "red" | "
|
|
5
|
+
color: "violet" | "light-blue" | "yellow" | "green" | "gray" | "dark-gray" | "red" | "orange";
|
|
6
6
|
size: "sm" | "md";
|
|
7
7
|
isWithDot: boolean;
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiBadgeComponent, never>;
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
import { ElementRef, OnInit } from '@angular/core';
|
|
2
2
|
import type { CuiIcon } from '@cuby-ui/icons';
|
|
3
|
-
import { CuiButtonOptions } from './button.options';
|
|
3
|
+
import { CuiButtonAppearance, CuiButtonOptions, CuiButtonSize, CuiButtonTheme } from './button.options';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class CuiButtonComponent implements CuiButtonOptions, OnInit {
|
|
6
6
|
private readonly changeDetectorRef;
|
|
7
|
-
private readonly element;
|
|
8
|
-
private readonly window;
|
|
9
7
|
private readonly cuiButtonOptions;
|
|
10
8
|
private readonly ICON_XS_SIZES;
|
|
11
|
-
protected readonly AppearanceIconColors: Record<CuiButtonOptions['appearance'], string>;
|
|
12
9
|
protected readonly COLOR_BASE_500 = "var(--cui-base-500)";
|
|
13
10
|
protected readonly BUTTON_ICONS_COLOR_BASE_500: CuiButtonOptions['appearance'][];
|
|
14
|
-
protected
|
|
11
|
+
protected _theme: CuiButtonTheme;
|
|
12
|
+
protected _appearance: CuiButtonAppearance;
|
|
13
|
+
protected _size: CuiButtonSize;
|
|
15
14
|
protected iconColor: string;
|
|
16
|
-
protected _size: "xxxs" | "xxs" | "xs" | "sm" | "md";
|
|
17
15
|
protected iconDimensions: {
|
|
18
16
|
width: number;
|
|
19
17
|
height: number;
|
|
20
18
|
};
|
|
21
|
-
shape: "
|
|
19
|
+
shape: import("./button.options").CuiButtonShape;
|
|
22
20
|
disabled: boolean;
|
|
23
21
|
isLoaderShown: boolean;
|
|
24
22
|
icon?: CuiIcon | string;
|
|
25
23
|
iconRight?: CuiIcon | string;
|
|
26
|
-
get appearance():
|
|
27
|
-
set appearance(appearance:
|
|
28
|
-
get
|
|
29
|
-
set
|
|
24
|
+
get appearance(): CuiButtonAppearance;
|
|
25
|
+
set appearance(appearance: CuiButtonAppearance);
|
|
26
|
+
get theme(): CuiButtonTheme;
|
|
27
|
+
set theme(theme: CuiButtonTheme);
|
|
28
|
+
get size(): CuiButtonSize;
|
|
29
|
+
set size(size: CuiButtonSize);
|
|
30
30
|
protected containsOnlyIcon: boolean;
|
|
31
31
|
protected get isDisabled(): boolean;
|
|
32
32
|
protected content: ElementRef<HTMLSpanElement>;
|
|
@@ -35,5 +35,5 @@ export declare class CuiButtonComponent implements CuiButtonOptions, OnInit {
|
|
|
35
35
|
private changeIconColor;
|
|
36
36
|
private getIconColor;
|
|
37
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiButtonComponent, never>;
|
|
38
|
-
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>;
|
|
38
|
+
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>;
|
|
39
39
|
}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import { InjectionToken } from '@angular/core';
|
|
2
|
-
import type { CuiAppearanceAction, CuiAppearanceActionCyan, CuiAppearanceActionViolet, CuiAppearanceDestructive, CuiAppearanceFlat, CuiAppearanceGhost, CuiAppearanceLink, CuiAppearanceOutlined, CuiAppearanceOutlinedGray, CuiAppearanceSecondary, CuiAppearanceVividSuccess, CuiShapeRounded, CuiSizeMd, CuiSizeSm, CuiSizeXs, CuiSizeXxs, CuiSizeXxxs } from '../../types';
|
|
2
|
+
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';
|
|
3
3
|
export interface CuiButtonOptions {
|
|
4
|
-
readonly appearance:
|
|
5
|
-
readonly shape:
|
|
6
|
-
readonly size:
|
|
4
|
+
readonly appearance: CuiButtonAppearance;
|
|
5
|
+
readonly shape: CuiButtonShape;
|
|
6
|
+
readonly size: CuiButtonSize;
|
|
7
|
+
readonly theme: CuiButtonTheme;
|
|
7
8
|
}
|
|
9
|
+
export type CuiButtonAppearance = CuiAppearanceAction | CuiAppearanceSecondary | CuiAppearanceOutlined | CuiAppearanceOutlinedGray | CuiAppearanceGhost | CuiAppearanceFlat | CuiAppearanceVividSuccess | CuiAppearanceDestructive | CuiAppearanceLink | CuiAppearanceActionViolet | CuiAppearanceActionCyan;
|
|
10
|
+
export type CuiButtonTheme = CuiButtonThemeDefault | CuiButtonThemeViolet | CuiButtonThemeCyan | CuiButtonThemeSuccess | CuiButtonThemeVividSuccess;
|
|
11
|
+
export type CuiButtonSize = CuiSizeXxxs | CuiSizeXxs | CuiSizeXs | CuiSizeSm | CuiSizeMd;
|
|
12
|
+
export type CuiButtonShape = CuiShapeRounded | null;
|
|
8
13
|
export declare const CUI_BUTTON_DEFAULT_OPTIONS: CuiButtonOptions;
|
|
9
14
|
export declare const CUI_BUTTON_OPTIONS: InjectionToken<CuiButtonOptions>;
|
|
@@ -19,7 +19,7 @@ export class CuiAccordionItemComponent {
|
|
|
19
19
|
this.isOpenChange.emit(this.isOpen);
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
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 }); }
|
|
22
|
+
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 }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiAccordionItemComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
@@ -44,7 +44,7 @@ export class CuiBannerComponent {
|
|
|
44
44
|
this.closed.emit();
|
|
45
45
|
}
|
|
46
46
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
47
|
-
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 }); }
|
|
47
|
+
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 }); }
|
|
48
48
|
}
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiBannerComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, HostBinding, inject, Input, ViewChild } from '@angular/core';
|
|
2
|
-
import { CUI_WINDOW } from '@cuby-ui/cdk';
|
|
3
2
|
import { CUI_BUTTON_OPTIONS } from './button.options';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
4
|
import * as i1 from "@angular/common";
|
|
@@ -7,23 +6,8 @@ import * as i2 from "../svg/svg.component";
|
|
|
7
6
|
export class CuiButtonComponent {
|
|
8
7
|
constructor() {
|
|
9
8
|
this.changeDetectorRef = inject(ChangeDetectorRef);
|
|
10
|
-
this.element = inject(ElementRef).nativeElement;
|
|
11
|
-
this.window = inject(CUI_WINDOW);
|
|
12
9
|
this.cuiButtonOptions = inject(CUI_BUTTON_OPTIONS);
|
|
13
10
|
this.ICON_XS_SIZES = ['xxs', 'xxxs'];
|
|
14
|
-
this.AppearanceIconColors = {
|
|
15
|
-
action: '--c-action-icon-color',
|
|
16
|
-
secondary: '--c-secondary-icon-color',
|
|
17
|
-
outlined: '--c-outlined-icon-color',
|
|
18
|
-
'outlined-gray': '--c-outlined-gray-icon-color',
|
|
19
|
-
ghost: '--c-ghost-icon-color',
|
|
20
|
-
flat: '--c-flat-icon-color',
|
|
21
|
-
destructive: '--c-destructive-icon-color',
|
|
22
|
-
link: '--c-link-icon-color',
|
|
23
|
-
'action-violet': '--c-action-violet-icon-color',
|
|
24
|
-
'action-cyan': '--c-action-cyan-icon-color',
|
|
25
|
-
'vivid-success': '--c-vivid-success-icon-color'
|
|
26
|
-
};
|
|
27
11
|
this.COLOR_BASE_500 = 'var(--cui-base-500)';
|
|
28
12
|
this.BUTTON_ICONS_COLOR_BASE_500 = [
|
|
29
13
|
'secondary',
|
|
@@ -31,9 +15,10 @@ export class CuiButtonComponent {
|
|
|
31
15
|
'outlined-gray',
|
|
32
16
|
'ghost'
|
|
33
17
|
];
|
|
18
|
+
this._theme = this.cuiButtonOptions.theme;
|
|
34
19
|
this._appearance = this.cuiButtonOptions.appearance;
|
|
35
|
-
this.iconColor = this.getIconColor(this._appearance);
|
|
36
20
|
this._size = this.cuiButtonOptions.size;
|
|
21
|
+
this.iconColor = this.getIconColor(this._appearance);
|
|
37
22
|
this.iconDimensions = {
|
|
38
23
|
width: 20,
|
|
39
24
|
height: 20
|
|
@@ -48,6 +33,12 @@ export class CuiButtonComponent {
|
|
|
48
33
|
}
|
|
49
34
|
set appearance(appearance) {
|
|
50
35
|
this._appearance = appearance;
|
|
36
|
+
}
|
|
37
|
+
get theme() {
|
|
38
|
+
return this._theme;
|
|
39
|
+
}
|
|
40
|
+
set theme(theme) {
|
|
41
|
+
this._theme = theme;
|
|
51
42
|
this.changeIconColor();
|
|
52
43
|
}
|
|
53
44
|
get size() {
|
|
@@ -83,23 +74,17 @@ export class CuiButtonComponent {
|
|
|
83
74
|
});
|
|
84
75
|
}
|
|
85
76
|
getIconColor(appearance) {
|
|
86
|
-
const customIconColor = this.window
|
|
87
|
-
.getComputedStyle(this.element)
|
|
88
|
-
.getPropertyValue(this.AppearanceIconColors[appearance]);
|
|
89
|
-
if (customIconColor) {
|
|
90
|
-
return customIconColor;
|
|
91
|
-
}
|
|
92
77
|
if (this.BUTTON_ICONS_COLOR_BASE_500.includes(appearance)) {
|
|
93
78
|
return this.COLOR_BASE_500;
|
|
94
79
|
}
|
|
95
80
|
return 'currentColor';
|
|
96
81
|
}
|
|
97
82
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
98
|
-
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-
|
|
83
|
+
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 }); }
|
|
99
84
|
}
|
|
100
85
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiButtonComponent, decorators: [{
|
|
101
86
|
type: Component,
|
|
102
|
-
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-
|
|
87
|
+
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"] }]
|
|
103
88
|
}], propDecorators: { shape: [{
|
|
104
89
|
type: Input
|
|
105
90
|
}, {
|
|
@@ -124,6 +109,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
124
109
|
}, {
|
|
125
110
|
type: HostBinding,
|
|
126
111
|
args: ['attr.data-appearance']
|
|
112
|
+
}], theme: [{
|
|
113
|
+
type: Input
|
|
114
|
+
}, {
|
|
115
|
+
type: HostBinding,
|
|
116
|
+
args: ['attr.data-theme']
|
|
127
117
|
}], size: [{
|
|
128
118
|
type: Input
|
|
129
119
|
}, {
|
|
@@ -139,4 +129,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
139
129
|
type: ViewChild,
|
|
140
130
|
args: ['content']
|
|
141
131
|
}] } });
|
|
142
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFDTCxTQUFTLEVBRVosTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUUxQyxPQUFPLEVBQUUsa0JBQWtCLEVBQW9CLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUFReEUsTUFBTSxPQUFPLGtCQUFrQjtJQU4vQjtRQU9xQixzQkFBaUIsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUM5QyxZQUFPLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLGFBQWtDLENBQUM7UUFDaEUsV0FBTSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUM1QixxQkFBZ0IsR0FBRyxNQUFNLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUU5QyxrQkFBYSxHQUFHLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQzlCLHlCQUFvQixHQUFtRDtZQUN0RixNQUFNLEVBQUUsdUJBQXVCO1lBQy9CLFNBQVMsRUFBRSwwQkFBMEI7WUFDckMsUUFBUSxFQUFFLHlCQUF5QjtZQUNuQyxlQUFlLEVBQUUsOEJBQThCO1lBQy9DLEtBQUssRUFBRSxzQkFBc0I7WUFDN0IsSUFBSSxFQUFFLHFCQUFxQjtZQUMzQixXQUFXLEVBQUUsNEJBQTRCO1lBQ3pDLElBQUksRUFBRSxxQkFBcUI7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K0dBcElRLGtCQUFrQjttR0FBbEIsa0JBQWtCLHdtQkN0Qi9CLGtwQkE2QkE7OzRGRFBhLGtCQUFrQjtrQkFOOUIsU0FBUzsrQkFDSSxpQ0FBaUMsbUJBRzFCLHVCQUF1QixDQUFDLE1BQU07OEJBeUN4QyxLQUFLO3NCQUZYLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUt2QixRQUFRO3NCQUZkLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsaUJBQWlCO2dCQUt2QixhQUFhO3NCQUZuQixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGdCQUFnQjtnQkFJdEIsSUFBSTtzQkFEVixLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSztnQkFLSyxVQUFVO3NCQUZwQixLQUFLOztzQkFDTCxXQUFXO3VCQUFDLHNCQUFzQjtnQkFheEIsSUFBSTtzQkFGZCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGdCQUFnQjtnQkF3Qm5CLGdCQUFnQjtzQkFEekIsV0FBVzt1QkFBQyxrQkFBa0I7Z0JBSWpCLFVBQVU7c0JBRHZCLFdBQVc7dUJBQUMsVUFBVTtnQkFNYixPQUFPO3NCQURoQixTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudCxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RCaW5kaW5nLFxuICAgIGluamVjdCxcbiAgICBJbnB1dCxcbiAgICBWaWV3Q2hpbGQsXG4gICAgT25Jbml0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHR5cGUgeyBDdWlJY29uIH0gZnJvbSAnQGN1YnktdWkvaWNvbnMnO1xuaW1wb3J0IHsgQ1VJX1dJTkRPVyB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XG5cbmltcG9ydCB7IENVSV9CVVRUT05fT1BUSU9OUywgQ3VpQnV0dG9uT3B0aW9ucyB9IGZyb20gJy4vYnV0dG9uLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2J1dHRvbltjdWlCdXR0b25dLCBhW2N1aUJ1dHRvbl0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXR0b24udGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLnN0eWxlLnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDdWlCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBDdWlCdXR0b25PcHRpb25zLCBPbkluaXQge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgY2hhbmdlRGV0ZWN0b3JSZWYgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdChFbGVtZW50UmVmKS5uYXRpdmVFbGVtZW50IGFzIEhUTUxCdXR0b25FbGVtZW50O1xuICAgIHByaXZhdGUgcmVhZG9ubHkgd2luZG93ID0gaW5qZWN0KENVSV9XSU5ET1cpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgY3VpQnV0dG9uT3B0aW9ucyA9IGluamVjdChDVUlfQlVUVE9OX09QVElPTlMpO1xuXG4gICAgcHJpdmF0ZSByZWFkb25seSBJQ09OX1hTX1NJWkVTID0gWyd4eHMnLCAneHh4cyddO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBBcHBlYXJhbmNlSWNvbkNvbG9yczogUmVjb3JkPEN1aUJ1dHRvbk9wdGlvbnNbJ2FwcGVhcmFuY2UnXSwgc3RyaW5nPiA9IHtcbiAgICAgICAgYWN0aW9uOiAnLS1jLWFjdGlvbi1pY29uLWNvbG9yJyxcbiAgICAgICAgc2Vjb25kYXJ5OiAnLS1jLXNlY29uZGFyeS1pY29uLWNvbG9yJyxcbiAgICAgICAgb3V0bGluZWQ6ICctLWMtb3V0bGluZWQtaWNvbi1jb2xvcicsXG4gICAgICAgICdvdXRsaW5lZC1ncmF5JzogJy0tYy1vdXRsaW5lZC1ncmF5LWljb24tY29sb3InLFxuICAgICAgICBnaG9zdDogJy0tYy1naG9zdC1pY29uLWNvbG9yJyxcbiAgICAgICAgZmxhdDogJy0tYy1mbGF0LWljb24tY29sb3InLFxuICAgICAgICBkZXN0cnVjdGl2ZTogJy0tYy1kZXN0cnVjdGl2ZS1pY29uLWNvbG9yJyxcbiAgICAgICAgbGluazogJy0tYy1saW5rLWljb24tY29sb3InLFxuICAgICAgICAnYWN0aW9uLXZpb2xldCc6ICctLWMtYWN0aW9uLXZpb2xldC1pY29uLWNvbG9yJyxcbiAgICAgICAgJ2FjdGlvbi1jeWFuJzogJy0tYy1hY3Rpb24tY3lhbi1pY29uLWNvbG9yJyxcbiAgICAgICAgJ3ZpdmlkLXN1Y2Nlc3MnOiAnLS1jLXZpdmlkLXN1Y2Nlc3MtaWNvbi1jb2xvcidcbiAgICB9O1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IENPTE9SX0JBU0VfNTAwID0gJ3ZhcigtLWN1aS1iYXNlLTUwMCknO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBCVVRUT05fSUNPTlNfQ09MT1JfQkFTRV81MDA6IEN1aUJ1dHRvbk9wdGlvbnNbJ2FwcGVhcmFuY2UnXVtdID0gW1xuICAgICAgICAnc2Vjb25kYXJ5JyxcbiAgICAgICAgJ291dGxpbmVkJyxcbiAgICAgICAgJ291dGxpbmVkLWdyYXknLFxuICAgICAgICAnZ2hvc3QnXG4gICAgXTtcblxuICAgIHByb3RlY3RlZCBfYXBwZWFyYW5jZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5hcHBlYXJhbmNlO1xuICAgIHByb3RlY3RlZCBpY29uQ29sb3IgPSB0aGlzLmdldEljb25Db2xvcih0aGlzLl9hcHBlYXJhbmNlKTtcbiAgICBwcm90ZWN0ZWQgX3NpemUgPSB0aGlzLmN1aUJ1dHRvbk9wdGlvbnMuc2l6ZTtcbiAgICBwcm90ZWN0ZWQgaWNvbkRpbWVuc2lvbnMgPSB7XG4gICAgICAgIHdpZHRoOiAyMCxcbiAgICAgICAgaGVpZ2h0OiAyMFxuICAgIH07XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNoYXBlJylcbiAgICBwdWJsaWMgc2hhcGUgPSB0aGlzLmN1aUJ1dHRvbk9wdGlvbnMuc2hhcGU7XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuX2Rpc2FibGVkJylcbiAgICBwdWJsaWMgZGlzYWJsZWQgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fbG9hZGluZycpXG4gICAgcHVibGljIGlzTG9hZGVyU2hvd24gPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGljb24/OiBDdWlJY29uIHwgc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWNvblJpZ2h0PzogQ3VpSWNvbiB8IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtYXBwZWFyYW5jZScpXG4gICAgcHVibGljIGdldCBhcHBlYXJhbmNlKCk6IEN1aUJ1dHRvbk9wdGlvbnNbJ2FwcGVhcmFuY2UnXSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9hcHBlYXJhbmNlO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXQgYXBwZWFyYW5jZShhcHBlYXJhbmNlOiBDdWlCdXR0b25PcHRpb25zWydhcHBlYXJhbmNlJ10pIHtcbiAgICAgICAgdGhpcy5fYXBwZWFyYW5jZSA9IGFwcGVhcmFuY2U7XG5cbiAgICAgICAgdGhpcy5jaGFuZ2VJY29uQ29sb3IoKTtcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXNpemUnKVxuICAgIHB1YmxpYyBnZXQgc2l6ZSgpOiBDdWlCdXR0b25PcHRpb25zWydzaXplJ10ge1xuICAgICAgICByZXR1cm4gdGhpcy5fc2l6ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHNpemUoc2l6ZTogQ3VpQnV0dG9uT3B0aW9uc1snc2l6ZSddKSB7XG4gICAgICAgIHRoaXMuX3NpemUgPSBzaXplO1xuXG4gICAgICAgIGlmICh0aGlzLklDT05fWFNfU0laRVMuaW5jbHVkZXMoc2l6ZSkpIHtcbiAgICAgICAgICAgIHRoaXMuaWNvbkRpbWVuc2lvbnMgPSB7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE2LFxuICAgICAgICAgICAgICAgIGhlaWdodDogMTZcbiAgICAgICAgICAgIH07XG5cbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuaWNvbkRpbWVuc2lvbnMgPSB7XG4gICAgICAgICAgICB3aWR0aDogMjAsXG4gICAgICAgICAgICBoZWlnaHQ6IDIwXG4gICAgICAgIH07XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fb25seS1pY29uJylcbiAgICBwcm90ZWN0ZWQgY29udGFpbnNPbmx5SWNvbiA9IGZhbHNlO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdkaXNhYmxlZCcpXG4gICAgcHJvdGVjdGVkIGdldCBpc0Rpc2FibGVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5kaXNhYmxlZCB8fCB0aGlzLmlzTG9hZGVyU2hvd247XG4gICAgfVxuXG4gICAgQFZpZXdDaGlsZCgnY29udGVudCcpXG4gICAgcHJvdGVjdGVkIGNvbnRlbnQhOiBFbGVtZW50UmVmPEhUTUxTcGFuRWxlbWVudD47XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaW5pdEljb25Db2xvcigpO1xuICAgIH1cblxuICAgIHByaXZhdGUgaW5pdEljb25Db2xvcigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VJY29uQ29sb3IoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGNoYW5nZUljb25Db2xvcigpOiB2b2lkIHtcbiAgICAgICAgUHJvbWlzZS5yZXNvbHZlKCkudGhlbigoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmljb25Db2xvciA9IHRoaXMuZ2V0SWNvbkNvbG9yKHRoaXMuX2FwcGVhcmFuY2UpO1xuXG4gICAgICAgICAgICB0aGlzLmNoYW5nZURldGVjdG9yUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGdldEljb25Db2xvcihhcHBlYXJhbmNlOiBDdWlCdXR0b25PcHRpb25zWydhcHBlYXJhbmNlJ10pOiBzdHJpbmcge1xuICAgICAgICBjb25zdCBjdXN0b21JY29uQ29sb3IgPSB0aGlzLndpbmRvd1xuICAgICAgICAgICAgLmdldENvbXB1dGVkU3R5bGUodGhpcy5lbGVtZW50KVxuICAgICAgICAgICAgLmdldFByb3BlcnR5VmFsdWUodGhpcy5BcHBlYXJhbmNlSWNvbkNvbG9yc1thcHBlYXJhbmNlXSk7XG5cbiAgICAgICAgaWYgKGN1c3RvbUljb25Db2xvcikge1xuICAgICAgICAgICAgcmV0dXJuIGN1c3RvbUljb25Db2xvcjtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLkJVVFRPTl9JQ09OU19DT0xPUl9CQVNFXzUwMC5pbmNsdWRlcyhhcHBlYXJhbmNlKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuQ09MT1JfQkFTRV81MDA7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gJ2N1cnJlbnRDb2xvcic7XG4gICAgfVxufVxuIiwiPHNwYW5cbiAgY2xhc3M9XCJjLXdyYXBwZXJcIlxuICBbY2xhc3MuYy13cmFwcGVyX2ludmlzaWJsZV09XCJpc0xvYWRlclNob3duXCJcbj5cbiAgPGN1aS1zdmdcbiAgICAqbmdJZj1cImljb25cIlxuICAgIFtpY29uXT1cImljb25cIlxuICAgIFt3aWR0aF09XCJpY29uRGltZW5zaW9ucy53aWR0aFwiXG4gICAgW2hlaWdodF09XCJpY29uRGltZW5zaW9ucy5oZWlnaHRcIlxuICAgIFtjb2xvcl09XCJpY29uQ29sb3JcIlxuICA+PC9jdWktc3ZnPlxuICA8c3BhblxuICAgICNjb250ZW50XG4gICAgY2xhc3M9XCJjLWNvbnRlbnRcIlxuICA+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3Bhbj5cbiAgPGN1aS1zdmdcbiAgICAqbmdJZj1cImljb25SaWdodFwiXG4gICAgW2ljb25dPVwiaWNvblJpZ2h0XCJcbiAgICBbd2lkdGhdPVwiaWNvbkRpbWVuc2lvbnMud2lkdGhcIlxuICAgIFtoZWlnaHRdPVwiaWNvbkRpbWVuc2lvbnMuaGVpZ2h0XCJcbiAgICBbY29sb3JdPVwiaWNvbkNvbG9yXCJcbiAgPjwvY3VpLXN2Zz5cbjwvc3Bhbj5cbjxjdWktc3ZnXG4gICpuZ0lmPVwiaXNMb2FkZXJTaG93blwiXG4gIGljb249XCJjdWlJY29uTG9hZGluZ1wiXG4gIFtjb2xvcl09XCJpY29uQ29sb3JcIlxuICBjbGFzcz1cImMtbG9hZGVyXCJcbj48L2N1aS1zdmc+XG4iXX0=
|
|
132
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9idXR0b24vYnV0dG9uLnRlbXBsYXRlLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixXQUFXLEVBQ1gsTUFBTSxFQUNOLEtBQUssRUFFTCxTQUFTLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLGtCQUFrQixFQUF3RSxNQUFNLGtCQUFrQixDQUFDOzs7O0FBUTVILE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFPcUIsc0JBQWlCLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7UUFDOUMscUJBQWdCLEdBQUcsTUFBTSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFFOUMsa0JBQWEsR0FBRyxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsQ0FBQztRQUM5QixtQkFBYyxHQUFHLHFCQUFxQixDQUFDO1FBQ3ZDLGdDQUEyQixHQUFxQztZQUMvRSxXQUFXO1lBQ1gsVUFBVTtZQUNWLGVBQWU7WUFDZixPQUFPO1NBQ1YsQ0FBQztRQUVRLFdBQU0sR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDO1FBQ3JDLGdCQUFXLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsQ0FBQztRQUMvQyxVQUFLLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksQ0FBQztRQUVuQyxjQUFTLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDaEQsbUJBQWMsR0FBRztZQUN2QixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1NBQ2IsQ0FBQztRQUlLLFVBQUssR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxDQUFDO1FBSXBDLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFJakIsa0JBQWEsR0FBRyxLQUFLLENBQUM7UUF1RG5CLHFCQUFnQixHQUFHLEtBQUssQ0FBQztLQWlDdEM7SUFoRkcsSUFFVyxVQUFVO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBVyxVQUFVLENBQUMsVUFBK0I7UUFDakQsSUFBSSxDQUFDLFdBQVcsR0FBRyxVQUFVLENBQUM7SUFDbEMsQ0FBQztJQUVELElBRVcsS0FBSztRQUNaLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUN2QixDQUFDO0lBRUQsSUFBVyxLQUFLLENBQUMsS0FBcUI7UUFDbEMsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFFcEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxJQUVXLElBQUk7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQVcsSUFBSSxDQUFDLElBQW1CO1FBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBRWxCLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztZQUNwQyxJQUFJLENBQUMsY0FBYyxHQUFHO2dCQUNsQixLQUFLLEVBQUUsRUFBRTtnQkFDVCxNQUFNLEVBQUUsRUFBRTthQUNiLENBQUM7WUFFRixPQUFPO1FBQ1gsQ0FBQztRQUVELElBQUksQ0FBQyxjQUFjLEdBQUc7WUFDbEIsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtTQUNiLENBQUM7SUFDTixDQUFDO0lBS0QsSUFDYyxVQUFVO1FBQ3BCLE9BQU8sSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQy9DLENBQUM7SUFLTSxRQUFRO1FBQ1gsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFTyxhQUFhO1FBQ2pCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU8sZUFBZTtRQUNuQixPQUFPLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUN4QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1lBRXJELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQyxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxZQUFZLENBQUMsVUFBMEM7UUFDM0QsSUFBSSxJQUFJLENBQUMsMkJBQTJCLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUM7WUFDeEQsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO1FBQy9CLENBQUM7UUFFRCxPQUFPLGNBQWMsQ0FBQztJQUMxQixDQUFDOytHQXhIUSxrQkFBa0I7bUdBQWxCLGtCQUFrQix5cEJDckIvQixrcEJBNkJBOzs0RkRSYSxrQkFBa0I7a0JBTjlCLFNBQVM7K0JBQ0ksaUNBQWlDLG1CQUcxQix1QkFBdUIsQ0FBQyxNQUFNOzhCQTJCeEMsS0FBSztzQkFGWCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGlCQUFpQjtnQkFLdkIsUUFBUTtzQkFGZCxLQUFLOztzQkFDTCxXQUFXO3VCQUFDLGlCQUFpQjtnQkFLdkIsYUFBYTtzQkFGbkIsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBSXRCLElBQUk7c0JBRFYsS0FBSztnQkFJQyxTQUFTO3NCQURmLEtBQUs7Z0JBS0ssVUFBVTtzQkFGcEIsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxzQkFBc0I7Z0JBV3hCLEtBQUs7c0JBRmYsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBYW5CLElBQUk7c0JBRmQsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBd0JuQixnQkFBZ0I7c0JBRHpCLFdBQVc7dUJBQUMsa0JBQWtCO2dCQUlqQixVQUFVO3NCQUR2QixXQUFXO3VCQUFDLFVBQVU7Z0JBTWIsT0FBTztzQkFEaEIsU0FBUzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBDb21wb25lbnQsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0QmluZGluZyxcbiAgICBpbmplY3QsXG4gICAgSW5wdXQsXG4gICAgT25Jbml0LFxuICAgIFZpZXdDaGlsZFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB0eXBlIHsgQ3VpSWNvbiB9IGZyb20gJ0BjdWJ5LXVpL2ljb25zJztcblxuaW1wb3J0IHsgQ1VJX0JVVFRPTl9PUFRJT05TLCBDdWlCdXR0b25BcHBlYXJhbmNlLCBDdWlCdXR0b25PcHRpb25zLCBDdWlCdXR0b25TaXplLCBDdWlCdXR0b25UaGVtZSB9IGZyb20gJy4vYnV0dG9uLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2J1dHRvbltjdWlCdXR0b25dLCBhW2N1aUJ1dHRvbl0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9idXR0b24udGVtcGxhdGUuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDdWlCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBDdWlCdXR0b25PcHRpb25zLCBPbkluaXQge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgY2hhbmdlRGV0ZWN0b3JSZWYgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgY3VpQnV0dG9uT3B0aW9ucyA9IGluamVjdChDVUlfQlVUVE9OX09QVElPTlMpO1xuXG4gICAgcHJpdmF0ZSByZWFkb25seSBJQ09OX1hTX1NJWkVTID0gWyd4eHMnLCAneHh4cyddO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBDT0xPUl9CQVNFXzUwMCA9ICd2YXIoLS1jdWktYmFzZS01MDApJztcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgQlVUVE9OX0lDT05TX0NPTE9SX0JBU0VfNTAwOiBDdWlCdXR0b25PcHRpb25zWydhcHBlYXJhbmNlJ11bXSA9IFtcbiAgICAgICAgJ3NlY29uZGFyeScsXG4gICAgICAgICdvdXRsaW5lZCcsXG4gICAgICAgICdvdXRsaW5lZC1ncmF5JyxcbiAgICAgICAgJ2dob3N0J1xuICAgIF07XG5cbiAgICBwcm90ZWN0ZWQgX3RoZW1lID0gdGhpcy5jdWlCdXR0b25PcHRpb25zLnRoZW1lO1xuICAgIHByb3RlY3RlZCBfYXBwZWFyYW5jZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5hcHBlYXJhbmNlO1xuICAgIHByb3RlY3RlZCBfc2l6ZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5zaXplO1xuXG4gICAgcHJvdGVjdGVkIGljb25Db2xvciA9IHRoaXMuZ2V0SWNvbkNvbG9yKHRoaXMuX2FwcGVhcmFuY2UpO1xuICAgIHByb3RlY3RlZCBpY29uRGltZW5zaW9ucyA9IHtcbiAgICAgICAgd2lkdGg6IDIwLFxuICAgICAgICBoZWlnaHQ6IDIwXG4gICAgfTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc2hhcGUnKVxuICAgIHB1YmxpYyBzaGFwZSA9IHRoaXMuY3VpQnV0dG9uT3B0aW9ucy5zaGFwZTtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5fZGlzYWJsZWQnKVxuICAgIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLl9sb2FkaW5nJylcbiAgICBwdWJsaWMgaXNMb2FkZXJTaG93biA9IGZhbHNlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaWNvbj86IEN1aUljb24gfCBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpY29uUmlnaHQ/OiBDdWlJY29uIHwgc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1hcHBlYXJhbmNlJylcbiAgICBwdWJsaWMgZ2V0IGFwcGVhcmFuY2UoKTogQ3VpQnV0dG9uQXBwZWFyYW5jZSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9hcHBlYXJhbmNlO1xuICAgIH1cblxuICAgIHB1YmxpYyBzZXQgYXBwZWFyYW5jZShhcHBlYXJhbmNlOiBDdWlCdXR0b25BcHBlYXJhbmNlKSB7XG4gICAgICAgIHRoaXMuX2FwcGVhcmFuY2UgPSBhcHBlYXJhbmNlO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtdGhlbWUnKVxuICAgIHB1YmxpYyBnZXQgdGhlbWUoKTogQ3VpQnV0dG9uVGhlbWUge1xuICAgICAgICByZXR1cm4gdGhpcy5fdGhlbWU7XG4gICAgfVxuXG4gICAgcHVibGljIHNldCB0aGVtZSh0aGVtZTogQ3VpQnV0dG9uVGhlbWUpIHtcbiAgICAgICAgdGhpcy5fdGhlbWUgPSB0aGVtZTtcblxuICAgICAgICB0aGlzLmNoYW5nZUljb25Db2xvcigpO1xuICAgIH1cblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc2l6ZScpXG4gICAgcHVibGljIGdldCBzaXplKCk6IEN1aUJ1dHRvblNpemUge1xuICAgICAgICByZXR1cm4gdGhpcy5fc2l6ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHNpemUoc2l6ZTogQ3VpQnV0dG9uU2l6ZSkge1xuICAgICAgICB0aGlzLl9zaXplID0gc2l6ZTtcblxuICAgICAgICBpZiAodGhpcy5JQ09OX1hTX1NJWkVTLmluY2x1ZGVzKHNpemUpKSB7XG4gICAgICAgICAgICB0aGlzLmljb25EaW1lbnNpb25zID0ge1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNixcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDE2XG4gICAgICAgICAgICB9O1xuXG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLmljb25EaW1lbnNpb25zID0ge1xuICAgICAgICAgICAgd2lkdGg6IDIwLFxuICAgICAgICAgICAgaGVpZ2h0OiAyMFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MuX29ubHktaWNvbicpXG4gICAgcHJvdGVjdGVkIGNvbnRhaW5zT25seUljb24gPSBmYWxzZTtcblxuICAgIEBIb3N0QmluZGluZygnZGlzYWJsZWQnKVxuICAgIHByb3RlY3RlZCBnZXQgaXNEaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuZGlzYWJsZWQgfHwgdGhpcy5pc0xvYWRlclNob3duO1xuICAgIH1cblxuICAgIEBWaWV3Q2hpbGQoJ2NvbnRlbnQnKVxuICAgIHByb3RlY3RlZCBjb250ZW50ITogRWxlbWVudFJlZjxIVE1MU3BhbkVsZW1lbnQ+O1xuXG4gICAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICB0aGlzLmluaXRJY29uQ29sb3IoKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIGluaXRJY29uQ29sb3IoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2hhbmdlSWNvbkNvbG9yKCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjaGFuZ2VJY29uQ29sb3IoKTogdm9pZCB7XG4gICAgICAgIFByb21pc2UucmVzb2x2ZSgpLnRoZW4oKCkgPT4ge1xuICAgICAgICAgICAgdGhpcy5pY29uQ29sb3IgPSB0aGlzLmdldEljb25Db2xvcih0aGlzLl9hcHBlYXJhbmNlKTtcblxuICAgICAgICAgICAgdGhpcy5jaGFuZ2VEZXRlY3RvclJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBnZXRJY29uQ29sb3IoYXBwZWFyYW5jZTogQ3VpQnV0dG9uT3B0aW9uc1snYXBwZWFyYW5jZSddKTogc3RyaW5nIHtcbiAgICAgICAgaWYgKHRoaXMuQlVUVE9OX0lDT05TX0NPTE9SX0JBU0VfNTAwLmluY2x1ZGVzKGFwcGVhcmFuY2UpKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy5DT0xPUl9CQVNFXzUwMDtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAnY3VycmVudENvbG9yJztcbiAgICB9XG59XG4iLCI8c3BhblxuICBjbGFzcz1cImMtd3JhcHBlclwiXG4gIFtjbGFzcy5jLXdyYXBwZXJfaW52aXNpYmxlXT1cImlzTG9hZGVyU2hvd25cIlxuPlxuICA8Y3VpLXN2Z1xuICAgICpuZ0lmPVwiaWNvblwiXG4gICAgW2ljb25dPVwiaWNvblwiXG4gICAgW3dpZHRoXT1cImljb25EaW1lbnNpb25zLndpZHRoXCJcbiAgICBbaGVpZ2h0XT1cImljb25EaW1lbnNpb25zLmhlaWdodFwiXG4gICAgW2NvbG9yXT1cImljb25Db2xvclwiXG4gID48L2N1aS1zdmc+XG4gIDxzcGFuXG4gICAgI2NvbnRlbnRcbiAgICBjbGFzcz1cImMtY29udGVudFwiXG4gID48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9zcGFuPlxuICA8Y3VpLXN2Z1xuICAgICpuZ0lmPVwiaWNvblJpZ2h0XCJcbiAgICBbaWNvbl09XCJpY29uUmlnaHRcIlxuICAgIFt3aWR0aF09XCJpY29uRGltZW5zaW9ucy53aWR0aFwiXG4gICAgW2hlaWdodF09XCJpY29uRGltZW5zaW9ucy5oZWlnaHRcIlxuICAgIFtjb2xvcl09XCJpY29uQ29sb3JcIlxuICA+PC9jdWktc3ZnPlxuPC9zcGFuPlxuPGN1aS1zdmdcbiAgKm5nSWY9XCJpc0xvYWRlclNob3duXCJcbiAgaWNvbj1cImN1aUljb25Mb2FkaW5nXCJcbiAgW2NvbG9yXT1cImljb25Db2xvclwiXG4gIGNsYXNzPVwiYy1sb2FkZXJcIlxuPjwvY3VpLXN2Zz5cbiJdfQ==
|
|
@@ -2,9 +2,10 @@ import { InjectionToken } from '@angular/core';
|
|
|
2
2
|
export const CUI_BUTTON_DEFAULT_OPTIONS = {
|
|
3
3
|
appearance: 'action',
|
|
4
4
|
shape: null,
|
|
5
|
-
size: 'sm'
|
|
5
|
+
size: 'sm',
|
|
6
|
+
theme: 'default'
|
|
6
7
|
};
|
|
7
8
|
export const CUI_BUTTON_OPTIONS = new InjectionToken('', {
|
|
8
9
|
factory: () => CUI_BUTTON_DEFAULT_OPTIONS
|
|
9
10
|
});
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFrRC9DLE1BQU0sQ0FBQyxNQUFNLDBCQUEwQixHQUFxQjtJQUN4RCxVQUFVLEVBQUUsUUFBUTtJQUNwQixLQUFLLEVBQUUsSUFBSTtJQUNYLElBQUksRUFBRSxJQUFJO0lBQ1YsS0FBSyxFQUFFLFNBQVM7Q0FDbkIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUFDLEVBQUUsRUFBRTtJQUNyRCxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsMEJBQTBCO0NBQzVDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHtcbiAgICBDdWlBcHBlYXJhbmNlQWN0aW9uLFxuICAgIEN1aUFwcGVhcmFuY2VBY3Rpb25DeWFuLFxuICAgIEN1aUFwcGVhcmFuY2VBY3Rpb25WaW9sZXQsXG4gICAgQ3VpQXBwZWFyYW5jZURlc3RydWN0aXZlLFxuICAgIEN1aUFwcGVhcmFuY2VGbGF0LFxuICAgIEN1aUFwcGVhcmFuY2VHaG9zdCxcbiAgICBDdWlBcHBlYXJhbmNlTGluayxcbiAgICBDdWlBcHBlYXJhbmNlT3V0bGluZWQsXG4gICAgQ3VpQXBwZWFyYW5jZU91dGxpbmVkR3JheSxcbiAgICBDdWlBcHBlYXJhbmNlU2Vjb25kYXJ5LFxuICAgIEN1aUFwcGVhcmFuY2VWaXZpZFN1Y2Nlc3MsXG4gICAgQ3VpQnV0dG9uVGhlbWVDeWFuLFxuICAgIEN1aUJ1dHRvblRoZW1lRGVmYXVsdCxcbiAgICBDdWlCdXR0b25UaGVtZVN1Y2Nlc3MsXG4gICAgQ3VpQnV0dG9uVGhlbWVWaW9sZXQsXG4gICAgQ3VpQnV0dG9uVGhlbWVWaXZpZFN1Y2Nlc3MsXG4gICAgQ3VpU2hhcGVSb3VuZGVkLFxuICAgIEN1aVNpemVNZCxcbiAgICBDdWlTaXplU20sXG4gICAgQ3VpU2l6ZVhzLFxuICAgIEN1aVNpemVYeHMsXG4gICAgQ3VpU2l6ZVh4eHNcbn0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEN1aUJ1dHRvbk9wdGlvbnMge1xuICAgIHJlYWRvbmx5IGFwcGVhcmFuY2U6IEN1aUJ1dHRvbkFwcGVhcmFuY2U7XG4gICAgcmVhZG9ubHkgc2hhcGU6IEN1aUJ1dHRvblNoYXBlO1xuICAgIHJlYWRvbmx5IHNpemU6IEN1aUJ1dHRvblNpemU7XG4gICAgcmVhZG9ubHkgdGhlbWU6IEN1aUJ1dHRvblRoZW1lO1xufVxuXG5leHBvcnQgdHlwZSBDdWlCdXR0b25BcHBlYXJhbmNlID1cbiAgICB8IEN1aUFwcGVhcmFuY2VBY3Rpb25cbiAgICB8IEN1aUFwcGVhcmFuY2VTZWNvbmRhcnlcbiAgICB8IEN1aUFwcGVhcmFuY2VPdXRsaW5lZFxuICAgIHwgQ3VpQXBwZWFyYW5jZU91dGxpbmVkR3JheVxuICAgIHwgQ3VpQXBwZWFyYW5jZUdob3N0XG4gICAgfCBDdWlBcHBlYXJhbmNlRmxhdFxuICAgIHwgQ3VpQXBwZWFyYW5jZVZpdmlkU3VjY2Vzc1xuICAgIHwgQ3VpQXBwZWFyYW5jZURlc3RydWN0aXZlXG4gICAgfCBDdWlBcHBlYXJhbmNlTGlua1xuICAgIHwgQ3VpQXBwZWFyYW5jZUFjdGlvblZpb2xldFxuICAgIHwgQ3VpQXBwZWFyYW5jZUFjdGlvbkN5YW47XG5leHBvcnQgdHlwZSBDdWlCdXR0b25UaGVtZSA9IEN1aUJ1dHRvblRoZW1lRGVmYXVsdCB8IEN1aUJ1dHRvblRoZW1lVmlvbGV0IHwgQ3VpQnV0dG9uVGhlbWVDeWFuIHwgQ3VpQnV0dG9uVGhlbWVTdWNjZXNzIHwgQ3VpQnV0dG9uVGhlbWVWaXZpZFN1Y2Nlc3M7XG5leHBvcnQgdHlwZSBDdWlCdXR0b25TaXplID0gQ3VpU2l6ZVh4eHMgfCBDdWlTaXplWHhzIHwgQ3VpU2l6ZVhzIHwgQ3VpU2l6ZVNtIHwgQ3VpU2l6ZU1kO1xuZXhwb3J0IHR5cGUgQ3VpQnV0dG9uU2hhcGUgPSBDdWlTaGFwZVJvdW5kZWQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgQ1VJX0JVVFRPTl9ERUZBVUxUX09QVElPTlM6IEN1aUJ1dHRvbk9wdGlvbnMgPSB7XG4gICAgYXBwZWFyYW5jZTogJ2FjdGlvbicsXG4gICAgc2hhcGU6IG51bGwsXG4gICAgc2l6ZTogJ3NtJyxcbiAgICB0aGVtZTogJ2RlZmF1bHQnXG59O1xuXG5leHBvcnQgY29uc3QgQ1VJX0JVVFRPTl9PUFRJT05TID0gbmV3IEluamVjdGlvblRva2VuKCcnLCB7XG4gICAgZmFjdG9yeTogKCkgPT4gQ1VJX0JVVFRPTl9ERUZBVUxUX09QVElPTlNcbn0pO1xuIl19
|
|
@@ -11,7 +11,7 @@ export class CuiDialogHeaderComponent {
|
|
|
11
11
|
this.closed.emit(event);
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiDialogHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
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 }); }
|
|
14
|
+
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 }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CuiDialogHeaderComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
@@ -47,7 +47,7 @@ export class EditorToolModalComponent {
|
|
|
47
47
|
});
|
|
48
48
|
}
|
|
49
49
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorToolModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
50
|
-
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 }); }
|
|
50
|
+
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 }); }
|
|
51
51
|
}
|
|
52
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorToolModalComponent, decorators: [{
|
|
53
53
|
type: Component,
|
|
@@ -25,7 +25,7 @@ export class EditorTooltipComponent {
|
|
|
25
25
|
return options.map((option) => this.BUTTONS_OPTIONS.get(option));
|
|
26
26
|
}
|
|
27
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EditorTooltipComponent, isStandalone: true, selector: "ng-component", inputs: { title: "title", options: "options" }, outputs: { copyClicked: "copyClicked", editClicked: "editClicked", deleteClicked: "deleteClicked" }, ngImport: i0, template: "<h3 class=\"title\">{{ title }}</h3>\r\n<div class=\"buttons-container\">\r\n <ng-container *ngFor=\"let button of buttons\">\r\n <div class=\"divider\"></div>\r\n <!-- TODO: class \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u0443\u0434\u0430\u043B\u0451\u043D \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043C-->\r\n <button\r\n class=\"button\"\r\n cuiButton\r\n type=\"button\"\r\n appearance=\"ghost\"\r\n size=\"xxs\"\r\n [icon]=\"button.icon\"\r\n [class]=\"button.class\"\r\n (click)=\"button.handler($event)\"\r\n ></button>\r\n </ng-container>\r\n</div>\r\n", styles: [":host{padding:4px 6px;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0000001a;font-weight:400;font-size:14px;line-height:20px;position:fixed;z-index:12;left:0;top:0;display:flex;align-items:center;gap:12px;border-radius:4px;font-family:var(--cui-main-font);background:var(--cui-gray-800)}.title{font-weight:400;font-size:14px;line-height:20px;max-width:300px;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cui-gray-0)}.divider{width:1px;height:24px;background:var(--cui-gray-500)}.buttons-container{display:flex;align-items:center;gap:4px}.button{--cui-base-50: rgba(255 255 255 / 10%);--cui-base-500: var(--cui-gray-0)}\n"], dependencies: [{ kind: "ngmodule", type: CuiButtonModule }, { kind: "component", type: i1.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "size"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EditorTooltipComponent, isStandalone: true, selector: "ng-component", inputs: { title: "title", options: "options" }, outputs: { copyClicked: "copyClicked", editClicked: "editClicked", deleteClicked: "deleteClicked" }, ngImport: i0, template: "<h3 class=\"title\">{{ title }}</h3>\r\n<div class=\"buttons-container\">\r\n <ng-container *ngFor=\"let button of buttons\">\r\n <div class=\"divider\"></div>\r\n <!-- TODO: class \u0434\u043E\u043B\u0436\u0435\u043D \u0431\u044B\u0442\u044C \u0443\u0434\u0430\u043B\u0451\u043D \u0432 \u0431\u0443\u0434\u0443\u0449\u0435\u043C-->\r\n <button\r\n class=\"button\"\r\n cuiButton\r\n type=\"button\"\r\n appearance=\"ghost\"\r\n size=\"xxs\"\r\n [icon]=\"button.icon\"\r\n [class]=\"button.class\"\r\n (click)=\"button.handler($event)\"\r\n ></button>\r\n </ng-container>\r\n</div>\r\n", styles: [":host{padding:4px 6px;box-shadow:0 4px 6px -2px #0000000d,0 10px 15px -3px #0000001a;font-weight:400;font-size:14px;line-height:20px;position:fixed;z-index:12;left:0;top:0;display:flex;align-items:center;gap:12px;border-radius:4px;font-family:var(--cui-main-font);background:var(--cui-gray-800)}.title{font-weight:400;font-size:14px;line-height:20px;max-width:300px;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--cui-gray-0)}.divider{width:1px;height:24px;background:var(--cui-gray-500)}.buttons-container{display:flex;align-items:center;gap:4px}.button{--cui-base-50: rgba(255 255 255 / 10%);--cui-base-500: var(--cui-gray-0)}\n"], dependencies: [{ kind: "ngmodule", type: CuiButtonModule }, { kind: "component", type: i1.CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
29
29
|
}
|
|
30
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EditorTooltipComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
@@ -42,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
42
42
|
}], deleteClicked: [{
|
|
43
43
|
type: Output
|
|
44
44
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdG9yLXRvb2x0aXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9lZGl0b3IvY29tcG9uZW50cy9lZGl0b3ItdG9vbHRpcC9lZGl0b3ItdG9vbHRpcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2VkaXRvci9jb21wb25lbnRzL2VkaXRvci10b29sdGlwL2VkaXRvci10b29sdGlwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEcsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBVXRELE1BQU0sT0FBTyxzQkFBc0I7SUFQbkM7UUFRSSxzQkFBc0I7UUFDSCxvQkFBZSxHQUFHLElBQUksR0FBRyxDQUEyQztZQUNuRixDQUFDLE1BQU0sRUFBRSxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsT0FBTyxFQUFFLENBQUMsS0FBSyxFQUFRLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1lBQ3pGLENBQUMsTUFBTSxFQUFFLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsQ0FBQyxLQUFLLEVBQVEsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsQ0FBQztZQUN4RyxDQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsT0FBTyxFQUFFLENBQUMsS0FBSyxFQUFRLEVBQUUsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1NBQ2pHLENBQUMsQ0FBQztRQUVPLGFBQVEsR0FBeUIsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDcEQsWUFBTyxHQUFHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7UUFZOUMsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBYyxDQUFDO1FBRzdDLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWMsQ0FBQztRQUc3QyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7S0FLbEU7SUFsQkcsSUFDVyxPQUFPLENBQUMsS0FBMkI7UUFDMUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckQsQ0FBQztJQVdPLHFCQUFxQixDQUFDLE9BQTZCO1FBQ3ZELE9BQU8sT0FBTyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFFLENBQUMsQ0FBQztJQUN0RSxDQUFDOytHQS9CUSxzQkFBc0I7bUdBQXRCLHNCQUFzQiw2TkNibkMsb3JCQWlCQSxtc0JEVGMsZUFBZSxvT0FBRSxLQUFLOzs0RkFLdkIsc0JBQXNCO2tCQVBsQyxTQUFTO2lDQUNNLElBQUksV0FDUCxDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUMsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU07OEJBY3hDLEtBQUs7c0JBRFgsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBSWQsT0FBTztzQkFEakIsS0FBSztnQkFPVSxXQUFXO3NCQUQxQixNQUFNO2dCQUlTLFdBQVc7c0JBRDFCLE1BQU07Z0JBSVMsYUFBYTtzQkFENUIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ0ZvciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcblxyXG5pbXBvcnQgeyBDdWlCdXR0b25Nb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9jb21wb25lbnRzJztcclxuaW1wb3J0IHR5cGUgeyBFZGl0b3JUb29sdGlwQnV0dG9uLCBFZGl0b3JUb29sdGlwT3B0aW9uLCBFZGl0b3JUb29sdGlwT3B0aW9ucyB9IGZyb20gJy4vZWRpdG9yLXRvb2x0aXAub3B0aW9ucyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbQ3VpQnV0dG9uTW9kdWxlLCBOZ0Zvcl0sXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZWRpdG9yLXRvb2x0aXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vZWRpdG9yLXRvb2x0aXAuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFZGl0b3JUb29sdGlwQ29tcG9uZW50IHtcclxuICAgIC8vIFRPRE86INCj0LTQsNC70LjRgtGMINC60LvQsNGB0YFcclxuICAgIHByb3RlY3RlZCByZWFkb25seSBCVVRUT05TX09QVElPTlMgPSBuZXcgTWFwPEVkaXRvclRvb2x0aXBPcHRpb24sIEVkaXRvclRvb2x0aXBCdXR0b24+KFtcclxuICAgICAgICBbJ2NvcHknLCB7IGljb246ICdjdWlJY29uQ29weScsIGhhbmRsZXI6IChldmVudCk6IHZvaWQgPT4gdGhpcy5jb3B5Q2xpY2tlZC5lbWl0KGV2ZW50KSB9XSxcclxuICAgICAgICBbJ2VkaXQnLCB7IGljb246ICdjdWlJY29uRWRpdCcsIGhhbmRsZXI6IChldmVudCk6IHZvaWQgPT4gdGhpcy5lZGl0Q2xpY2tlZC5lbWl0KGV2ZW50KSwgY2xhc3M6ICdlZGl0JyB9XSxcclxuICAgICAgICBbJ2RlbGV0ZScsIHsgaWNvbjogJ2N1aUljb25UcmFzaCcsIGhhbmRsZXI6IChldmVudCk6IHZvaWQgPT4gdGhpcy5kZWxldGVDbGlja2VkLmVtaXQoZXZlbnQpIH1dXHJcbiAgICBdKTtcclxuXHJcbiAgICBwcm90ZWN0ZWQgX29wdGlvbnM6IEVkaXRvclRvb2x0aXBPcHRpb25zID0gWydlZGl0JywgJ2RlbGV0ZSddO1xyXG4gICAgcHJvdGVjdGVkIGJ1dHRvbnMgPSB0aGlzLmdldEJ1dHRvbnNGcm9tT3B0aW9ucyh0aGlzLl9vcHRpb25zKTtcclxuXHJcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxyXG4gICAgcHVibGljIHRpdGxlITogc3RyaW5nO1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgc2V0IG9wdGlvbnModmFsdWU6IEVkaXRvclRvb2x0aXBPcHRpb25zKSB7XHJcbiAgICAgICAgdGhpcy5fb3B0aW9ucyA9IHZhbHVlO1xyXG4gICAgICAgIHRoaXMuYnV0dG9ucyA9IHRoaXMuZ2V0QnV0dG9uc0Zyb21PcHRpb25zKHZhbHVlKTtcclxuICAgIH1cclxuXHJcbiAgICBAT3V0cHV0KClcclxuICAgIHB1YmxpYyByZWFkb25seSBjb3B5Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcclxuXHJcbiAgICBAT3V0cHV0KClcclxuICAgIHB1YmxpYyByZWFkb25seSBlZGl0Q2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKTtcclxuXHJcbiAgICBAT3V0cHV0KClcclxuICAgIHB1YmxpYyByZWFkb25seSBkZWxldGVDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PigpO1xyXG5cclxuICAgIHByaXZhdGUgZ2V0QnV0dG9uc0Zyb21PcHRpb25zKG9wdGlvbnM6IEVkaXRvclRvb2x0aXBPcHRpb25zKTogRWRpdG9yVG9vbHRpcEJ1dHRvbltdIHtcclxuICAgICAgICByZXR1cm4gb3B0aW9ucy5tYXAoKG9wdGlvbikgPT4gdGhpcy5CVVRUT05TX09QVElPTlMuZ2V0KG9wdGlvbikhKTtcclxuICAgIH1cclxufVxyXG4iLCI8aDMgY2xhc3M9XCJ0aXRsZVwiPnt7IHRpdGxlIH19PC9oMz5cclxuPGRpdiBjbGFzcz1cImJ1dHRvbnMtY29udGFpbmVyXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYnV0dG9uc1wiPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZGl2aWRlclwiPjwvZGl2PlxyXG4gICAgICA8IS0tICAgICAgICBUT0RPOiBjbGFzcyDQtNC+0LvQttC10L0g0LHRi9GC0Ywg0YPQtNCw0LvRkdC9INCyINCx0YPQtNGD0YnQtdC8LS0+XHJcbiAgICAgIDxidXR0b25cclxuICAgICAgICAgIGNsYXNzPVwiYnV0dG9uXCJcclxuICAgICAgICAgIGN1aUJ1dHRvblxyXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXHJcbiAgICAgICAgICBhcHBlYXJhbmNlPVwiZ2hvc3RcIlxyXG4gICAgICAgICAgc2l6ZT1cInh4c1wiXHJcbiAgICAgICAgICBbaWNvbl09XCJidXR0b24uaWNvblwiXHJcbiAgICAgICAgICBbY2xhc3NdPVwiYnV0dG9uLmNsYXNzXCJcclxuICAgICAgICAgIChjbGljayk9XCJidXR0b24uaGFuZGxlcigkZXZlbnQpXCJcclxuICAgICAgPjwvYnV0dG9uPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG4iXX0=
|