@cuby-ui/core 0.0.592 → 0.0.593
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.options.d.ts +1 -1
- package/esm2022/components/badge/badge.component.mjs +2 -2
- package/esm2022/components/badge/badge.options.mjs +1 -1
- package/esm2022/components/context-menu/context-menu.component.mjs +2 -2
- package/esm2022/components/date-range-calendar/date-range-calendar.component.mjs +2 -2
- package/esm2022/components/dialog/dialog.component.mjs +2 -2
- package/esm2022/components/dropdown/dropdown-wrapper.component.mjs +3 -3
- package/esm2022/components/ghost-input/ghost-input.component.mjs +2 -2
- package/esm2022/components/input-number/input-number.component.mjs +2 -2
- package/esm2022/components/input-password/input-password.component.mjs +2 -2
- package/esm2022/components/input-text/input-text.component.mjs +2 -2
- package/esm2022/components/input-time/input-time.component.mjs +2 -2
- package/esm2022/components/letter-box/letter-box.component.mjs +2 -2
- package/esm2022/components/notification/notification.component.mjs +2 -2
- package/esm2022/components/select/select.component.mjs +2 -2
- package/esm2022/components/textarea/textarea.component.mjs +2 -2
- package/esm2022/editor/components/editor-tooltip/editor-tooltip.component.mjs +3 -3
- package/esm2022/editor/components/marker-modal/marker-modal.component.mjs +3 -3
- package/esm2022/editor/components/marker-select/marker-select.component.mjs +3 -3
- package/esm2022/widgets/ui/button-change-theme/button-change-theme.component.mjs +2 -2
- package/esm2022/widgets/ui/categories/components/category-item/category-item.component.mjs +2 -2
- package/esm2022/widgets/ui/categories-tree/components/category-tree-item/category-tree-item.component.mjs +2 -2
- package/esm2022/widgets/ui/delete-modal/delete-modal.component.mjs +3 -3
- package/fesm2022/cuby-ui-core.mjs +42 -42
- package/fesm2022/cuby-ui-core.mjs.map +1 -1
- package/package.json +4 -4
- package/styles/mixins/shadows.scss +11 -12
- package/styles/theme.scss +394 -7
- package/styles/variables/colors.scss +147 -0
|
@@ -7,7 +7,7 @@ export interface CuiBadgeOptions {
|
|
|
7
7
|
readonly variant?: CuiNullable<CuiBadgeVisualStyle>;
|
|
8
8
|
}
|
|
9
9
|
export type CuiBadgeColor = CuiBadgeColorSolid | CuiBadgeColorLight | CuiDeprecationColors | CuiBadgeSemanticColor;
|
|
10
|
-
export type CuiBadgeSemanticColor = 'blue' | 'light-green' | 'lavender' | 'magenta';
|
|
10
|
+
export type CuiBadgeSemanticColor = 'blue' | 'light-green' | 'lavender' | 'magenta' | 'cyan' | 'purple' | 'terra';
|
|
11
11
|
export type CuiBadgeColorSolid = 'violet-solid' | 'yellow-solid' | 'orange-solid' | 'lavender-solid' | 'magenta-solid' | 'green-solid' | 'black-solid' | 'red-solid' | 'blue-solid' | 'success-solid';
|
|
12
12
|
export type CuiBadgeColorLight = 'gray' | 'dark-gray' | 'blue-light' | 'yellow-light' | 'green-light' | 'red-light' | 'lavender-light' | 'magenta-light' | 'violet-light' | 'orange-light';
|
|
13
13
|
export type CuiDeprecationColors = 'light-blue' | 'yellow' | 'green' | 'red' | 'violet' | 'orange';
|
|
@@ -9,11 +9,11 @@ export class CuiBadgeComponent {
|
|
|
9
9
|
this.variant = this.options.variant;
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiBadgeComponent, selector: "cui-badge", inputs: { color: "color", size: "size", variant: "variant" }, host: { properties: { "attr.data-color": "this.color", "attr.data-size": "this.size", "attr.data-variant": "this.variant" } }, ngImport: i0, template: "<span class=\"c-badge__icon\"><ng-content select=\"[cuiBadgeIcon]\" /></span>\n<span class=\"c-badge__body\">\n <ng-content />\n</span>\n", styles: [":host{--cui-badge-accent: currentColor;padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font);box-sizing:border-box}:host[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg)}:host[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg)}:host[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg)}:host[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-badge-violet-stroke);outline-offset:-1px}:host[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{--cui-badge-accent: var(--cui-base-0);color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-gray-900);background:var(--cui-success)}:host[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-gray-900);background:var(--cui-success)}:host[data-size=sm]{font-size:12px;line-height:14px;padding-right:6px;padding-left:6px}:host[data-size=md]{font-size:14px;line-height:20px;padding-right:8px;padding-left:8px}.c-badge__body{display:inline-flex;align-items:center;min-width:0}.c-badge__icon{display:contents}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [stroke]{stroke:var(--cui-badge-accent)}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [fill]:not([fill=none]){fill:var(--cui-badge-accent)}:host([data-variant=soft])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-200);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-base-0);background:var(--cui-badge-gray-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-base-0);background:var(--cui-base-600);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=outline])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-blue-border-bold)}:host([data-variant=outline])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-gray-border-bold)}:host([data-variant=outline])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-0);background:transparent;outline:none;border:1px solid var(--cui-base-400)}:host([data-variant=outline])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-green-border-bold)}:host([data-variant=emphasis])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-blue-border-subtle)}:host([data-variant=emphasis])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg-subtle);outline:none;border:1px solid var(--cui-badge-gray-border-subtle)}:host([data-variant=emphasis])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-base-0);background:var(--cui-base-200);outline:none;border:1px solid var(--cui-base-300)}:host([data-variant=emphasis])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-green-border-subtle)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiBadgeComponent, selector: "cui-badge", inputs: { color: "color", size: "size", variant: "variant" }, host: { properties: { "attr.data-color": "this.color", "attr.data-size": "this.size", "attr.data-variant": "this.variant" } }, ngImport: i0, template: "<span class=\"c-badge__icon\"><ng-content select=\"[cuiBadgeIcon]\" /></span>\n<span class=\"c-badge__body\">\n <ng-content />\n</span>\n", styles: [":host{--cui-badge-accent: currentColor;padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font);box-sizing:border-box}:host[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg)}:host[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg)}:host[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg)}:host[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-badge-violet-stroke);outline-offset:-1px}:host[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{--cui-badge-accent: var(--cui-base-0);color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-gray-900);background:var(--cui-success)}:host[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-gray-900);background:var(--cui-success)}:host[data-color=cyan]{--cui-badge-accent: var(--cui-badge-cyan-stroke);color:var(--cui-badge-cyan-label-inverse);background:var(--cui-badge-cyan-bg)}:host[data-color=purple]{--cui-badge-accent: var(--cui-badge-purple-stroke);color:var(--cui-badge-purple-label-inverse);background:var(--cui-badge-purple-bg)}:host[data-color=terra]{--cui-badge-accent: var(--cui-badge-terra-stroke);color:var(--cui-badge-terra-label-inverse);background:var(--cui-badge-terra-bg)}:host[data-size=sm]{font-size:12px;line-height:14px;padding-right:6px;padding-left:6px}:host[data-size=md]{font-size:14px;line-height:20px;padding-right:8px;padding-left:8px}.c-badge__body{display:inline-flex;align-items:center;min-width:0}.c-badge__icon{display:contents}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [stroke]{stroke:var(--cui-badge-accent)}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [fill]:not([fill=none]){fill:var(--cui-badge-accent)}:host([data-variant=soft])[data-color=green]{--cui-badge-accent: var(--cui-badge-soft-green-stroke);color:var(--cui-badge-soft-green-label);background:var(--cui-badge-soft-green-bg);outline:none;border:1px solid var(--cui-badge-soft-green-border)}:host([data-variant=soft])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-soft-green-stroke);color:var(--cui-badge-soft-green-label);background:var(--cui-badge-soft-green-bg);outline:none;border:1px solid var(--cui-badge-soft-green-border)}:host([data-variant=soft])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-soft-green-stroke);color:var(--cui-badge-soft-green-label);background:var(--cui-badge-soft-green-bg);outline:none;border:1px solid var(--cui-badge-soft-green-border)}:host([data-variant=soft])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-soft-green-stroke);color:var(--cui-badge-soft-green-label);background:var(--cui-badge-soft-green-bg);outline:none;border:1px solid var(--cui-badge-soft-green-border)}:host([data-variant=soft])[data-color=red]{--cui-badge-accent: var(--cui-badge-soft-red-stroke);color:var(--cui-badge-soft-red-label);background:var(--cui-badge-soft-red-bg);outline:none;border:1px solid var(--cui-badge-soft-red-border)}:host([data-variant=soft])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-soft-red-stroke);color:var(--cui-badge-soft-red-label);background:var(--cui-badge-soft-red-bg);outline:none;border:1px solid var(--cui-badge-soft-red-border)}:host([data-variant=soft])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-soft-red-stroke);color:var(--cui-badge-soft-red-label);background:var(--cui-badge-soft-red-bg);outline:none;border:1px solid var(--cui-badge-soft-red-border)}:host([data-variant=soft])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-soft-yellow-stroke);color:var(--cui-badge-soft-yellow-label);background:var(--cui-badge-soft-yellow-bg);outline:none;border:1px solid var(--cui-badge-soft-yellow-border)}:host([data-variant=soft])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-soft-yellow-stroke);color:var(--cui-badge-soft-yellow-label);background:var(--cui-badge-soft-yellow-bg);outline:none;border:1px solid var(--cui-badge-soft-yellow-border)}:host([data-variant=soft])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-soft-yellow-stroke);color:var(--cui-badge-soft-yellow-label);background:var(--cui-badge-soft-yellow-bg);outline:none;border:1px solid var(--cui-badge-soft-yellow-border)}:host([data-variant=soft])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-soft-light-blue-stroke);color:var(--cui-badge-soft-light-blue-label);background:var(--cui-badge-soft-light-blue-bg);outline:none;border:1px solid var(--cui-badge-soft-light-blue-border)}:host([data-variant=soft])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-soft-light-blue-stroke);color:var(--cui-badge-soft-light-blue-label);background:var(--cui-badge-soft-light-blue-bg);outline:none;border:1px solid var(--cui-badge-soft-light-blue-border)}:host([data-variant=soft])[data-color=blue]{--cui-badge-accent: var(--cui-badge-soft-blue-stroke);color:var(--cui-badge-soft-blue-label);background:var(--cui-badge-soft-blue-bg);outline:none;border:1px solid var(--cui-badge-soft-blue-border)}:host([data-variant=soft])[data-color=gray]{--cui-badge-accent: var(--cui-badge-soft-gray-stroke);color:var(--cui-badge-soft-gray-label);background:var(--cui-badge-soft-gray-bg);outline:none;border:1px solid var(--cui-badge-soft-gray-border)}:host([data-variant=soft])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-100);outline:none;border:1px solid var(--cui-base-200)}:host([data-variant=soft])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-soft-lavender-stroke);color:var(--cui-badge-soft-lavender-label);background:var(--cui-badge-soft-lavender-bg);outline:none;border:1px solid var(--cui-badge-soft-lavender-border)}:host([data-variant=soft])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-soft-lavender-stroke);color:var(--cui-badge-soft-lavender-label);background:var(--cui-badge-soft-lavender-bg);outline:none;border:1px solid var(--cui-badge-soft-lavender-border)}:host([data-variant=soft])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-soft-magenta-stroke);color:var(--cui-badge-soft-magenta-label);background:var(--cui-badge-soft-magenta-bg);outline:none;border:1px solid var(--cui-badge-soft-magenta-border)}:host([data-variant=soft])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-soft-magenta-stroke);color:var(--cui-badge-soft-magenta-label);background:var(--cui-badge-soft-magenta-bg);outline:none;border:1px solid var(--cui-badge-soft-magenta-border)}:host([data-variant=soft])[data-color=orange]{--cui-badge-accent: var(--cui-badge-soft-orange-stroke);color:var(--cui-badge-soft-orange-label);background:var(--cui-badge-soft-orange-bg);outline:none;border:1px solid var(--cui-badge-soft-orange-border)}:host([data-variant=soft])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-soft-orange-stroke);color:var(--cui-badge-soft-orange-label);background:var(--cui-badge-soft-orange-bg);outline:none;border:1px solid var(--cui-badge-soft-orange-border)}:host([data-variant=soft])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-soft-orange-stroke);color:var(--cui-badge-soft-orange-label);background:var(--cui-badge-soft-orange-bg);outline:none;border:1px solid var(--cui-badge-soft-orange-border)}:host([data-variant=soft])[data-color=violet]{--cui-badge-accent: var(--cui-badge-soft-violet-stroke);color:var(--cui-badge-soft-violet-label);background:var(--cui-badge-soft-violet-bg);outline:none;border:1px solid var(--cui-badge-soft-violet-border)}:host([data-variant=soft])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-soft-violet-stroke);color:var(--cui-badge-soft-violet-label);background:var(--cui-badge-soft-violet-bg);outline:none;border:1px solid var(--cui-badge-soft-violet-border)}:host([data-variant=soft])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-soft-violet-stroke);color:var(--cui-badge-soft-violet-label);background:var(--cui-badge-soft-violet-bg);outline:none;border:1px solid var(--cui-badge-soft-violet-border)}:host([data-variant=soft])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-soft-light-green-stroke);color:var(--cui-badge-soft-light-green-label);background:var(--cui-badge-soft-light-green-bg);outline:none;border:1px solid var(--cui-badge-soft-light-green-border)}:host([data-variant=soft])[data-color=cyan]{--cui-badge-accent: var(--cui-badge-soft-cyan-stroke);color:var(--cui-badge-soft-cyan-label);background:var(--cui-badge-soft-cyan-bg);outline:none;border:1px solid var(--cui-badge-soft-cyan-border)}:host([data-variant=soft])[data-color=purple]{--cui-badge-accent: var(--cui-badge-soft-purple-stroke);color:var(--cui-badge-soft-purple-label);background:var(--cui-badge-soft-purple-bg);outline:none;border:1px solid var(--cui-badge-soft-purple-border)}:host([data-variant=soft])[data-color=terra]{--cui-badge-accent: var(--cui-badge-soft-terra-stroke);color:var(--cui-badge-soft-terra-label);background:var(--cui-badge-soft-terra-bg);outline:none;border:1px solid var(--cui-badge-soft-terra-border)}:host([data-variant=fill])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-base-0);background:var(--cui-badge-gray-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-badge-dark-gray-label-inverse);background:var(--cui-badge-dark-gray-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=cyan]{--cui-badge-accent: var(--cui-badge-cyan-stroke);color:var(--cui-base-0);background:var(--cui-badge-cyan-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=purple]{--cui-badge-accent: var(--cui-badge-purple-stroke);color:var(--cui-base-0);background:var(--cui-badge-purple-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=terra]{--cui-badge-accent: var(--cui-badge-terra-stroke);color:var(--cui-base-0);background:var(--cui-badge-terra-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=outline])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-blue-border-bold)}:host([data-variant=outline])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-gray-border-bold)}:host([data-variant=outline])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-badge-dark-gray-label);background:transparent;outline:none;border:1px solid var(--cui-badge-dark-gray-border-bold)}:host([data-variant=outline])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-green-border-bold)}:host([data-variant=outline])[data-color=cyan]{--cui-badge-accent: var(--cui-badge-cyan-stroke);color:var(--cui-badge-cyan-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-cyan-border-bold)}:host([data-variant=outline])[data-color=purple]{--cui-badge-accent: var(--cui-badge-purple-stroke);color:var(--cui-badge-purple-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-purple-border-bold)}:host([data-variant=outline])[data-color=terra]{--cui-badge-accent: var(--cui-badge-terra-stroke);color:var(--cui-badge-terra-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-terra-border-bold)}:host([data-variant=emphasis])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-blue-border-subtle)}:host([data-variant=emphasis])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg-subtle);outline:none;border:1px solid var(--cui-badge-gray-border-subtle)}:host([data-variant=emphasis])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-badge-dark-gray-label);background:var(--cui-badge-dark-gray-bg-subtle);outline:none;border:1px solid var(--cui-badge-dark-gray-border-subtle)}:host([data-variant=emphasis])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-green-border-subtle)}:host([data-variant=emphasis])[data-color=cyan]{--cui-badge-accent: var(--cui-badge-cyan-stroke);color:var(--cui-badge-cyan-label-inverse);background:var(--cui-badge-cyan-bg-subtle);outline:none;border:1px solid var(--cui-badge-cyan-border-subtle)}:host([data-variant=emphasis])[data-color=purple]{--cui-badge-accent: var(--cui-badge-purple-stroke);color:var(--cui-badge-purple-label-inverse);background:var(--cui-badge-purple-bg-subtle);outline:none;border:1px solid var(--cui-badge-purple-border-subtle)}:host([data-variant=emphasis])[data-color=terra]{--cui-badge-accent: var(--cui-badge-terra-stroke);color:var(--cui-badge-terra-label-inverse);background:var(--cui-badge-terra-bg-subtle);outline:none;border:1px solid var(--cui-badge-terra-border-subtle)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"c-badge__icon\"><ng-content select=\"[cuiBadgeIcon]\" /></span>\n<span class=\"c-badge__body\">\n <ng-content />\n</span>\n", styles: [":host{--cui-badge-accent: currentColor;padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font);box-sizing:border-box}:host[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg)}:host[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg)}:host[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg)}:host[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-badge-violet-stroke);outline-offset:-1px}:host[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{--cui-badge-accent: var(--cui-base-0);color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-gray-900);background:var(--cui-success)}:host[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-gray-900);background:var(--cui-success)}:host[data-size=sm]{font-size:12px;line-height:14px;padding-right:6px;padding-left:6px}:host[data-size=md]{font-size:14px;line-height:20px;padding-right:8px;padding-left:8px}.c-badge__body{display:inline-flex;align-items:center;min-width:0}.c-badge__icon{display:contents}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [stroke]{stroke:var(--cui-badge-accent)}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [fill]:not([fill=none]){fill:var(--cui-badge-accent)}:host([data-variant=soft])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-200);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:none;border:1px solid transparent}:host([data-variant=soft])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-base-0);background:var(--cui-badge-gray-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-base-0);background:var(--cui-base-600);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=outline])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-blue-border-bold)}:host([data-variant=outline])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-gray-border-bold)}:host([data-variant=outline])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-0);background:transparent;outline:none;border:1px solid var(--cui-base-400)}:host([data-variant=outline])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-green-border-bold)}:host([data-variant=emphasis])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-blue-border-subtle)}:host([data-variant=emphasis])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg-subtle);outline:none;border:1px solid var(--cui-badge-gray-border-subtle)}:host([data-variant=emphasis])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-base-0);background:var(--cui-base-200);outline:none;border:1px solid var(--cui-base-300)}:host([data-variant=emphasis])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-green-border-subtle)}\n"] }]
|
|
16
|
+
args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"c-badge__icon\"><ng-content select=\"[cuiBadgeIcon]\" /></span>\n<span class=\"c-badge__body\">\n <ng-content />\n</span>\n", styles: [":host{--cui-badge-accent: currentColor;padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font);box-sizing:border-box}:host[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label);background:var(--cui-badge-light-blue-bg)}:host[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg)}:host[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg)}:host[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg)}:host[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg)}:host[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg)}:host[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg)}:host[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg)}:host[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-badge-violet-stroke);outline-offset:-1px}:host[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{--cui-badge-accent: var(--cui-base-0);color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-gray-900);background:var(--cui-success)}:host[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-gray-900);background:var(--cui-success)}:host[data-color=cyan]{--cui-badge-accent: var(--cui-badge-cyan-stroke);color:var(--cui-badge-cyan-label-inverse);background:var(--cui-badge-cyan-bg)}:host[data-color=purple]{--cui-badge-accent: var(--cui-badge-purple-stroke);color:var(--cui-badge-purple-label-inverse);background:var(--cui-badge-purple-bg)}:host[data-color=terra]{--cui-badge-accent: var(--cui-badge-terra-stroke);color:var(--cui-badge-terra-label-inverse);background:var(--cui-badge-terra-bg)}:host[data-size=sm]{font-size:12px;line-height:14px;padding-right:6px;padding-left:6px}:host[data-size=md]{font-size:14px;line-height:20px;padding-right:8px;padding-left:8px}.c-badge__body{display:inline-flex;align-items:center;min-width:0}.c-badge__icon{display:contents}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [stroke]{stroke:var(--cui-badge-accent)}.c-badge__icon ::ng-deep cui-svg:not(._with-color) [fill]:not([fill=none]){fill:var(--cui-badge-accent)}:host([data-variant=soft])[data-color=green]{--cui-badge-accent: var(--cui-badge-soft-green-stroke);color:var(--cui-badge-soft-green-label);background:var(--cui-badge-soft-green-bg);outline:none;border:1px solid var(--cui-badge-soft-green-border)}:host([data-variant=soft])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-soft-green-stroke);color:var(--cui-badge-soft-green-label);background:var(--cui-badge-soft-green-bg);outline:none;border:1px solid var(--cui-badge-soft-green-border)}:host([data-variant=soft])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-soft-green-stroke);color:var(--cui-badge-soft-green-label);background:var(--cui-badge-soft-green-bg);outline:none;border:1px solid var(--cui-badge-soft-green-border)}:host([data-variant=soft])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-soft-green-stroke);color:var(--cui-badge-soft-green-label);background:var(--cui-badge-soft-green-bg);outline:none;border:1px solid var(--cui-badge-soft-green-border)}:host([data-variant=soft])[data-color=red]{--cui-badge-accent: var(--cui-badge-soft-red-stroke);color:var(--cui-badge-soft-red-label);background:var(--cui-badge-soft-red-bg);outline:none;border:1px solid var(--cui-badge-soft-red-border)}:host([data-variant=soft])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-soft-red-stroke);color:var(--cui-badge-soft-red-label);background:var(--cui-badge-soft-red-bg);outline:none;border:1px solid var(--cui-badge-soft-red-border)}:host([data-variant=soft])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-soft-red-stroke);color:var(--cui-badge-soft-red-label);background:var(--cui-badge-soft-red-bg);outline:none;border:1px solid var(--cui-badge-soft-red-border)}:host([data-variant=soft])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-soft-yellow-stroke);color:var(--cui-badge-soft-yellow-label);background:var(--cui-badge-soft-yellow-bg);outline:none;border:1px solid var(--cui-badge-soft-yellow-border)}:host([data-variant=soft])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-soft-yellow-stroke);color:var(--cui-badge-soft-yellow-label);background:var(--cui-badge-soft-yellow-bg);outline:none;border:1px solid var(--cui-badge-soft-yellow-border)}:host([data-variant=soft])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-soft-yellow-stroke);color:var(--cui-badge-soft-yellow-label);background:var(--cui-badge-soft-yellow-bg);outline:none;border:1px solid var(--cui-badge-soft-yellow-border)}:host([data-variant=soft])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-soft-light-blue-stroke);color:var(--cui-badge-soft-light-blue-label);background:var(--cui-badge-soft-light-blue-bg);outline:none;border:1px solid var(--cui-badge-soft-light-blue-border)}:host([data-variant=soft])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-soft-light-blue-stroke);color:var(--cui-badge-soft-light-blue-label);background:var(--cui-badge-soft-light-blue-bg);outline:none;border:1px solid var(--cui-badge-soft-light-blue-border)}:host([data-variant=soft])[data-color=blue]{--cui-badge-accent: var(--cui-badge-soft-blue-stroke);color:var(--cui-badge-soft-blue-label);background:var(--cui-badge-soft-blue-bg);outline:none;border:1px solid var(--cui-badge-soft-blue-border)}:host([data-variant=soft])[data-color=gray]{--cui-badge-accent: var(--cui-badge-soft-gray-stroke);color:var(--cui-badge-soft-gray-label);background:var(--cui-badge-soft-gray-bg);outline:none;border:1px solid var(--cui-badge-soft-gray-border)}:host([data-variant=soft])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-base-900);background:var(--cui-base-100);outline:none;border:1px solid var(--cui-base-200)}:host([data-variant=soft])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-soft-lavender-stroke);color:var(--cui-badge-soft-lavender-label);background:var(--cui-badge-soft-lavender-bg);outline:none;border:1px solid var(--cui-badge-soft-lavender-border)}:host([data-variant=soft])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-soft-lavender-stroke);color:var(--cui-badge-soft-lavender-label);background:var(--cui-badge-soft-lavender-bg);outline:none;border:1px solid var(--cui-badge-soft-lavender-border)}:host([data-variant=soft])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-soft-magenta-stroke);color:var(--cui-badge-soft-magenta-label);background:var(--cui-badge-soft-magenta-bg);outline:none;border:1px solid var(--cui-badge-soft-magenta-border)}:host([data-variant=soft])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-soft-magenta-stroke);color:var(--cui-badge-soft-magenta-label);background:var(--cui-badge-soft-magenta-bg);outline:none;border:1px solid var(--cui-badge-soft-magenta-border)}:host([data-variant=soft])[data-color=orange]{--cui-badge-accent: var(--cui-badge-soft-orange-stroke);color:var(--cui-badge-soft-orange-label);background:var(--cui-badge-soft-orange-bg);outline:none;border:1px solid var(--cui-badge-soft-orange-border)}:host([data-variant=soft])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-soft-orange-stroke);color:var(--cui-badge-soft-orange-label);background:var(--cui-badge-soft-orange-bg);outline:none;border:1px solid var(--cui-badge-soft-orange-border)}:host([data-variant=soft])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-soft-orange-stroke);color:var(--cui-badge-soft-orange-label);background:var(--cui-badge-soft-orange-bg);outline:none;border:1px solid var(--cui-badge-soft-orange-border)}:host([data-variant=soft])[data-color=violet]{--cui-badge-accent: var(--cui-badge-soft-violet-stroke);color:var(--cui-badge-soft-violet-label);background:var(--cui-badge-soft-violet-bg);outline:none;border:1px solid var(--cui-badge-soft-violet-border)}:host([data-variant=soft])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-soft-violet-stroke);color:var(--cui-badge-soft-violet-label);background:var(--cui-badge-soft-violet-bg);outline:none;border:1px solid var(--cui-badge-soft-violet-border)}:host([data-variant=soft])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-soft-violet-stroke);color:var(--cui-badge-soft-violet-label);background:var(--cui-badge-soft-violet-bg);outline:none;border:1px solid var(--cui-badge-soft-violet-border)}:host([data-variant=soft])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-soft-light-green-stroke);color:var(--cui-badge-soft-light-green-label);background:var(--cui-badge-soft-light-green-bg);outline:none;border:1px solid var(--cui-badge-soft-light-green-border)}:host([data-variant=soft])[data-color=cyan]{--cui-badge-accent: var(--cui-badge-soft-cyan-stroke);color:var(--cui-badge-soft-cyan-label);background:var(--cui-badge-soft-cyan-bg);outline:none;border:1px solid var(--cui-badge-soft-cyan-border)}:host([data-variant=soft])[data-color=purple]{--cui-badge-accent: var(--cui-badge-soft-purple-stroke);color:var(--cui-badge-soft-purple-label);background:var(--cui-badge-soft-purple-bg);outline:none;border:1px solid var(--cui-badge-soft-purple-border)}:host([data-variant=soft])[data-color=terra]{--cui-badge-accent: var(--cui-badge-soft-terra-stroke);color:var(--cui-badge-soft-terra-label);background:var(--cui-badge-soft-terra-bg);outline:none;border:1px solid var(--cui-badge-soft-terra-border)}:host([data-variant=fill])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-base-0);background:var(--cui-badge-red-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-base-0);background:var(--cui-badge-yellow-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-base-0);background:var(--cui-badge-blue-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-base-0);background:var(--cui-badge-gray-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-badge-dark-gray-label-inverse);background:var(--cui-badge-dark-gray-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-base-0);background:var(--cui-badge-lavender-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-base-0);background:var(--cui-badge-magenta-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-base-0);background:var(--cui-badge-orange-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-base-0);background:var(--cui-badge-violet-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-base-0);background:var(--cui-badge-light-green-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=cyan]{--cui-badge-accent: var(--cui-badge-cyan-stroke);color:var(--cui-base-0);background:var(--cui-badge-cyan-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=purple]{--cui-badge-accent: var(--cui-badge-purple-stroke);color:var(--cui-base-0);background:var(--cui-badge-purple-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=fill])[data-color=terra]{--cui-badge-accent: var(--cui-badge-terra-stroke);color:var(--cui-base-0);background:var(--cui-badge-terra-bg-bold);outline:none;border:1px solid transparent}:host([data-variant=outline])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-green-border-bold)}:host([data-variant=outline])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-red-border-bold)}:host([data-variant=outline])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-yellow-border-bold)}:host([data-variant=outline])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-blue-border-bold)}:host([data-variant=outline])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-blue-border-bold)}:host([data-variant=outline])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-gray-border-bold)}:host([data-variant=outline])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-500);color:var(--cui-badge-dark-gray-label);background:transparent;outline:none;border:1px solid var(--cui-badge-dark-gray-border-bold)}:host([data-variant=outline])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-lavender-border-bold)}:host([data-variant=outline])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-magenta-border-bold)}:host([data-variant=outline])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-orange-border-bold)}:host([data-variant=outline])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-violet-border-bold)}:host([data-variant=outline])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-light-green-border-bold)}:host([data-variant=outline])[data-color=cyan]{--cui-badge-accent: var(--cui-badge-cyan-stroke);color:var(--cui-badge-cyan-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-cyan-border-bold)}:host([data-variant=outline])[data-color=purple]{--cui-badge-accent: var(--cui-badge-purple-stroke);color:var(--cui-badge-purple-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-purple-border-bold)}:host([data-variant=outline])[data-color=terra]{--cui-badge-accent: var(--cui-badge-terra-stroke);color:var(--cui-badge-terra-label-inverse);background:transparent;outline:none;border:1px solid var(--cui-badge-terra-border-bold)}:host([data-variant=emphasis])[data-color=green]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-light]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=green-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=success-solid]{--cui-badge-accent: var(--cui-badge-green-stroke);color:var(--cui-badge-green-label-inverse);background:var(--cui-badge-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-green-border-subtle)}:host([data-variant=emphasis])[data-color=red]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-light]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=red-solid]{--cui-badge-accent: var(--cui-badge-red-stroke);color:var(--cui-badge-red-label-inverse);background:var(--cui-badge-red-bg-subtle);outline:none;border:1px solid var(--cui-badge-red-border-subtle)}:host([data-variant=emphasis])[data-color=yellow]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-light]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=yellow-solid]{--cui-badge-accent: var(--cui-badge-yellow-stroke);color:var(--cui-badge-yellow-label-inverse);background:var(--cui-badge-yellow-bg-subtle);outline:none;border:1px solid var(--cui-badge-yellow-border-subtle)}:host([data-variant=emphasis])[data-color=light-blue]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue-light]{--cui-badge-accent: var(--cui-badge-light-blue-stroke);color:var(--cui-badge-light-blue-label-inverse);background:var(--cui-badge-light-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-blue-border-subtle)}:host([data-variant=emphasis])[data-color=blue]{--cui-badge-accent: var(--cui-badge-blue-stroke);color:var(--cui-badge-blue-label-inverse);background:var(--cui-badge-blue-bg-subtle);outline:none;border:1px solid var(--cui-badge-blue-border-subtle)}:host([data-variant=emphasis])[data-color=gray]{--cui-badge-accent: var(--cui-badge-gray-stroke);color:var(--cui-badge-gray-label-inverse);background:var(--cui-badge-gray-bg-subtle);outline:none;border:1px solid var(--cui-badge-gray-border-subtle)}:host([data-variant=emphasis])[data-color=dark-gray]{--cui-badge-accent: var(--cui-base-400);color:var(--cui-badge-dark-gray-label);background:var(--cui-badge-dark-gray-bg-subtle);outline:none;border:1px solid var(--cui-badge-dark-gray-border-subtle)}:host([data-variant=emphasis])[data-color=lavender]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=lavender-light]{--cui-badge-accent: var(--cui-badge-lavender-stroke);color:var(--cui-badge-lavender-label-inverse);background:var(--cui-badge-lavender-bg-subtle);outline:none;border:1px solid var(--cui-badge-lavender-border-subtle)}:host([data-variant=emphasis])[data-color=magenta]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=magenta-light]{--cui-badge-accent: var(--cui-badge-magenta-stroke);color:var(--cui-badge-magenta-label-inverse);background:var(--cui-badge-magenta-bg-subtle);outline:none;border:1px solid var(--cui-badge-magenta-border-subtle)}:host([data-variant=emphasis])[data-color=orange]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-light]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=orange-solid]{--cui-badge-accent: var(--cui-badge-orange-stroke);color:var(--cui-badge-orange-label-inverse);background:var(--cui-badge-orange-bg-subtle);outline:none;border:1px solid var(--cui-badge-orange-border-subtle)}:host([data-variant=emphasis])[data-color=violet]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-light]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=violet-solid]{--cui-badge-accent: var(--cui-badge-violet-stroke);color:var(--cui-badge-violet-label-inverse);background:var(--cui-badge-violet-bg-subtle);outline:none;border:1px solid var(--cui-badge-violet-border-subtle)}:host([data-variant=emphasis])[data-color=light-green]{--cui-badge-accent: var(--cui-badge-light-green-stroke);color:var(--cui-badge-light-green-label-inverse);background:var(--cui-badge-light-green-bg-subtle);outline:none;border:1px solid var(--cui-badge-light-green-border-subtle)}:host([data-variant=emphasis])[data-color=cyan]{--cui-badge-accent: var(--cui-badge-cyan-stroke);color:var(--cui-badge-cyan-label-inverse);background:var(--cui-badge-cyan-bg-subtle);outline:none;border:1px solid var(--cui-badge-cyan-border-subtle)}:host([data-variant=emphasis])[data-color=purple]{--cui-badge-accent: var(--cui-badge-purple-stroke);color:var(--cui-badge-purple-label-inverse);background:var(--cui-badge-purple-bg-subtle);outline:none;border:1px solid var(--cui-badge-purple-border-subtle)}:host([data-variant=emphasis])[data-color=terra]{--cui-badge-accent: var(--cui-badge-terra-stroke);color:var(--cui-badge-terra-label-inverse);background:var(--cui-badge-terra-bg-subtle);outline:none;border:1px solid var(--cui-badge-terra-border-subtle)}\n"] }]
|
|
17
17
|
}], propDecorators: { color: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}, {
|
|
@@ -5,4 +5,4 @@ export const CUI_BADGE_DEFAULT_OPTIONS = {
|
|
|
5
5
|
variant: 'light'
|
|
6
6
|
};
|
|
7
7
|
export const CUI_BADGE_OPTIONS = cuiCreateToken(CUI_BADGE_DEFAULT_OPTIONS);
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQWUsTUFBTSxjQUFjLENBQUM7QUEwQzNELE1BQU0sQ0FBQyxNQUFNLHlCQUF5QixHQUFvQjtJQUN0RCxLQUFLLEVBQUUsWUFBWTtJQUNuQixJQUFJLEVBQUUsSUFBSTtJQUNWLE9BQU8sRUFBRSxPQUFPO0NBQ25CLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxjQUFjLENBQUMseUJBQXlCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGN1aUNyZWF0ZVRva2VuLCBDdWlOdWxsYWJsZSB9IGZyb20gJ0BjdWJ5LXVpL2Nkayc7XG5cbmltcG9ydCB0eXBlIHsgQ3VpU2l6ZU1kLCBDdWlTaXplU20gfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmV4cG9ydCB0eXBlIEN1aUJhZGdlVmlzdWFsU3R5bGUgPSAnbGlnaHQnIHwgJ2ZpbGwnIHwgJ291dGxpbmUnIHwgJ2VtcGhhc2lzJyB8ICdzb2Z0JztcblxuZXhwb3J0IGludGVyZmFjZSBDdWlCYWRnZU9wdGlvbnMge1xuICAgIHJlYWRvbmx5IGNvbG9yOiBDdWlCYWRnZUNvbG9yO1xuICAgIHJlYWRvbmx5IHNpemU6IEN1aVNpemVTbSB8IEN1aVNpemVNZDtcbiAgICByZWFkb25seSB2YXJpYW50PzogQ3VpTnVsbGFibGU8Q3VpQmFkZ2VWaXN1YWxTdHlsZT47XG59XG5cbmV4cG9ydCB0eXBlIEN1aUJhZGdlQ29sb3IgPSBDdWlCYWRnZUNvbG9yU29saWQgfCBDdWlCYWRnZUNvbG9yTGlnaHQgfCBDdWlEZXByZWNhdGlvbkNvbG9ycyB8IEN1aUJhZGdlU2VtYW50aWNDb2xvcjtcblxuZXhwb3J0IHR5cGUgQ3VpQmFkZ2VTZW1hbnRpY0NvbG9yID0gJ2JsdWUnIHwgJ2xpZ2h0LWdyZWVuJyB8ICdsYXZlbmRlcicgfCAnbWFnZW50YScgfCAnY3lhbicgfCAncHVycGxlJyB8ICd0ZXJyYSc7XG5cbmV4cG9ydCB0eXBlIEN1aUJhZGdlQ29sb3JTb2xpZCA9XG4gICAgfCAndmlvbGV0LXNvbGlkJ1xuICAgIHwgJ3llbGxvdy1zb2xpZCdcbiAgICB8ICdvcmFuZ2Utc29saWQnXG4gICAgfCAnbGF2ZW5kZXItc29saWQnXG4gICAgfCAnbWFnZW50YS1zb2xpZCdcbiAgICB8ICdncmVlbi1zb2xpZCdcbiAgICB8ICdibGFjay1zb2xpZCdcbiAgICB8ICdyZWQtc29saWQnXG4gICAgfCAnYmx1ZS1zb2xpZCdcbiAgICB8ICdzdWNjZXNzLXNvbGlkJztcblxuZXhwb3J0IHR5cGUgQ3VpQmFkZ2VDb2xvckxpZ2h0ID1cbiAgICB8ICdncmF5J1xuICAgIHwgJ2RhcmstZ3JheSdcbiAgICB8ICdibHVlLWxpZ2h0J1xuICAgIHwgJ3llbGxvdy1saWdodCdcbiAgICB8ICdncmVlbi1saWdodCdcbiAgICB8ICdyZWQtbGlnaHQnXG4gICAgfCAnbGF2ZW5kZXItbGlnaHQnXG4gICAgfCAnbWFnZW50YS1saWdodCdcbiAgICB8ICd2aW9sZXQtbGlnaHQnXG4gICAgfCAnb3JhbmdlLWxpZ2h0JztcblxuZXhwb3J0IHR5cGUgQ3VpRGVwcmVjYXRpb25Db2xvcnMgPSAnbGlnaHQtYmx1ZScgfCAneWVsbG93JyB8ICdncmVlbicgfCAncmVkJyB8ICd2aW9sZXQnIHwgJ29yYW5nZSc7XG5cbmV4cG9ydCBjb25zdCBDVUlfQkFER0VfREVGQVVMVF9PUFRJT05TOiBDdWlCYWRnZU9wdGlvbnMgPSB7XG4gICAgY29sb3I6ICdsaWdodC1ibHVlJyxcbiAgICBzaXplOiAnc20nLFxuICAgIHZhcmlhbnQ6ICdsaWdodCdcbn07XG5cbmV4cG9ydCBjb25zdCBDVUlfQkFER0VfT1BUSU9OUyA9IGN1aUNyZWF0ZVRva2VuKENVSV9CQURHRV9ERUZBVUxUX09QVElPTlMpO1xuIl19
|
|
@@ -113,7 +113,7 @@ export class CuiContextMenuComponent {
|
|
|
113
113
|
this.viewContainerRef.clear();
|
|
114
114
|
}
|
|
115
115
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiContextMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
116
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiContextMenuComponent, selector: "cui-context-menu[items][target]", inputs: { items: "items", target: "target", width: "width", withPaddings: "withPaddings" }, host: { listeners: { "window:resize": "onClose()", "click": "onStopClickPropagation($event)" } }, providers: [CuiDestroyService], viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], hostDirectives: [{ directive: i1.CuiClickOutsideDirective }, { directive: i1.CuiTargetDirective, inputs: ["ccTarget", "target"] }], ngImport: i0, template: "<ng-template #backdrop>\n <div class=\"c-backdrop\"></div>\n</ng-template>\n\n<ng-template #list>\n <div\n class=\"c-container\"\n [style.width]=\"width\"\n >\n <ul\n class=\"c-ul\"\n [class.c-ul_with-padding]=\"withPaddings\"\n >\n <li\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [style.color]=\"item.color\"\n >\n <button\n type=\"button\"\n class=\"c-button\"\n (click)=\"onSelect(item)\"\n >\n <cui-svg\n *ngIf=\"item.icon\"\n [icon]=\"item.icon\"\n [color]=\"item.color\"\n ></cui-svg>\n <span>{{ item.label }}</span>\n </button>\n </li>\n </ul>\n </div>\n</ng-template>\n", styles: [":host{display:none}.c-container{position:fixed;width:268px;border-radius:8px;z-index:1}.c-backdrop{position:fixed;inset:0}.c-ul{padding:0;margin:0;list-style:none;font-weight:400;font-size:14px;line-height:20px;box-shadow:0 1px 4px
|
|
116
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiContextMenuComponent, selector: "cui-context-menu[items][target]", inputs: { items: "items", target: "target", width: "width", withPaddings: "withPaddings" }, host: { listeners: { "window:resize": "onClose()", "click": "onStopClickPropagation($event)" } }, providers: [CuiDestroyService], viewQueries: [{ propertyName: "list", first: true, predicate: ["list"], descendants: true }, { propertyName: "backdrop", first: true, predicate: ["backdrop"], descendants: true }], hostDirectives: [{ directive: i1.CuiClickOutsideDirective }, { directive: i1.CuiTargetDirective, inputs: ["ccTarget", "target"] }], ngImport: i0, template: "<ng-template #backdrop>\n <div class=\"c-backdrop\"></div>\n</ng-template>\n\n<ng-template #list>\n <div\n class=\"c-container\"\n [style.width]=\"width\"\n >\n <ul\n class=\"c-ul\"\n [class.c-ul_with-padding]=\"withPaddings\"\n >\n <li\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [style.color]=\"item.color\"\n >\n <button\n type=\"button\"\n class=\"c-button\"\n (click)=\"onSelect(item)\"\n >\n <cui-svg\n *ngIf=\"item.icon\"\n [icon]=\"item.icon\"\n [color]=\"item.color\"\n ></cui-svg>\n <span>{{ item.label }}</span>\n </button>\n </li>\n </ul>\n </div>\n</ng-template>\n", styles: [":host{display:none}.c-container{position:fixed;width:268px;border-radius:8px;z-index:1}.c-backdrop{position:fixed;inset:0}.c-ul{padding:0;margin:0;list-style:none;font-weight:400;font-size:14px;line-height:20px;box-shadow:0 1px 4px color-mix(in srgb,var(--cui-base-200) 40%,transparent),0 1px 4px color-mix(in srgb,var(--cui-base-200) 40%,transparent);border:1px solid var(--cui-base-200);border-radius:inherit;width:100%;background:var(--cui-base-0);color:var(--cui-base-900);font-family:var(--cui-main-font)}.c-ul_with-padding{padding-top:7px;padding-bottom:7px}.c-button{padding:8px 11px 8px 0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:8px 11px;width:100%;display:flex;align-items:center;gap:12px}.c-button:active{background:var(--cui-base-50)}@media (hover: hover){.c-button:hover{background:var(--cui-base-50)}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
117
117
|
}
|
|
118
118
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiContextMenuComponent, decorators: [{
|
|
119
119
|
type: Component,
|
|
@@ -123,7 +123,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
123
123
|
directive: CuiTargetDirective,
|
|
124
124
|
inputs: ['ccTarget: target']
|
|
125
125
|
}
|
|
126
|
-
], template: "<ng-template #backdrop>\n <div class=\"c-backdrop\"></div>\n</ng-template>\n\n<ng-template #list>\n <div\n class=\"c-container\"\n [style.width]=\"width\"\n >\n <ul\n class=\"c-ul\"\n [class.c-ul_with-padding]=\"withPaddings\"\n >\n <li\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [style.color]=\"item.color\"\n >\n <button\n type=\"button\"\n class=\"c-button\"\n (click)=\"onSelect(item)\"\n >\n <cui-svg\n *ngIf=\"item.icon\"\n [icon]=\"item.icon\"\n [color]=\"item.color\"\n ></cui-svg>\n <span>{{ item.label }}</span>\n </button>\n </li>\n </ul>\n </div>\n</ng-template>\n", styles: [":host{display:none}.c-container{position:fixed;width:268px;border-radius:8px;z-index:1}.c-backdrop{position:fixed;inset:0}.c-ul{padding:0;margin:0;list-style:none;font-weight:400;font-size:14px;line-height:20px;box-shadow:0 1px 4px
|
|
126
|
+
], template: "<ng-template #backdrop>\n <div class=\"c-backdrop\"></div>\n</ng-template>\n\n<ng-template #list>\n <div\n class=\"c-container\"\n [style.width]=\"width\"\n >\n <ul\n class=\"c-ul\"\n [class.c-ul_with-padding]=\"withPaddings\"\n >\n <li\n *ngFor=\"let item of items; trackBy: trackByFn\"\n [style.color]=\"item.color\"\n >\n <button\n type=\"button\"\n class=\"c-button\"\n (click)=\"onSelect(item)\"\n >\n <cui-svg\n *ngIf=\"item.icon\"\n [icon]=\"item.icon\"\n [color]=\"item.color\"\n ></cui-svg>\n <span>{{ item.label }}</span>\n </button>\n </li>\n </ul>\n </div>\n</ng-template>\n", styles: [":host{display:none}.c-container{position:fixed;width:268px;border-radius:8px;z-index:1}.c-backdrop{position:fixed;inset:0}.c-ul{padding:0;margin:0;list-style:none;font-weight:400;font-size:14px;line-height:20px;box-shadow:0 1px 4px color-mix(in srgb,var(--cui-base-200) 40%,transparent),0 1px 4px color-mix(in srgb,var(--cui-base-200) 40%,transparent);border:1px solid var(--cui-base-200);border-radius:inherit;width:100%;background:var(--cui-base-0);color:var(--cui-base-900);font-family:var(--cui-main-font)}.c-ul_with-padding{padding-top:7px;padding-bottom:7px}.c-button{padding:8px 11px 8px 0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;padding:8px 11px;width:100%;display:flex;align-items:center;gap:12px}.c-button:active{background:var(--cui-base-50)}@media (hover: hover){.c-button:hover{background:var(--cui-base-50)}}\n"] }]
|
|
127
127
|
}], propDecorators: { items: [{
|
|
128
128
|
type: Input
|
|
129
129
|
}], target: [{
|
|
@@ -197,10 +197,10 @@ export class CuiDateRangeCalendarComponent {
|
|
|
197
197
|
date1.getDate() === date2.getDate());
|
|
198
198
|
}
|
|
199
199
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiDateRangeCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
200
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CuiDateRangeCalendarComponent, isStandalone: true, selector: "cui-date-range-calendar", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, startDate: { classPropertyName: "startDate", publicName: "startDate", isSignal: true, isRequired: false, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "endDate", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rangeSelected: "rangeSelected", dateSelected: "dateSelected", cancelled: "cancelled" }, ngImport: i0, template: "<div class=\"cui-calendar\">\n <div class=\"cui-calendar__header\">\n <button\n type=\"button\"\n class=\"cui-calendar__nav-btn\"\n (click)=\"goToPrevMonth()\"\n >\n <cui-svg icon=\"cuiIconChevronLeft\" />\n </button>\n <span class=\"cui-calendar__month-name\">{{ currentMonthName() }}</span>\n <button\n type=\"button\"\n class=\"cui-calendar__nav-btn\"\n (click)=\"goToNextMonth()\"\n >\n <cui-svg icon=\"cuiIconChevronRight\" />\n </button>\n </div>\n\n <div class=\"cui-calendar__weekdays\">\n @for (day of weekDays; track day) {\n <div class=\"cui-calendar__weekday\">{{ day }}</div>\n }\n </div>\n\n <div class=\"cui-calendar__days\">\n @for (day of calendarDays(); track day.date.getTime()) {\n <button\n type=\"button\"\n class=\"cui-calendar__day\"\n [class.cui-calendar__day--other-month]=\"!day.isCurrentMonth\"\n [class.cui-calendar__day--selected]=\"isSelected(day.date)\"\n [class.cui-calendar__day--in-range]=\"isInRange(day.date)\"\n [class.cui-calendar__day--range-start]=\"isRangeStart(day.date)\"\n [class.cui-calendar__day--range-end]=\"isRangeEnd(day.date)\"\n [class.cui-calendar__day--today]=\"isToday(day.date)\"\n (click)=\"selectDate(day.date)\"\n >\n {{ day.date.getDate() }}\n </button>\n }\n </div>\n\n <div class=\"cui-calendar__footer\">\n <button\n type=\"button\"\n cuiButton\n appearance=\"secondary\"\n (click)=\"cancel()\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n cuiButton\n appearance=\"action\"\n [disabled]=\"!hasSelection()\"\n (click)=\"apply()\"\n >\n Apply\n </button>\n </div>\n</div>\n", styles: [".cui-calendar{display:flex;flex-direction:column;padding:12px;min-width:280px}.cui-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cui-calendar__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:
|
|
200
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CuiDateRangeCalendarComponent, isStandalone: true, selector: "cui-date-range-calendar", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, startDate: { classPropertyName: "startDate", publicName: "startDate", isSignal: true, isRequired: false, transformFunction: null }, endDate: { classPropertyName: "endDate", publicName: "endDate", isSignal: true, isRequired: false, transformFunction: null }, selectedDate: { classPropertyName: "selectedDate", publicName: "selectedDate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rangeSelected: "rangeSelected", dateSelected: "dateSelected", cancelled: "cancelled" }, ngImport: i0, template: "<div class=\"cui-calendar\">\n <div class=\"cui-calendar__header\">\n <button\n type=\"button\"\n class=\"cui-calendar__nav-btn\"\n (click)=\"goToPrevMonth()\"\n >\n <cui-svg icon=\"cuiIconChevronLeft\" />\n </button>\n <span class=\"cui-calendar__month-name\">{{ currentMonthName() }}</span>\n <button\n type=\"button\"\n class=\"cui-calendar__nav-btn\"\n (click)=\"goToNextMonth()\"\n >\n <cui-svg icon=\"cuiIconChevronRight\" />\n </button>\n </div>\n\n <div class=\"cui-calendar__weekdays\">\n @for (day of weekDays; track day) {\n <div class=\"cui-calendar__weekday\">{{ day }}</div>\n }\n </div>\n\n <div class=\"cui-calendar__days\">\n @for (day of calendarDays(); track day.date.getTime()) {\n <button\n type=\"button\"\n class=\"cui-calendar__day\"\n [class.cui-calendar__day--other-month]=\"!day.isCurrentMonth\"\n [class.cui-calendar__day--selected]=\"isSelected(day.date)\"\n [class.cui-calendar__day--in-range]=\"isInRange(day.date)\"\n [class.cui-calendar__day--range-start]=\"isRangeStart(day.date)\"\n [class.cui-calendar__day--range-end]=\"isRangeEnd(day.date)\"\n [class.cui-calendar__day--today]=\"isToday(day.date)\"\n (click)=\"selectDate(day.date)\"\n >\n {{ day.date.getDate() }}\n </button>\n }\n </div>\n\n <div class=\"cui-calendar__footer\">\n <button\n type=\"button\"\n cuiButton\n appearance=\"secondary\"\n (click)=\"cancel()\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n cuiButton\n appearance=\"action\"\n [disabled]=\"!hasSelection()\"\n (click)=\"apply()\"\n >\n Apply\n </button>\n </div>\n</div>\n", styles: [".cui-calendar{display:flex;flex-direction:column;padding:12px;min-width:280px}.cui-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cui-calendar__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background .2s}.cui-calendar__nav-btn:hover{background:var(--cui-base-100)}.cui-calendar__month-name{font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-900)}.cui-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.cui-calendar__weekday{font-weight:500;font-size:12px;line-height:14px;display:flex;align-items:center;justify-content:center;height:32px;color:var(--cui-base-500)}.cui-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cui-calendar__day{font-weight:400;font-size:13px;line-height:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background .2s;color:var(--cui-base-900)}.cui-calendar__day:hover{background:var(--cui-base-100)}.cui-calendar__day--other-month{color:var(--cui-base-400)}.cui-calendar__day--today{font-weight:600;border:1px solid var(--cui-base-300)}.cui-calendar__day--selected{background:var(--cui-light-blue-600);color:var(--cui-base-0)}.cui-calendar__day--selected:hover{background:var(--cui-light-blue-700)}.cui-calendar__day--in-range{background:var(--cui-lavender-bg);border-radius:0}.cui-calendar__day--in-range:hover{background:var(--cui-base-200)}.cui-calendar__day--range-start{border-radius:8px 0 0 8px}.cui-calendar__day--range-end{border-radius:0 8px 8px 0}.cui-calendar__day--range-start.cui-calendar__day--range-end{border-radius:8px}.cui-calendar__footer{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--cui-base-200)}\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: "ngmodule", type: CuiSvgModule }, { kind: "component", type: i2.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
201
201
|
}
|
|
202
202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiDateRangeCalendarComponent, decorators: [{
|
|
203
203
|
type: Component,
|
|
204
|
-
args: [{ selector: 'cui-date-range-calendar', standalone: true, imports: [CuiButtonModule, CuiSvgModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cui-calendar\">\n <div class=\"cui-calendar__header\">\n <button\n type=\"button\"\n class=\"cui-calendar__nav-btn\"\n (click)=\"goToPrevMonth()\"\n >\n <cui-svg icon=\"cuiIconChevronLeft\" />\n </button>\n <span class=\"cui-calendar__month-name\">{{ currentMonthName() }}</span>\n <button\n type=\"button\"\n class=\"cui-calendar__nav-btn\"\n (click)=\"goToNextMonth()\"\n >\n <cui-svg icon=\"cuiIconChevronRight\" />\n </button>\n </div>\n\n <div class=\"cui-calendar__weekdays\">\n @for (day of weekDays; track day) {\n <div class=\"cui-calendar__weekday\">{{ day }}</div>\n }\n </div>\n\n <div class=\"cui-calendar__days\">\n @for (day of calendarDays(); track day.date.getTime()) {\n <button\n type=\"button\"\n class=\"cui-calendar__day\"\n [class.cui-calendar__day--other-month]=\"!day.isCurrentMonth\"\n [class.cui-calendar__day--selected]=\"isSelected(day.date)\"\n [class.cui-calendar__day--in-range]=\"isInRange(day.date)\"\n [class.cui-calendar__day--range-start]=\"isRangeStart(day.date)\"\n [class.cui-calendar__day--range-end]=\"isRangeEnd(day.date)\"\n [class.cui-calendar__day--today]=\"isToday(day.date)\"\n (click)=\"selectDate(day.date)\"\n >\n {{ day.date.getDate() }}\n </button>\n }\n </div>\n\n <div class=\"cui-calendar__footer\">\n <button\n type=\"button\"\n cuiButton\n appearance=\"secondary\"\n (click)=\"cancel()\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n cuiButton\n appearance=\"action\"\n [disabled]=\"!hasSelection()\"\n (click)=\"apply()\"\n >\n Apply\n </button>\n </div>\n</div>\n", styles: [".cui-calendar{display:flex;flex-direction:column;padding:12px;min-width:280px}.cui-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cui-calendar__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:
|
|
204
|
+
args: [{ selector: 'cui-date-range-calendar', standalone: true, imports: [CuiButtonModule, CuiSvgModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"cui-calendar\">\n <div class=\"cui-calendar__header\">\n <button\n type=\"button\"\n class=\"cui-calendar__nav-btn\"\n (click)=\"goToPrevMonth()\"\n >\n <cui-svg icon=\"cuiIconChevronLeft\" />\n </button>\n <span class=\"cui-calendar__month-name\">{{ currentMonthName() }}</span>\n <button\n type=\"button\"\n class=\"cui-calendar__nav-btn\"\n (click)=\"goToNextMonth()\"\n >\n <cui-svg icon=\"cuiIconChevronRight\" />\n </button>\n </div>\n\n <div class=\"cui-calendar__weekdays\">\n @for (day of weekDays; track day) {\n <div class=\"cui-calendar__weekday\">{{ day }}</div>\n }\n </div>\n\n <div class=\"cui-calendar__days\">\n @for (day of calendarDays(); track day.date.getTime()) {\n <button\n type=\"button\"\n class=\"cui-calendar__day\"\n [class.cui-calendar__day--other-month]=\"!day.isCurrentMonth\"\n [class.cui-calendar__day--selected]=\"isSelected(day.date)\"\n [class.cui-calendar__day--in-range]=\"isInRange(day.date)\"\n [class.cui-calendar__day--range-start]=\"isRangeStart(day.date)\"\n [class.cui-calendar__day--range-end]=\"isRangeEnd(day.date)\"\n [class.cui-calendar__day--today]=\"isToday(day.date)\"\n (click)=\"selectDate(day.date)\"\n >\n {{ day.date.getDate() }}\n </button>\n }\n </div>\n\n <div class=\"cui-calendar__footer\">\n <button\n type=\"button\"\n cuiButton\n appearance=\"secondary\"\n (click)=\"cancel()\"\n >\n Cancel\n </button>\n <button\n type=\"button\"\n cuiButton\n appearance=\"action\"\n [disabled]=\"!hasSelection()\"\n (click)=\"apply()\"\n >\n Apply\n </button>\n </div>\n</div>\n", styles: [".cui-calendar{display:flex;flex-direction:column;padding:12px;min-width:280px}.cui-calendar__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cui-calendar__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background .2s}.cui-calendar__nav-btn:hover{background:var(--cui-base-100)}.cui-calendar__month-name{font-weight:500;font-size:14px;line-height:20px;color:var(--cui-base-900)}.cui-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.cui-calendar__weekday{font-weight:500;font-size:12px;line-height:14px;display:flex;align-items:center;justify-content:center;height:32px;color:var(--cui-base-500)}.cui-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cui-calendar__day{font-weight:400;font-size:13px;line-height:16px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:background .2s;color:var(--cui-base-900)}.cui-calendar__day:hover{background:var(--cui-base-100)}.cui-calendar__day--other-month{color:var(--cui-base-400)}.cui-calendar__day--today{font-weight:600;border:1px solid var(--cui-base-300)}.cui-calendar__day--selected{background:var(--cui-light-blue-600);color:var(--cui-base-0)}.cui-calendar__day--selected:hover{background:var(--cui-light-blue-700)}.cui-calendar__day--in-range{background:var(--cui-lavender-bg);border-radius:0}.cui-calendar__day--in-range:hover{background:var(--cui-base-200)}.cui-calendar__day--range-start{border-radius:8px 0 0 8px}.cui-calendar__day--range-end{border-radius:0 8px 8px 0}.cui-calendar__day--range-start.cui-calendar__day--range-end{border-radius:8px}.cui-calendar__footer{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--cui-base-200)}\n"] }]
|
|
205
205
|
}], ctorParameters: () => [] });
|
|
206
206
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS1jYWxlbmRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvZGF0ZS1yYW5nZS1jYWxlbmRhci9kYXRlLXJhbmdlLWNhbGVuZGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9kYXRlLXJhbmdlLWNhbGVuZGFyL2RhdGUtcmFuZ2UtY2FsZW5kYXIudGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUcsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUM1QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sUUFBUSxDQUFDOzs7O0FBWXRDLE1BQU0sT0FBTyw2QkFBNkI7SUE2RnRDO1FBNUZBLHVFQUF1RTtRQUN2RCxTQUFJLEdBQUcsS0FBSyxDQUEyQixPQUFPLENBQUMsQ0FBQztRQUVoRSw4QkFBOEI7UUFDZCxjQUFTLEdBQUcsS0FBSyxDQUFjLElBQUksQ0FBQyxDQUFDO1FBRXJELDRCQUE0QjtRQUNaLFlBQU8sR0FBRyxLQUFLLENBQWMsSUFBSSxDQUFDLENBQUM7UUFFbkQsc0NBQXNDO1FBQ3RCLGlCQUFZLEdBQUcsS0FBSyxDQUFjLElBQUksQ0FBQyxDQUFDO1FBRXhELDJDQUEyQztRQUMzQixrQkFBYSxHQUFHLE1BQU0sRUFBOEIsQ0FBQztRQUVyRSw0Q0FBNEM7UUFDNUIsaUJBQVksR0FBRyxNQUFNLEVBQVEsQ0FBQztRQUU5QyxvQ0FBb0M7UUFDcEIsY0FBUyxHQUFHLE1BQU0sRUFBUSxDQUFDO1FBRTNDLGdDQUFnQztRQUNiLGlCQUFZLEdBQUcsTUFBTSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsQ0FBQztRQUVyRCxvREFBb0Q7UUFDakMsaUJBQVksR0FBRyxNQUFNLENBQWMsSUFBSSxDQUFDLENBQUM7UUFFNUQsa0RBQWtEO1FBQy9CLGVBQVUsR0FBRyxNQUFNLENBQWMsSUFBSSxDQUFDLENBQUM7UUFFMUQsZ0RBQWdEO1FBQzdCLG9CQUFlLEdBQUcsTUFBTSxDQUFjLElBQUksQ0FBQyxDQUFDO1FBRS9ELHNCQUFzQjtRQUNILGFBQVEsR0FBRyxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO1FBRXpFLGlDQUFpQztRQUNkLHFCQUFnQixHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDaEQsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBRWpDLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxDQUFDLENBQUM7UUFDaEYsQ0FBQyxDQUFDLENBQUM7UUFFSCx5QkFBeUI7UUFDTixpQkFBWSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7WUFDNUMsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBQ2pDLE1BQU0sSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUNoQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFFOUIsTUFBTSxRQUFRLEdBQUcsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsQ0FBQztZQUMxQyxNQUFNLE9BQU8sR0FBRyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztZQUU3QyxnRkFBZ0Y7WUFDaEYsSUFBSSxjQUFjLEdBQUcsUUFBUSxDQUFDLE1BQU0sRUFBRSxHQUFHLENBQUMsQ0FBQztZQUUzQyxJQUFJLGNBQWMsR0FBRyxDQUFDLEVBQUUsQ0FBQztnQkFDckIsY0FBYyxHQUFHLENBQUMsQ0FBQztZQUN2QixDQUFDO1lBRUQsTUFBTSxJQUFJLEdBQThDLEVBQUUsQ0FBQztZQUUzRCxxQ0FBcUM7WUFDckMsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBRTVELEtBQUssSUFBSSxDQUFDLEdBQUcsY0FBYyxHQUFHLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUM7Z0JBQzNDLElBQUksQ0FBQyxJQUFJLENBQUM7b0JBQ04sSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEdBQUcsQ0FBQyxFQUFFLGdCQUFnQixHQUFHLENBQUMsQ0FBQztvQkFDckQsY0FBYyxFQUFFLEtBQUs7aUJBQ3hCLENBQUMsQ0FBQztZQUNQLENBQUM7WUFFRCwyQkFBMkI7WUFDM0IsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxPQUFPLEVBQUUsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO2dCQUMxQyxJQUFJLENBQUMsSUFBSSxDQUFDO29CQUNOLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztvQkFDOUIsY0FBYyxFQUFFLElBQUk7aUJBQ3ZCLENBQUMsQ0FBQztZQUNQLENBQUM7WUFFRCx3RUFBd0U7WUFDeEUsTUFBTSxhQUFhLEdBQUcsRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7WUFFdkMsS0FBSyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxJQUFJLGFBQWEsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDO2dCQUN0QyxJQUFJLENBQUMsSUFBSSxDQUFDO29CQUNOLElBQUksRUFBRSxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxHQUFHLENBQUMsRUFBRSxDQUFDLENBQUM7b0JBQ2xDLGNBQWMsRUFBRSxLQUFLO2lCQUN4QixDQUFDLENBQUM7WUFDUCxDQUFDO1lBRUQsT0FBTyxJQUFJLENBQUM7UUFDaEIsQ0FBQyxDQUFDLENBQUM7UUFHQyxxR0FBcUc7UUFDckcsTUFBTSxDQUFDLEdBQUcsRUFBRTtZQUNSLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLE9BQU8sRUFBRSxDQUFDO2dCQUMxQixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7Z0JBQy9CLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFFM0IsSUFBSSxLQUFLLEVBQUUsQ0FBQztvQkFDUixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztvQkFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsRUFBRSxFQUFFLEtBQUssQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUM5RSxDQUFDO2dCQUVELElBQUksR0FBRyxFQUFFLENBQUM7b0JBQ04sSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQzdCLENBQUM7WUFDTCxDQUFDO2lCQUFNLENBQUM7Z0JBQ0osTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO2dCQUVyQyxJQUFJLFFBQVEsRUFBRSxDQUFDO29CQUNYLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO29CQUNuQyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLEVBQUUsUUFBUSxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ3BGLENBQUM7WUFDTCxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRVMsYUFBYTtRQUNuQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDcEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxFQUFFLE9BQU8sQ0FBQyxRQUFRLEVBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN0RixDQUFDO0lBRVMsYUFBYTtRQUNuQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDcEMsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsRUFBRSxFQUFFLE9BQU8sQ0FBQyxRQUFRLEVBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN0RixDQUFDO0lBRVMsVUFBVSxDQUFDLElBQVU7UUFDM0IsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDMUIsMENBQTBDO1lBQzFDLElBQUksQ0FBQyxlQUFlLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO1lBRS9CLE9BQU87UUFDWCxDQUFDO1FBRUQsYUFBYTtRQUNiLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNsQyxNQUFNLEdBQUcsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7UUFFOUIsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLEtBQUssSUFBSSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQzNCLHdCQUF3QjtZQUN4QixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUM1QixJQUFJLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM5QixDQUFDO2FBQU0sQ0FBQztZQUNKLHlCQUF5QjtZQUN6QixJQUFJLElBQUksR0FBRyxLQUFLLEVBQUUsQ0FBQztnQkFDZiw4Q0FBOEM7Z0JBQzlDLElBQUksQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUMzQixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNoQyxDQUFDO2lCQUFNLENBQUM7Z0JBQ0osSUFBSSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDOUIsQ0FBQztRQUNMLENBQUM7SUFDTCxDQUFDO0lBRVMsVUFBVSxDQUFDLElBQVU7UUFDM0IsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDMUIsbUJBQW1CO1lBQ25CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUV4QyxPQUFPLFFBQVEsS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDL0QsQ0FBQztRQUVELGFBQWE7UUFDYixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDbEMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBRTlCLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDdkMsT0FBTyxJQUFJLENBQUM7UUFDaEIsQ0FBQztRQUVELElBQUksR0FBRyxJQUFJLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxFQUFFLENBQUM7WUFDbkMsT0FBTyxJQUFJLENBQUM7UUFDaEIsQ0FBQztRQUVELE9BQU8sS0FBSyxDQUFDO0lBQ2pCLENBQUM7SUFFUyxTQUFTLENBQUMsSUFBVTtRQUMxQixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDbEMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBRTlCLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxHQUFHLEVBQUUsQ0FBQztZQUNqQixPQUFPLEtBQUssQ0FBQztRQUNqQixDQUFDO1FBRUQsT0FBTyxJQUFJLEdBQUcsS0FBSyxJQUFJLElBQUksR0FBRyxHQUFHLENBQUM7SUFDdEMsQ0FBQztJQUVTLFlBQVksQ0FBQyxJQUFVO1FBQzdCLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUVsQyxPQUFPLEtBQUssS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVTLFVBQVUsQ0FBQyxJQUFVO1FBQzNCLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUU5QixPQUFPLEdBQUcsS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDckQsQ0FBQztJQUVTLE9BQU8sQ0FBQyxJQUFVO1FBQ3hCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFUyxLQUFLO1FBQ1gsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDMUIsbUJBQW1CO1lBQ25CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUV4QyxJQUFJLFFBQVEsRUFBRSxDQUFDO2dCQUNYLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQ3JDLENBQUM7UUFDTCxDQUFDO2FBQU0sQ0FBQztZQUNKLGFBQWE7WUFDYixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDbEMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1lBRTlCLElBQUksS0FBSyxJQUFJLEdBQUcsRUFBRSxDQUFDO2dCQUNmLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7WUFDNUMsQ0FBQztRQUNMLENBQUM7SUFDTCxDQUFDO0lBRVMsTUFBTTtRQUNaLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVTLFlBQVk7UUFDbEIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssT0FBTyxFQUFFLENBQUM7WUFDMUIsT0FBTyxJQUFJLENBQUMsZUFBZSxFQUFFLEtBQUssSUFBSSxDQUFDO1FBQzNDLENBQUM7UUFFRCxPQUFPLElBQUksQ0FBQyxZQUFZLEVBQUUsS0FBSyxJQUFJLENBQUM7SUFDeEMsQ0FBQztJQUVPLFNBQVMsQ0FBQyxLQUFXLEVBQUUsS0FBVztRQUN0QyxPQUFPLENBQ0gsS0FBSyxDQUFDLFdBQVcsRUFBRSxLQUFLLEtBQUssQ0FBQyxXQUFXLEVBQUU7WUFDM0MsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLEtBQUssQ0FBQyxRQUFRLEVBQUU7WUFDckMsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLEtBQUssQ0FBQyxPQUFPLEVBQUUsQ0FDdEMsQ0FBQztJQUNOLENBQUM7K0dBcFBRLDZCQUE2QjttR0FBN0IsNkJBQTZCLHNzQkNmMUMsNmlFQStEQSxtL0REckRjLGVBQWUsbU9BQUUsWUFBWTs7NEZBSzlCLDZCQUE2QjtrQkFSekMsU0FBUzsrQkFDSSx5QkFBeUIsY0FDdkIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFlBQVksQ0FBQyxtQkFHdkIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGNvbXB1dGVkLCBlZmZlY3QsIGlucHV0LCBvdXRwdXQsIHNpZ25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDdWlCdXR0b25Nb2R1bGUgfSBmcm9tICcuLi9idXR0b24nO1xuaW1wb3J0IHsgQ3VpU3ZnTW9kdWxlIH0gZnJvbSAnLi4vc3ZnJztcblxuaW1wb3J0IHR5cGUgeyBDdWlEYXRlUmFuZ2VDYWxlbmRhck1vZGUgfSBmcm9tICcuL2RhdGUtcmFuZ2UtY2FsZW5kYXIuaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnY3VpLWRhdGUtcmFuZ2UtY2FsZW5kYXInLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW0N1aUJ1dHRvbk1vZHVsZSwgQ3VpU3ZnTW9kdWxlXSxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZGF0ZS1yYW5nZS1jYWxlbmRhci50ZW1wbGF0ZS5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kYXRlLXJhbmdlLWNhbGVuZGFyLnN0eWxlLnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBDdWlEYXRlUmFuZ2VDYWxlbmRhckNvbXBvbmVudCB7XG4gICAgLyoqIFNlbGVjdGlvbiBtb2RlOiAncmFuZ2UnIGZvciBkYXRlIHJhbmdlLCAnc2luZ2xlJyBmb3Igc2luZ2xlIGRhdGUgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgbW9kZSA9IGlucHV0PEN1aURhdGVSYW5nZUNhbGVuZGFyTW9kZT4oJ3JhbmdlJyk7XG5cbiAgICAvKiogU3RhcnQgZGF0ZSBvZiB0aGUgcmFuZ2UgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgc3RhcnREYXRlID0gaW5wdXQ8RGF0ZSB8IG51bGw+KG51bGwpO1xuXG4gICAgLyoqIEVuZCBkYXRlIG9mIHRoZSByYW5nZSAqL1xuICAgIHB1YmxpYyByZWFkb25seSBlbmREYXRlID0gaW5wdXQ8RGF0ZSB8IG51bGw+KG51bGwpO1xuXG4gICAgLyoqIFNlbGVjdGVkIGRhdGUgKGZvciBzaW5nbGUgbW9kZSkgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgc2VsZWN0ZWREYXRlID0gaW5wdXQ8RGF0ZSB8IG51bGw+KG51bGwpO1xuXG4gICAgLyoqIEVtaXR0ZWQgd2hlbiBhIGRhdGUgcmFuZ2UgaXMgYXBwbGllZCAqL1xuICAgIHB1YmxpYyByZWFkb25seSByYW5nZVNlbGVjdGVkID0gb3V0cHV0PHsgc3RhcnQ6IERhdGU7IGVuZDogRGF0ZSB9PigpO1xuXG4gICAgLyoqIEVtaXR0ZWQgd2hlbiBhIHNpbmdsZSBkYXRlIGlzIGFwcGxpZWQgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgZGF0ZVNlbGVjdGVkID0gb3V0cHV0PERhdGU+KCk7XG5cbiAgICAvKiogRW1pdHRlZCB3aGVuIHRoZSB1c2VyIGNhbmNlbHMgKi9cbiAgICBwdWJsaWMgcmVhZG9ubHkgY2FuY2VsbGVkID0gb3V0cHV0PHZvaWQ+KCk7XG5cbiAgICAvKiogQ3VycmVudGx5IGRpc3BsYXllZCBtb250aCAqL1xuICAgIHByb3RlY3RlZCByZWFkb25seSBjdXJyZW50TW9udGggPSBzaWduYWwobmV3IERhdGUoKSk7XG5cbiAgICAvKiogVGVtcG9yYXJ5IHN0YXJ0IGRhdGUgKGR1cmluZyByYW5nZSBzZWxlY3Rpb24pICovXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IHRtcFN0YXJ0RGF0ZSA9IHNpZ25hbDxEYXRlIHwgbnVsbD4obnVsbCk7XG5cbiAgICAvKiogVGVtcG9yYXJ5IGVuZCBkYXRlIChkdXJpbmcgcmFuZ2Ugc2VsZWN0aW9uKSAqL1xuICAgIHByb3RlY3RlZCByZWFkb25seSB0bXBFbmREYXRlID0gc2lnbmFsPERhdGUgfCBudWxsPihudWxsKTtcblxuICAgIC8qKiBUZW1wb3Jhcnkgc2VsZWN0ZWQgZGF0ZSAoZm9yIHNpbmdsZSBtb2RlKSAqL1xuICAgIHByb3RlY3RlZCByZWFkb25seSB0bXBTZWxlY3RlZERhdGUgPSBzaWduYWw8RGF0ZSB8IG51bGw+KG51bGwpO1xuXG4gICAgLyoqIFdlZWsgZGF5IGxhYmVscyAqL1xuICAgIHByb3RlY3RlZCByZWFkb25seSB3ZWVrRGF5cyA9IFsnTW8nLCAnVHUnLCAnV2UnLCAnVGgnLCAnRnInLCAnU2EnLCAnU3UnXTtcblxuICAgIC8qKiBDdXJyZW50IG1vbnRoIGRpc3BsYXkgbmFtZSAqL1xuICAgIHByb3RlY3RlZCByZWFkb25seSBjdXJyZW50TW9udGhOYW1lID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgICAgICBjb25zdCBkYXRlID0gdGhpcy5jdXJyZW50TW9udGgoKTtcblxuICAgICAgICByZXR1cm4gZGF0ZS50b0xvY2FsZURhdGVTdHJpbmcoJ2VuLVVTJywgeyBtb250aDogJ2xvbmcnLCB5ZWFyOiAnbnVtZXJpYycgfSk7XG4gICAgfSk7XG5cbiAgICAvKiogQ2FsZW5kYXIgZGF5cyBncmlkICovXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGNhbGVuZGFyRGF5cyA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICAgICAgY29uc3QgZGF0ZSA9IHRoaXMuY3VycmVudE1vbnRoKCk7XG4gICAgICAgIGNvbnN0IHllYXIgPSBkYXRlLmdldEZ1bGxZZWFyKCk7XG4gICAgICAgIGNvbnN0IG1vbnRoID0gZGF0ZS5nZXRNb250aCgpO1xuXG4gICAgICAgIGNvbnN0IGZpcnN0RGF5ID0gbmV3IERhdGUoeWVhciwgbW9udGgsIDEpO1xuICAgICAgICBjb25zdCBsYXN0RGF5ID0gbmV3IERhdGUoeWVhciwgbW9udGggKyAxLCAwKTtcblxuICAgICAgICAvLyBHZXQgdGhlIGRheSBvZiB0aGUgd2VlayBmb3IgdGhlIGZpcnN0IGRheSAoMCA9IFN1bmRheSwgY29udmVydCBzbyBNb25kYXkgPSAwKVxuICAgICAgICBsZXQgc3RhcnREYXlPZldlZWsgPSBmaXJzdERheS5nZXREYXkoKSAtIDE7XG5cbiAgICAgICAgaWYgKHN0YXJ0RGF5T2ZXZWVrIDwgMCkge1xuICAgICAgICAgICAgc3RhcnREYXlPZldlZWsgPSA2O1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgZGF5czogeyBkYXRlOiBEYXRlOyBpc0N1cnJlbnRNb250aDogYm9vbGVhbiB9W10gPSBbXTtcblxuICAgICAgICAvLyBBZGQgcHJldmlvdXMgbW9udGgncyB0cmFpbGluZyBkYXlzXG4gICAgICAgIGNvbnN0IHByZXZNb250aExhc3REYXkgPSBuZXcgRGF0ZSh5ZWFyLCBtb250aCwgMCkuZ2V0RGF0ZSgpO1xuXG4gICAgICAgIGZvciAobGV0IGkgPSBzdGFydERheU9mV2VlayAtIDE7IGkgPj0gMDsgaS0tKSB7XG4gICAgICAgICAgICBkYXlzLnB1c2goe1xuICAgICAgICAgICAgICAgIGRhdGU6IG5ldyBEYXRlKHllYXIsIG1vbnRoIC0gMSwgcHJldk1vbnRoTGFzdERheSAtIGkpLFxuICAgICAgICAgICAgICAgIGlzQ3VycmVudE1vbnRoOiBmYWxzZVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICAvLyBBZGQgY3VycmVudCBtb250aCdzIGRheXNcbiAgICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPD0gbGFzdERheS5nZXREYXRlKCk7IGkrKykge1xuICAgICAgICAgICAgZGF5cy5wdXNoKHtcbiAgICAgICAgICAgICAgICBkYXRlOiBuZXcgRGF0ZSh5ZWFyLCBtb250aCwgaSksXG4gICAgICAgICAgICAgICAgaXNDdXJyZW50TW9udGg6IHRydWVcbiAgICAgICAgICAgIH0pO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gQWRkIG5leHQgbW9udGgncyBsZWFkaW5nIGRheXMgdG8gZmlsbCB0aGUgZ3JpZCAoNiByb3dzIHggNyBkYXlzID0gNDIpXG4gICAgICAgIGNvbnN0IHJlbWFpbmluZ0RheXMgPSA0MiAtIGRheXMubGVuZ3RoO1xuXG4gICAgICAgIGZvciAobGV0IGkgPSAxOyBpIDw9IHJlbWFpbmluZ0RheXM7IGkrKykge1xuICAgICAgICAgICAgZGF5cy5wdXNoKHtcbiAgICAgICAgICAgICAgICBkYXRlOiBuZXcgRGF0ZSh5ZWFyLCBtb250aCArIDEsIGkpLFxuICAgICAgICAgICAgICAgIGlzQ3VycmVudE1vbnRoOiBmYWxzZVxuICAgICAgICAgICAgfSk7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZGF5cztcbiAgICB9KTtcblxuICAgIGNvbnN0cnVjdG9yKCkge1xuICAgICAgICAvLyBJbml0aWFsaXplIHRlbXBvcmFyeSB2YWx1ZXMgZnJvbSBpbnB1dHMgdmlhIGVmZmVjdCAoc2lnbmFsIGlucHV0cyBhcmUgbm90IHJlc29sdmVkIGluIGNvbnN0cnVjdG9yKVxuICAgICAgICBlZmZlY3QoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKHRoaXMubW9kZSgpID09PSAncmFuZ2UnKSB7XG4gICAgICAgICAgICAgICAgY29uc3Qgc3RhcnQgPSB0aGlzLnN0YXJ0RGF0ZSgpO1xuICAgICAgICAgICAgICAgIGNvbnN0IGVuZCA9IHRoaXMuZW5kRGF0ZSgpO1xuXG4gICAgICAgICAgICAgICAgaWYgKHN0YXJ0KSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudG1wU3RhcnREYXRlLnNldChzdGFydCk7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuY3VycmVudE1vbnRoLnNldChuZXcgRGF0ZShzdGFydC5nZXRGdWxsWWVhcigpLCBzdGFydC5nZXRNb250aCgpLCAxKSk7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgaWYgKGVuZCkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLnRtcEVuZERhdGUuc2V0KGVuZCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IHRoaXMuc2VsZWN0ZWREYXRlKCk7XG5cbiAgICAgICAgICAgICAgICBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy50bXBTZWxlY3RlZERhdGUuc2V0KHNlbGVjdGVkKTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5jdXJyZW50TW9udGguc2V0KG5ldyBEYXRlKHNlbGVjdGVkLmdldEZ1bGxZZWFyKCksIHNlbGVjdGVkLmdldE1vbnRoKCksIDEpKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnb1RvUHJldk1vbnRoKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBjdXJyZW50ID0gdGhpcy5jdXJyZW50TW9udGgoKTtcbiAgICAgICAgdGhpcy5jdXJyZW50TW9udGguc2V0KG5ldyBEYXRlKGN1cnJlbnQuZ2V0RnVsbFllYXIoKSwgY3VycmVudC5nZXRNb250aCgpIC0gMSwgMSkpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBnb1RvTmV4dE1vbnRoKCk6IHZvaWQge1xuICAgICAgICBjb25zdCBjdXJyZW50ID0gdGhpcy5jdXJyZW50TW9udGgoKTtcbiAgICAgICAgdGhpcy5jdXJyZW50TW9udGguc2V0KG5ldyBEYXRlKGN1cnJlbnQuZ2V0RnVsbFllYXIoKSwgY3VycmVudC5nZXRNb250aCgpICsgMSwgMSkpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBzZWxlY3REYXRlKGRhdGU6IERhdGUpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMubW9kZSgpICE9PSAncmFuZ2UnKSB7XG4gICAgICAgICAgICAvLyBTaW5nbGUgZGF0ZSBtb2RlIC0ganVzdCBzZWxlY3QgdGhlIGRhdGVcbiAgICAgICAgICAgIHRoaXMudG1wU2VsZWN0ZWREYXRlLnNldChkYXRlKTtcblxuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgLy8gUmFuZ2UgbW9kZVxuICAgICAgICBjb25zdCBzdGFydCA9IHRoaXMudG1wU3RhcnREYXRlKCk7XG4gICAgICAgIGNvbnN0IGVuZCA9IHRoaXMudG1wRW5kRGF0ZSgpO1xuXG4gICAgICAgIGlmICghc3RhcnQgfHwgKHN0YXJ0ICYmIGVuZCkpIHtcbiAgICAgICAgICAgIC8vIFN0YXJ0IGEgbmV3IHNlbGVjdGlvblxuICAgICAgICAgICAgdGhpcy50bXBTdGFydERhdGUuc2V0KGRhdGUpO1xuICAgICAgICAgICAgdGhpcy50bXBFbmREYXRlLnNldChudWxsKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIC8vIENvbXBsZXRlIHRoZSBzZWxlY3Rpb25cbiAgICAgICAgICAgIGlmIChkYXRlIDwgc3RhcnQpIHtcbiAgICAgICAgICAgICAgICAvLyBJZiBzZWxlY3RlZCBkYXRlIGlzIGJlZm9yZSBzdGFydCwgc3dhcCB0aGVtXG4gICAgICAgICAgICAgICAgdGhpcy50bXBFbmREYXRlLnNldChzdGFydCk7XG4gICAgICAgICAgICAgICAgdGhpcy50bXBTdGFydERhdGUuc2V0KGRhdGUpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLnRtcEVuZERhdGUuc2V0KGRhdGUpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGlzU2VsZWN0ZWQoZGF0ZTogRGF0ZSk6IGJvb2xlYW4ge1xuICAgICAgICBpZiAodGhpcy5tb2RlKCkgIT09ICdyYW5nZScpIHtcbiAgICAgICAgICAgIC8vIFNpbmdsZSBkYXRlIG1vZGVcbiAgICAgICAgICAgIGNvbnN0IHNlbGVjdGVkID0gdGhpcy50bXBTZWxlY3RlZERhdGUoKTtcblxuICAgICAgICAgICAgcmV0dXJuIHNlbGVjdGVkICE9PSBudWxsICYmIHRoaXMuaXNTYW1lRGF5KGRhdGUsIHNlbGVjdGVkKTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8vIFJhbmdlIG1vZGVcbiAgICAgICAgY29uc3Qgc3RhcnQgPSB0aGlzLnRtcFN0YXJ0RGF0ZSgpO1xuICAgICAgICBjb25zdCBlbmQgPSB0aGlzLnRtcEVuZERhdGUoKTtcblxuICAgICAgICBpZiAoc3RhcnQgJiYgdGhpcy5pc1NhbWVEYXkoZGF0ZSwgc3RhcnQpKSB7XG4gICAgICAgICAgICByZXR1cm4gdHJ1ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChlbmQgJiYgdGhpcy5pc1NhbWVEYXkoZGF0ZSwgZW5kKSkge1xuICAgICAgICAgICAgcmV0dXJuIHRydWU7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGlzSW5SYW5nZShkYXRlOiBEYXRlKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gdGhpcy50bXBTdGFydERhdGUoKTtcbiAgICAgICAgY29uc3QgZW5kID0gdGhpcy50bXBFbmREYXRlKCk7XG5cbiAgICAgICAgaWYgKCFzdGFydCB8fCAhZW5kKSB7XG4gICAgICAgICAgICByZXR1cm4gZmFsc2U7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gZGF0ZSA+IHN0YXJ0ICYmIGRhdGUgPCBlbmQ7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGlzUmFuZ2VTdGFydChkYXRlOiBEYXRlKTogYm9vbGVhbiB7XG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gdGhpcy50bXBTdGFydERhdGUoKTtcblxuICAgICAgICByZXR1cm4gc3RhcnQgIT09IG51bGwgJiYgdGhpcy5pc1NhbWVEYXkoZGF0ZSwgc3RhcnQpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBpc1JhbmdlRW5kKGRhdGU6IERhdGUpOiBib29sZWFuIHtcbiAgICAgICAgY29uc3QgZW5kID0gdGhpcy50bXBFbmREYXRlKCk7XG5cbiAgICAgICAgcmV0dXJuIGVuZCAhPT0gbnVsbCAmJiB0aGlzLmlzU2FtZURheShkYXRlLCBlbmQpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBpc1RvZGF5KGRhdGU6IERhdGUpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuaXNTYW1lRGF5KGRhdGUsIG5ldyBEYXRlKCkpO1xuICAgIH1cblxuICAgIHByb3RlY3RlZCBhcHBseSgpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMubW9kZSgpICE9PSAncmFuZ2UnKSB7XG4gICAgICAgICAgICAvLyBTaW5nbGUgZGF0ZSBtb2RlXG4gICAgICAgICAgICBjb25zdCBzZWxlY3RlZCA9IHRoaXMudG1wU2VsZWN0ZWREYXRlKCk7XG5cbiAgICAgICAgICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgICAgICAgICAgIHRoaXMuZGF0ZVNlbGVjdGVkLmVtaXQoc2VsZWN0ZWQpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgLy8gUmFuZ2UgbW9kZVxuICAgICAgICAgICAgY29uc3Qgc3RhcnQgPSB0aGlzLnRtcFN0YXJ0RGF0ZSgpO1xuICAgICAgICAgICAgY29uc3QgZW5kID0gdGhpcy50bXBFbmREYXRlKCk7XG5cbiAgICAgICAgICAgIGlmIChzdGFydCAmJiBlbmQpIHtcbiAgICAgICAgICAgICAgICB0aGlzLnJhbmdlU2VsZWN0ZWQuZW1pdCh7IHN0YXJ0LCBlbmQgfSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwcm90ZWN0ZWQgY2FuY2VsKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmNhbmNlbGxlZC5lbWl0KCk7XG4gICAgfVxuXG4gICAgcHJvdGVjdGVkIGhhc1NlbGVjdGlvbigpOiBib29sZWFuIHtcbiAgICAgICAgaWYgKHRoaXMubW9kZSgpICE9PSAncmFuZ2UnKSB7XG4gICAgICAgICAgICByZXR1cm4gdGhpcy50bXBTZWxlY3RlZERhdGUoKSAhPT0gbnVsbDtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiB0aGlzLnRtcFN0YXJ0RGF0ZSgpICE9PSBudWxsO1xuICAgIH1cblxuICAgIHByaXZhdGUgaXNTYW1lRGF5KGRhdGUxOiBEYXRlLCBkYXRlMjogRGF0ZSk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgZGF0ZTEuZ2V0RnVsbFllYXIoKSA9PT0gZGF0ZTIuZ2V0RnVsbFllYXIoKSAmJlxuICAgICAgICAgICAgZGF0ZTEuZ2V0TW9udGgoKSA9PT0gZGF0ZTIuZ2V0TW9udGgoKSAmJlxuICAgICAgICAgICAgZGF0ZTEuZ2V0RGF0ZSgpID09PSBkYXRlMi5nZXREYXRlKClcbiAgICAgICAgKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiY3VpLWNhbGVuZGFyXCI+XG4gICAgPGRpdiBjbGFzcz1cImN1aS1jYWxlbmRhcl9faGVhZGVyXCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY2xhc3M9XCJjdWktY2FsZW5kYXJfX25hdi1idG5cIlxuICAgICAgICAgICAgKGNsaWNrKT1cImdvVG9QcmV2TW9udGgoKVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxjdWktc3ZnIGljb249XCJjdWlJY29uQ2hldnJvbkxlZnRcIiAvPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJjdWktY2FsZW5kYXJfX21vbnRoLW5hbWVcIj57eyBjdXJyZW50TW9udGhOYW1lKCkgfX08L3NwYW4+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY2xhc3M9XCJjdWktY2FsZW5kYXJfX25hdi1idG5cIlxuICAgICAgICAgICAgKGNsaWNrKT1cImdvVG9OZXh0TW9udGgoKVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxjdWktc3ZnIGljb249XCJjdWlJY29uQ2hldnJvblJpZ2h0XCIgLz5cbiAgICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiY3VpLWNhbGVuZGFyX193ZWVrZGF5c1wiPlxuICAgICAgICBAZm9yIChkYXkgb2Ygd2Vla0RheXM7IHRyYWNrIGRheSkge1xuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImN1aS1jYWxlbmRhcl9fd2Vla2RheVwiPnt7IGRheSB9fTwvZGl2PlxuICAgICAgICB9XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiY3VpLWNhbGVuZGFyX19kYXlzXCI+XG4gICAgICAgIEBmb3IgKGRheSBvZiBjYWxlbmRhckRheXMoKTsgdHJhY2sgZGF5LmRhdGUuZ2V0VGltZSgpKSB7XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJjdWktY2FsZW5kYXJfX2RheVwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmN1aS1jYWxlbmRhcl9fZGF5LS1vdGhlci1tb250aF09XCIhZGF5LmlzQ3VycmVudE1vbnRoXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuY3VpLWNhbGVuZGFyX19kYXktLXNlbGVjdGVkXT1cImlzU2VsZWN0ZWQoZGF5LmRhdGUpXCJcbiAgICAgICAgICAgICAgICBbY2xhc3MuY3VpLWNhbGVuZGFyX19kYXktLWluLXJhbmdlXT1cImlzSW5SYW5nZShkYXkuZGF0ZSlcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5jdWktY2FsZW5kYXJfX2RheS0tcmFuZ2Utc3RhcnRdPVwiaXNSYW5nZVN0YXJ0KGRheS5kYXRlKVwiXG4gICAgICAgICAgICAgICAgW2NsYXNzLmN1aS1jYWxlbmRhcl9fZGF5LS1yYW5nZS1lbmRdPVwiaXNSYW5nZUVuZChkYXkuZGF0ZSlcIlxuICAgICAgICAgICAgICAgIFtjbGFzcy5jdWktY2FsZW5kYXJfX2RheS0tdG9kYXldPVwiaXNUb2RheShkYXkuZGF0ZSlcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3REYXRlKGRheS5kYXRlKVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3sgZGF5LmRhdGUuZ2V0RGF0ZSgpIH19XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgfVxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImN1aS1jYWxlbmRhcl9fZm9vdGVyXCI+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgY3VpQnV0dG9uXG4gICAgICAgICAgICBhcHBlYXJhbmNlPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgIChjbGljayk9XCJjYW5jZWwoKVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIENhbmNlbFxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICBjdWlCdXR0b25cbiAgICAgICAgICAgIGFwcGVhcmFuY2U9XCJhY3Rpb25cIlxuICAgICAgICAgICAgW2Rpc2FibGVkXT1cIiFoYXNTZWxlY3Rpb24oKVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiYXBwbHkoKVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIEFwcGx5XG4gICAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -52,11 +52,11 @@ export class CuiDialogComponent {
|
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiDialogComponent, selector: "cui-dialog", host: { listeners: { "document:keydown.escape": "onEscape($event)" }, properties: { "attr.data-size": "this.size" } }, hostDirectives: [{ directive: i1.CuiFocusTrapDirective }], ngImport: i0, template: "<ng-container [ngSwitch]=\"contentType\">\n <ng-container *ngSwitchCase=\"ContentType.String\">\n {{ context.content }}\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Template\">\n <ng-container *ngTemplateOutlet=\"contentTemplateRef; context: context\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Component\">\n <div class=\"c-component-container\">\n <ng-container *ngComponentOutlet=\"componentType\"></ng-container>\n </div>\n </ng-container>\n</ng-container>\n", styles: [":host{box-shadow:0 2px 4px -1px
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiDialogComponent, selector: "cui-dialog", host: { listeners: { "document:keydown.escape": "onEscape($event)" }, properties: { "attr.data-size": "this.size" } }, hostDirectives: [{ directive: i1.CuiFocusTrapDirective }], ngImport: i0, template: "<ng-container [ngSwitch]=\"contentType\">\n <ng-container *ngSwitchCase=\"ContentType.String\">\n {{ context.content }}\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Template\">\n <ng-container *ngTemplateOutlet=\"contentTemplateRef; context: context\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Component\">\n <div class=\"c-component-container\">\n <ng-container *ngComponentOutlet=\"componentType\"></ng-container>\n </div>\n </ng-container>\n</ng-container>\n", styles: [":host{box-shadow:0 2px 4px -1px color-mix(in srgb,var(--cui-base-200) 60%,transparent),0 4px 6px -1px color-mix(in srgb,var(--cui-base-200) 40%,transparent);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;box-sizing:border-box;max-height:calc(100vh - 40px);width:100%;border-radius:12px;outline:none;background:var(--cui-base-0);font-family:var(--cui-main-font);border:1px solid var(--cui-base-200)}:host:last-of-type{z-index:1}:host[data-size=auto]{width:auto}:host[data-size=sm]{max-width:620px}:host[data-size=xl]{max-width:1080px}:host[data-size=full]{border-radius:0;max-height:none;max-width:none;width:100%;height:100%}.c-component-container{display:contents}.c-component-container ::ng-deep>*{display:contents}\n"], dependencies: [{ kind: "directive", type: i2.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
56
56
|
}
|
|
57
57
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiDialogComponent, decorators: [{
|
|
58
58
|
type: Component,
|
|
59
|
-
args: [{ selector: 'cui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [CuiFocusTrapDirective], template: "<ng-container [ngSwitch]=\"contentType\">\n <ng-container *ngSwitchCase=\"ContentType.String\">\n {{ context.content }}\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Template\">\n <ng-container *ngTemplateOutlet=\"contentTemplateRef; context: context\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Component\">\n <div class=\"c-component-container\">\n <ng-container *ngComponentOutlet=\"componentType\"></ng-container>\n </div>\n </ng-container>\n</ng-container>\n", styles: [":host{box-shadow:0 2px 4px -1px
|
|
59
|
+
args: [{ selector: 'cui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [CuiFocusTrapDirective], template: "<ng-container [ngSwitch]=\"contentType\">\n <ng-container *ngSwitchCase=\"ContentType.String\">\n {{ context.content }}\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Template\">\n <ng-container *ngTemplateOutlet=\"contentTemplateRef; context: context\"></ng-container>\n </ng-container>\n <ng-container *ngSwitchCase=\"ContentType.Component\">\n <div class=\"c-component-container\">\n <ng-container *ngComponentOutlet=\"componentType\"></ng-container>\n </div>\n </ng-container>\n</ng-container>\n", styles: [":host{box-shadow:0 2px 4px -1px color-mix(in srgb,var(--cui-base-200) 60%,transparent),0 4px 6px -1px color-mix(in srgb,var(--cui-base-200) 40%,transparent);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;box-sizing:border-box;max-height:calc(100vh - 40px);width:100%;border-radius:12px;outline:none;background:var(--cui-base-0);font-family:var(--cui-main-font);border:1px solid var(--cui-base-200)}:host:last-of-type{z-index:1}:host[data-size=auto]{width:auto}:host[data-size=sm]{max-width:620px}:host[data-size=xl]{max-width:1080px}:host[data-size=full]{border-radius:0;max-height:none;max-width:none;width:100%;height:100%}.c-component-container{display:contents}.c-component-container ::ng-deep>*{display:contents}\n"] }]
|
|
60
60
|
}], propDecorators: { size: [{
|
|
61
61
|
type: HostBinding,
|
|
62
62
|
args: ['attr.data-size']
|
|
@@ -8,11 +8,11 @@ export class CuiDropdownWrapperComponent {
|
|
|
8
8
|
this.maxHeight = '350px';
|
|
9
9
|
}
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiDropdownWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiDropdownWrapperComponent, isStandalone: true, selector: "cui-dropdown-wrapper", inputs: { title: "title", width: "width", maxHeight: "maxHeight" }, hostDirectives: [{ directive: i1.CuiFocusTrapDirective }], ngImport: i0, template: "<div\r\n [style.width]=\"width\"\r\n [style.max-height]=\"maxHeight\"\r\n class=\"dropdown\"\r\n>\r\n <header\r\n *ngIf=\"title\"\r\n class=\"header\"\r\n >\r\n <h3 class=\"title\">{{ title }}</h3>\r\n <ng-content select=\"[ccDropdownHeaderContent]\" />\r\n </header>\r\n\r\n <div class=\"scrollable-content\">\r\n <ng-content />\r\n </div>\r\n <footer class=\"footer\">\r\n <ng-content select=\"[ccDropdownFooterContent]\" />\r\n </footer>\r\n</div>\r\n", styles: [".dropdown{box-shadow:0 1px 4px
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiDropdownWrapperComponent, isStandalone: true, selector: "cui-dropdown-wrapper", inputs: { title: "title", width: "width", maxHeight: "maxHeight" }, hostDirectives: [{ directive: i1.CuiFocusTrapDirective }], ngImport: i0, template: "<div\r\n [style.width]=\"width\"\r\n [style.max-height]=\"maxHeight\"\r\n class=\"dropdown\"\r\n>\r\n <header\r\n *ngIf=\"title\"\r\n class=\"header\"\r\n >\r\n <h3 class=\"title\">{{ title }}</h3>\r\n <ng-content select=\"[ccDropdownHeaderContent]\" />\r\n </header>\r\n\r\n <div class=\"scrollable-content\">\r\n <ng-content />\r\n </div>\r\n <footer class=\"footer\">\r\n <ng-content select=\"[ccDropdownFooterContent]\" />\r\n </footer>\r\n</div>\r\n", styles: [".dropdown{box-shadow:0 1px 4px color-mix(in srgb,var(--cui-base-200) 40%,transparent),0 1px 4px color-mix(in srgb,var(--cui-base-200) 40%,transparent);padding-top:3px;padding-bottom:3px;display:flex;flex-direction:column;gap:0;border-radius:8px;border:1px solid var(--cui-base-200);height:100%;width:345px;background:var(--cui-base-0)}.header{padding-right:5px;padding-left:5px;display:flex;flex-direction:column;gap:0;align-items:stretch;justify-content:center}.title{font-weight:400;font-size:14px;line-height:20px;padding:4px 8px;color:var(--cui-base-500);text-transform:uppercase}.scrollable-content{overflow:auto}.footer{padding:2px 5px}.footer:empty{display:contents}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiDropdownWrapperComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ selector: 'cui-dropdown-wrapper', standalone: true, imports: [NgIf], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [CuiFocusTrapDirective], template: "<div\r\n [style.width]=\"width\"\r\n [style.max-height]=\"maxHeight\"\r\n class=\"dropdown\"\r\n>\r\n <header\r\n *ngIf=\"title\"\r\n class=\"header\"\r\n >\r\n <h3 class=\"title\">{{ title }}</h3>\r\n <ng-content select=\"[ccDropdownHeaderContent]\" />\r\n </header>\r\n\r\n <div class=\"scrollable-content\">\r\n <ng-content />\r\n </div>\r\n <footer class=\"footer\">\r\n <ng-content select=\"[ccDropdownFooterContent]\" />\r\n </footer>\r\n</div>\r\n", styles: [".dropdown{box-shadow:0 1px 4px
|
|
15
|
+
args: [{ selector: 'cui-dropdown-wrapper', standalone: true, imports: [NgIf], changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [CuiFocusTrapDirective], template: "<div\r\n [style.width]=\"width\"\r\n [style.max-height]=\"maxHeight\"\r\n class=\"dropdown\"\r\n>\r\n <header\r\n *ngIf=\"title\"\r\n class=\"header\"\r\n >\r\n <h3 class=\"title\">{{ title }}</h3>\r\n <ng-content select=\"[ccDropdownHeaderContent]\" />\r\n </header>\r\n\r\n <div class=\"scrollable-content\">\r\n <ng-content />\r\n </div>\r\n <footer class=\"footer\">\r\n <ng-content select=\"[ccDropdownFooterContent]\" />\r\n </footer>\r\n</div>\r\n", styles: [".dropdown{box-shadow:0 1px 4px color-mix(in srgb,var(--cui-base-200) 40%,transparent),0 1px 4px color-mix(in srgb,var(--cui-base-200) 40%,transparent);padding-top:3px;padding-bottom:3px;display:flex;flex-direction:column;gap:0;border-radius:8px;border:1px solid var(--cui-base-200);height:100%;width:345px;background:var(--cui-base-0)}.header{padding-right:5px;padding-left:5px;display:flex;flex-direction:column;gap:0;align-items:stretch;justify-content:center}.title{font-weight:400;font-size:14px;line-height:20px;padding:4px 8px;color:var(--cui-base-500);text-transform:uppercase}.scrollable-content{overflow:auto}.footer{padding:2px 5px}.footer:empty{display:contents}\n"] }]
|
|
16
16
|
}], propDecorators: { title: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}], width: [{
|
|
@@ -20,4 +20,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
20
20
|
}], maxHeight: [{
|
|
21
21
|
type: Input
|
|
22
22
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24td3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvZHJvcGRvd24vZHJvcGRvd24td3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2NvbXBvbmVudHMvZHJvcGRvd24vZHJvcGRvd24td3JhcHBlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sY0FBYyxDQUFDOzs7QUFXckQsTUFBTSxPQUFPLDJCQUEyQjtJQVR4QztRQWlCVyxjQUFTLEdBQVcsT0FBTyxDQUFDO0tBQ3RDOytHQVRZLDJCQUEyQjttR0FBM0IsMkJBQTJCLCtNQ2J4QyxnaEJBb0JBLDZ0QkRiYyxJQUFJOzs0RkFNTCwyQkFBMkI7a0JBVHZDLFNBQVM7K0JBQ0ksc0JBQXNCLGNBQ3BCLElBQUksV0FDUCxDQUFDLElBQUksQ0FBQyxtQkFHRSx1QkFBdUIsQ0FBQyxNQUFNLGtCQUMvQixDQUFDLHFCQUFxQixDQUFDOzhCQUloQyxLQUFLO3NCQURYLEtBQUs7Z0JBSUMsS0FBSztzQkFEWCxLQUFLO2dCQUlDLFNBQVM7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDdWlGb2N1c1RyYXBEaXJlY3RpdmUgfSBmcm9tICdAY3VieS11aS9jZGsnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2N1aS1kcm9wZG93bi13cmFwcGVyJyxcclxuICAgIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgICBpbXBvcnRzOiBbTmdJZl0sXHJcbiAgICB0ZW1wbGF0ZVVybDogJy4vZHJvcGRvd24td3JhcHBlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9kcm9wZG93bi13cmFwcGVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGhvc3REaXJlY3RpdmVzOiBbQ3VpRm9jdXNUcmFwRGlyZWN0aXZlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ3VpRHJvcGRvd25XcmFwcGVyQ29tcG9uZW50IHtcclxuICAgIEBJbnB1dCgpXHJcbiAgICBwdWJsaWMgdGl0bGU/OiBzdHJpbmc7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyB3aWR0aD86IHN0cmluZztcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgcHVibGljIG1heEhlaWdodDogc3RyaW5nID0gJzM1MHB4JztcclxufVxyXG4iLCI8ZGl2XHJcbiAgICBbc3R5bGUud2lkdGhdPVwid2lkdGhcIlxyXG4gICAgW3N0eWxlLm1heC1oZWlnaHRdPVwibWF4SGVpZ2h0XCJcclxuICAgIGNsYXNzPVwiZHJvcGRvd25cIlxyXG4+XHJcbiAgICA8aGVhZGVyXHJcbiAgICAgICAgKm5nSWY9XCJ0aXRsZVwiXHJcbiAgICAgICAgY2xhc3M9XCJoZWFkZXJcIlxyXG4gICAgPlxyXG4gICAgICAgIDxoMyBjbGFzcz1cInRpdGxlXCI+e3sgdGl0bGUgfX08L2gzPlxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjY0Ryb3Bkb3duSGVhZGVyQ29udGVudF1cIiAvPlxyXG4gICAgPC9oZWFkZXI+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cInNjcm9sbGFibGUtY29udGVudFwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50IC8+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxmb290ZXIgY2xhc3M9XCJmb290ZXJcIj5cclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY2NEcm9wZG93bkZvb3RlckNvbnRlbnRdXCIgLz5cclxuICAgIDwvZm9vdGVyPlxyXG48L2Rpdj5cclxuIl19
|