@cuby-ui/core 0.0.554 → 0.0.555
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/README.md +9 -4
- package/components/badge/badge.component.d.ts +4 -3
- package/components/badge/badge.options.d.ts +5 -2
- package/components/badge/index.d.ts +1 -1
- package/esm2022/components/badge/badge.component.mjs +8 -6
- package/esm2022/components/badge/badge.options.mjs +2 -2
- package/esm2022/components/badge/index.mjs +2 -1
- package/esm2022/components/card-wrapper/card-wrapper.component.mjs +2 -2
- package/esm2022/components/notification/notification.component.mjs +2 -2
- package/esm2022/widgets/ui/checklist-block/components/checklist-block-list-item-action-with-verification/checklist-block-list-item-action-with-verification.component.mjs +3 -3
- package/esm2022/widgets/ui/checklist-block/components/checklist-block-list-item-container/checklist-block-list-item-container.component.mjs +2 -2
- package/esm2022/widgets/ui/inserted/inserted.component.mjs +3 -3
- package/esm2022/widgets/ui/toolbox-form/components/tool-form-readonly/tool-form-readonly.component.mjs +2 -2
- package/esm2022/widgets/ui/toolbox-form/tool-form.component.mjs +2 -2
- package/esm2022/widgets/ui/utility-modal/components/readonly-utility-modal/readonly-utility-modal.component.mjs +3 -3
- package/fesm2022/cuby-ui-core.mjs +23 -20
- package/fesm2022/cuby-ui-core.mjs.map +1 -1
- package/package.json +4 -4
- package/styles/theme.scss +228 -126
- package/styles/variables/colors.scss +120 -57
|
@@ -421,11 +421,11 @@ class CuiNotificationComponent {
|
|
|
421
421
|
this.iconOptions = this.ICON_OPTIONS[this.mode];
|
|
422
422
|
}
|
|
423
423
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiNotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
424
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiNotificationComponent, selector: "cui-notification", inputs: { status: "status", mode: "mode", isCloseable: "isCloseable" }, outputs: { closed: "closed" }, host: { properties: { "attr.data-status": "this.status", "attr.data-mode": "this.mode" } }, ngImport: i0, template: "<cui-svg\n class=\"c-icon\"\n [icon]=\"ICONS[status].icon\"\n [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n <ng-content></ng-content>\n</div>\n<button\n *ngIf=\"isCloseable\"\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n icon=\"cuiIconX\"\n color=\"var(--cui-gray-0)\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-
|
|
424
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiNotificationComponent, selector: "cui-notification", inputs: { status: "status", mode: "mode", isCloseable: "isCloseable" }, outputs: { closed: "closed" }, host: { properties: { "attr.data-status": "this.status", "attr.data-mode": "this.mode" } }, ngImport: i0, template: "<cui-svg\n class=\"c-icon\"\n [icon]=\"ICONS[status].icon\"\n [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n <ng-content></ng-content>\n</div>\n<button\n *ngIf=\"isCloseable\"\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n icon=\"cuiIconX\"\n color=\"var(--cui-gray-0)\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-blue-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-green-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-yellow-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-red-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:#fff3}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
425
425
|
}
|
|
426
426
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiNotificationComponent, decorators: [{
|
|
427
427
|
type: Component,
|
|
428
|
-
args: [{ selector: 'cui-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n class=\"c-icon\"\n [icon]=\"ICONS[status].icon\"\n [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n <ng-content></ng-content>\n</div>\n<button\n *ngIf=\"isCloseable\"\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n icon=\"cuiIconX\"\n color=\"var(--cui-gray-0)\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-
|
|
428
|
+
args: [{ selector: 'cui-notification', changeDetection: ChangeDetectionStrategy.OnPush, template: "<cui-svg\n class=\"c-icon\"\n [icon]=\"ICONS[status].icon\"\n [color]=\"iconOptions[status].color\"\n></cui-svg>\n<div class=\"c-content\">\n <ng-content></ng-content>\n</div>\n<button\n *ngIf=\"isCloseable\"\n class=\"c-button\"\n (click)=\"onClose()\"\n>\n <cui-svg\n icon=\"cuiIconX\"\n color=\"var(--cui-gray-0)\"\n />\n</button>\n", styles: [":host{--c-info-icon-color: var(--cui-blue-600);padding:16px;font-weight:400;font-size:14px;line-height:20px;display:flex;align-items:flex-start;border-radius:12px;background:var(--cui-gray-800);color:var(--cui-gray-0);font-family:var(--cui-main-font)}:host[data-mode=light]{padding:15px;border:1px solid;color:var(--cui-base-900)}:host[data-mode=light][data-status=info]{border-color:var(--cui-info);background:var(--cui-badge-blue-bg)}:host[data-mode=light][data-status=success]{border-color:var(--cui-green-700);background:var(--cui-badge-green-bg)}:host[data-mode=light][data-status=alert]{border-color:var(--cui-yellow-400);background:var(--cui-badge-yellow-bg)}:host[data-mode=light][data-status=error]{border-color:var(--cui-danger);background:var(--cui-badge-red-bg)}:host-context([cuiTheme=dark]){--c-info-icon-color: var(--cui-light-blue-400)}:host-context([cuiTheme=dark])[data-status=info]{background:var(--cui-blue-900)}:host-context([cuiTheme=dark])[data-status=success]{background:var(--cui-green-900)}:host-context([cuiTheme=dark])[data-status=alert]{background:var(--cui-yellow-900)}:host-context([cuiTheme=dark])[data-status=error]{background:var(--cui-red-900)}.c-content{flex:1;margin-left:12px;margin-right:16px;margin-top:5px;overflow-wrap:anywhere}.c-icon{margin-top:6px}.c-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;padding:0;border:0;flex-shrink:0;outline:none;cursor:pointer;appearance:none;color:inherit;font:inherit;background:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.c-button:hover{background:#fff3}\n"] }]
|
|
429
429
|
}], propDecorators: { status: [{
|
|
430
430
|
type: Input
|
|
431
431
|
}, {
|
|
@@ -2311,7 +2311,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2311
2311
|
const CUI_BADGE_DEFAULT_OPTIONS = {
|
|
2312
2312
|
color: 'light-blue',
|
|
2313
2313
|
size: 'sm',
|
|
2314
|
-
|
|
2314
|
+
variant: 'light'
|
|
2315
2315
|
};
|
|
2316
2316
|
const CUI_BADGE_OPTIONS = cuiCreateToken(CUI_BADGE_DEFAULT_OPTIONS);
|
|
2317
2317
|
|
|
@@ -2320,14 +2320,14 @@ class CuiBadgeComponent {
|
|
|
2320
2320
|
this.options = inject(CUI_BADGE_OPTIONS);
|
|
2321
2321
|
this.color = this.options.color;
|
|
2322
2322
|
this.size = this.options.size;
|
|
2323
|
-
this.
|
|
2323
|
+
this.variant = this.options.variant;
|
|
2324
2324
|
}
|
|
2325
2325
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2326
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CuiBadgeComponent, selector: "cui-badge", inputs: { color: "color", size: "size", isWithDot: "isWithDot" }, host: { properties: { "attr.data-color": "this.color", "attr.data-size": "this.size" } }, ngImport: i0, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />\n", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue],:host[data-color=blue-light]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots,:host[data-color=blue-light] .c-dots{background:var(--cui-info)}:host[data-color=yellow],:host[data-color=yellow-light]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots,:host[data-color=yellow-light] .c-dots{background:var(--cui-warning)}:host[data-color=green],:host[data-color=green-light]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots,:host[data-color=green-light] .c-dots{background:var(--cui-success)}:host[data-color=red],:host[data-color=red-light]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots,:host[data-color=red-light] .c-dots{background:var(--cui-danger)}:host[data-color=lavender-light]{color:var(--cui-badge-lavender-label);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta-light]{color:var(--cui-badge-magenta-label);background:var(--cui-badge-magenta-bg)}:host[data-color=violet-light]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{color:var(--cui-badge-orange-label);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{color:var(--cui-badge-gray-label);background:var(--cui-badge-gray-bg)}:host[data-color=gray] .c-dots{background:var(--cui-base-500)}:host[data-color=dark-gray]{color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=dark-gray] .c-dots{background:var(--cui-base-500)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-violet-400);outline-offset:-1px}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}:host[data-color=orange],:host[data-color=yellow-solid]{color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange] .c-dots,:host[data-color=yellow-solid] .c-dots{background:var(--cui-base-900)}:host[data-color=orange-solid]{color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{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-dots{width:6px;height:6px;border-radius:50%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2326
|
+
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 }); }
|
|
2327
2327
|
}
|
|
2328
2328
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiBadgeComponent, decorators: [{
|
|
2329
2329
|
type: Component,
|
|
2330
|
-
args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />\n", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue],:host[data-color=blue-light]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots,:host[data-color=blue-light] .c-dots{background:var(--cui-info)}:host[data-color=yellow],:host[data-color=yellow-light]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots,:host[data-color=yellow-light] .c-dots{background:var(--cui-warning)}:host[data-color=green],:host[data-color=green-light]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots,:host[data-color=green-light] .c-dots{background:var(--cui-success)}:host[data-color=red],:host[data-color=red-light]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots,:host[data-color=red-light] .c-dots{background:var(--cui-danger)}:host[data-color=lavender-light]{color:var(--cui-badge-lavender-label);background:var(--cui-badge-lavender-bg)}:host[data-color=magenta-light]{color:var(--cui-badge-magenta-label);background:var(--cui-badge-magenta-bg)}:host[data-color=violet-light]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=orange-light]{color:var(--cui-badge-orange-label);background:var(--cui-badge-orange-bg)}:host[data-color=gray]{color:var(--cui-badge-gray-label);background:var(--cui-badge-gray-bg)}:host[data-color=gray] .c-dots{background:var(--cui-base-500)}:host[data-color=dark-gray]{color:var(--cui-base-900);background:var(--cui-base-200)}:host[data-color=dark-gray] .c-dots{background:var(--cui-base-500)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg);outline:1px solid var(--cui-violet-400);outline-offset:-1px}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}:host[data-color=orange],:host[data-color=yellow-solid]{color:var(--cui-base-900);background:var(--cui-yellow-bg)}:host[data-color=orange] .c-dots,:host[data-color=yellow-solid] .c-dots{background:var(--cui-base-900)}:host[data-color=orange-solid]{color:var(--cui-gray-900);background:var(--cui-orange-600)}:host[data-color=lavender-solid]{color:var(--cui-gray-900);background:var(--cui-lavender-300)}:host[data-color=magenta-solid]{color:var(--cui-gray-900);background:var(--cui-magenta-400)}:host[data-color=violet-solid]{color:var(--cui-gray-900);background:var(--cui-violet-300)}:host[data-color=black-solid]{color:var(--cui-base-0);background:var(--cui-base-900)}:host[data-color=red-solid]{color:var(--cui-gray-900);background:var(--cui-red-400)}:host[data-color=blue-solid]{color:var(--cui-gray-900);background:var(--cui-light-blue-500)}:host[data-color=green-solid]{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-dots{width:6px;height:6px;border-radius:50%}\n"] }]
|
|
2330
|
+
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"] }]
|
|
2331
2331
|
}], propDecorators: { color: [{
|
|
2332
2332
|
type: Input
|
|
2333
2333
|
}, {
|
|
@@ -2338,8 +2338,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2338
2338
|
}, {
|
|
2339
2339
|
type: HostBinding,
|
|
2340
2340
|
args: ['attr.data-size']
|
|
2341
|
-
}],
|
|
2341
|
+
}], variant: [{
|
|
2342
2342
|
type: Input
|
|
2343
|
+
}, {
|
|
2344
|
+
type: HostBinding,
|
|
2345
|
+
args: ['attr.data-variant']
|
|
2343
2346
|
}] } });
|
|
2344
2347
|
|
|
2345
2348
|
class CuiBadgeModule {
|
|
@@ -3722,11 +3725,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
3722
3725
|
|
|
3723
3726
|
class InsertedComponent {
|
|
3724
3727
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsertedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3725
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InsertedComponent, isStandalone: true, selector: "cui-inserted", ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <cui-badge color=\"violet\">\n <cui-svg\n class=\"icon\"\n icon=\"cuiIconVariant\"\n
|
|
3728
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InsertedComponent, isStandalone: true, selector: "cui-inserted", ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <cui-badge color=\"violet\">\n <cui-svg\n cuiBadgeIcon\n class=\"icon\"\n icon=\"cuiIconVariant\"\n />\n {{ t('INSERTED') }}\n </cui-badge>\n</ng-container>\n", styles: [":host{display:contents}.violet{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start}\n"], dependencies: [{ kind: "ngmodule", type: CuiBadgeModule }, { kind: "component", type: CuiBadgeComponent, selector: "cui-badge", inputs: ["color", "size", "variant"] }, { kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "ngmodule", type: TranslocoModule }, { kind: "directive", type: i4.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3726
3729
|
}
|
|
3727
3730
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InsertedComponent, decorators: [{
|
|
3728
3731
|
type: Component,
|
|
3729
|
-
args: [{ selector: 'cui-inserted', imports: [CuiBadgeModule, CuiSvgModule, TranslocoModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n <cui-badge color=\"violet\">\n <cui-svg\n class=\"icon\"\n icon=\"cuiIconVariant\"\n
|
|
3732
|
+
args: [{ selector: 'cui-inserted', imports: [CuiBadgeModule, CuiSvgModule, TranslocoModule], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n <cui-badge color=\"violet\">\n <cui-svg\n cuiBadgeIcon\n class=\"icon\"\n icon=\"cuiIconVariant\"\n />\n {{ t('INSERTED') }}\n </cui-badge>\n</ng-container>\n", styles: [":host{display:contents}.violet{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start}\n"] }]
|
|
3730
3733
|
}] });
|
|
3731
3734
|
|
|
3732
3735
|
class ModalHeaderComponent {
|
|
@@ -4105,14 +4108,14 @@ class CuiCardWrapperComponent {
|
|
|
4105
4108
|
this.isSelected = input(false);
|
|
4106
4109
|
}
|
|
4107
4110
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiCardWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4108
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiCardWrapperComponent, isStandalone: true, selector: "cui-card-wrapper, [cuiCardWrapper]", inputs: { withBorder: { classPropertyName: "withBorder", publicName: "withBorder", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class._with-border": "withBorder()", "class._selected": "isSelected()" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{--gap: 4px;--background: var(--cui-bg-light);--background-hover: var(--cui-base-10);--border: var(--cui-base-200);display:flex;flex-direction:row;gap:var(--gap);align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:8px;width:100%;background-color:var(--background)}:host:hover{background-color:var(--background-hover)}:host._with-border{border:1px solid var(--border)}:host._selected{background:var(--cui-badge-
|
|
4111
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiCardWrapperComponent, isStandalone: true, selector: "cui-card-wrapper, [cuiCardWrapper]", inputs: { withBorder: { classPropertyName: "withBorder", publicName: "withBorder", isSignal: true, isRequired: false, transformFunction: null }, isSelected: { classPropertyName: "isSelected", publicName: "isSelected", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class._with-border": "withBorder()", "class._selected": "isSelected()" } }, ngImport: i0, template: "<ng-content />\n", styles: [":host{--gap: 4px;--background: var(--cui-bg-light);--background-hover: var(--cui-base-10);--border: var(--cui-base-200);display:flex;flex-direction:row;gap:var(--gap);align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:8px;width:100%;background-color:var(--background)}:host:hover{background-color:var(--background-hover)}:host._with-border{border:1px solid var(--border)}:host._selected{background:var(--cui-badge-blue-bg)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
4109
4112
|
}
|
|
4110
4113
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiCardWrapperComponent, decorators: [{
|
|
4111
4114
|
type: Component,
|
|
4112
4115
|
args: [{ selector: 'cui-card-wrapper, [cuiCardWrapper]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
4113
4116
|
'[class._with-border]': 'withBorder()',
|
|
4114
4117
|
'[class._selected]': 'isSelected()'
|
|
4115
|
-
}, template: "<ng-content />\n", styles: [":host{--gap: 4px;--background: var(--cui-bg-light);--background-hover: var(--cui-base-10);--border: var(--cui-base-200);display:flex;flex-direction:row;gap:var(--gap);align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:8px;width:100%;background-color:var(--background)}:host:hover{background-color:var(--background-hover)}:host._with-border{border:1px solid var(--border)}:host._selected{background:var(--cui-badge-
|
|
4118
|
+
}, template: "<ng-content />\n", styles: [":host{--gap: 4px;--background: var(--cui-bg-light);--background-hover: var(--cui-base-10);--border: var(--cui-base-200);display:flex;flex-direction:row;gap:var(--gap);align-items:center;justify-content:flex-start;padding:4px 8px;border-radius:8px;width:100%;background-color:var(--background)}:host:hover{background-color:var(--background-hover)}:host._with-border{border:1px solid var(--border)}:host._selected{background:var(--cui-badge-blue-bg)}\n"] }]
|
|
4116
4119
|
}] });
|
|
4117
4120
|
|
|
4118
4121
|
class CuiLayoutComponent {
|
|
@@ -8954,11 +8957,11 @@ class CuiCheckListBlockListItemActionWithVerificationComponent {
|
|
|
8954
8957
|
.subscribe((checkListItem) => this.checkListBlockService.updateCheckListItem(checkListItem));
|
|
8955
8958
|
}
|
|
8956
8959
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiCheckListBlockListItemActionWithVerificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8957
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiCheckListBlockListItemActionWithVerificationComponent, isStandalone: true, selector: "cui-checklist-block-list-item-action-with-verification", inputs: { checkListItem: { classPropertyName: "checkListItem", publicName: "checkListItem", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <ng-container *cuiLet=\"checkListItem().content as checkListItemContent\">\n <div class=\"action\">\n <div class=\"action__header action__assignee-header\">\n {{ t('CONDITIONAL_LOGIC_FOR_ASSIGNEE') | uppercase }}\n </div>\n <div class=\"action__content\">\n <div class=\"cards-container\">\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'ASSIGN'\"\n [actionInfo]=\"checkListItemContent.actionsAssignee![0]\"\n [isConsiderationNeeded]=\"true\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'ASSIGN')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsAssignee![0].id, 'ASSIGN')\n \"\n />\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'ASSIGN'\"\n [actionInfo]=\"checkListItemContent.actionsAssignee![1]\"\n [isConsiderationNeeded]=\"true\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'ASSIGN')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsAssignee![1].id, 'ASSIGN')\n \"\n />\n </div>\n </div>\n </div>\n <div class=\"action\">\n <div class=\"action__header action__approver-header\">\n {{ t('CONDITIONAL_LOGIC_FOR_APPROVER') | uppercase }}\n </div>\n <div class=\"action__content\">\n <div class=\"cards-container\">\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'APPROVE'\"\n [actionInfo]=\"checkListItemContent.actionsApprove![0]\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'APPROVE')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsApprove![0].id, 'APPROVE')\n \"\n />\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'APPROVE'\"\n [actionInfo]=\"checkListItemContent.actionsApprove![1]\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'APPROVE')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsApprove![1].id, 'APPROVE')\n \"\n />\n </div>\n </div>\n </div>\n </ng-container>\n</ng-container>\n", styles: [":host{padding-right:15px;padding-left:15px;padding-bottom:15px;display:flex;flex-direction:column;gap:16px;border-radius:inherit}.action{display:flex;flex-direction:column;border:1px solid var(--cui-base-200);border-radius:8px}.action__content{padding:15px;display:flex;flex-direction:column;border-radius:8px;background:var(--cui-base-0);gap:16px}.action__header{font-weight:400;font-size:12px;line-height:14px;padding:15px 19px 15.5px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cui-base-900);border-bottom:.5px solid var(--cui-base-200);border-radius:8px 8px 0 0}.action__assignee-header{background:var(--cui-badge-
|
|
8960
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiCheckListBlockListItemActionWithVerificationComponent, isStandalone: true, selector: "cui-checklist-block-list-item-action-with-verification", inputs: { checkListItem: { classPropertyName: "checkListItem", publicName: "checkListItem", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <ng-container *cuiLet=\"checkListItem().content as checkListItemContent\">\n <div class=\"action\">\n <div class=\"action__header action__assignee-header\">\n {{ t('CONDITIONAL_LOGIC_FOR_ASSIGNEE') | uppercase }}\n </div>\n <div class=\"action__content\">\n <div class=\"cards-container\">\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'ASSIGN'\"\n [actionInfo]=\"checkListItemContent.actionsAssignee![0]\"\n [isConsiderationNeeded]=\"true\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'ASSIGN')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsAssignee![0].id, 'ASSIGN')\n \"\n />\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'ASSIGN'\"\n [actionInfo]=\"checkListItemContent.actionsAssignee![1]\"\n [isConsiderationNeeded]=\"true\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'ASSIGN')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsAssignee![1].id, 'ASSIGN')\n \"\n />\n </div>\n </div>\n </div>\n <div class=\"action\">\n <div class=\"action__header action__approver-header\">\n {{ t('CONDITIONAL_LOGIC_FOR_APPROVER') | uppercase }}\n </div>\n <div class=\"action__content\">\n <div class=\"cards-container\">\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'APPROVE'\"\n [actionInfo]=\"checkListItemContent.actionsApprove![0]\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'APPROVE')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsApprove![0].id, 'APPROVE')\n \"\n />\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'APPROVE'\"\n [actionInfo]=\"checkListItemContent.actionsApprove![1]\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'APPROVE')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsApprove![1].id, 'APPROVE')\n \"\n />\n </div>\n </div>\n </div>\n </ng-container>\n</ng-container>\n", styles: [":host{padding-right:15px;padding-left:15px;padding-bottom:15px;display:flex;flex-direction:column;gap:16px;border-radius:inherit}.action{display:flex;flex-direction:column;border:1px solid var(--cui-base-200);border-radius:8px}.action__content{padding:15px;display:flex;flex-direction:column;border-radius:8px;background:var(--cui-base-0);gap:16px}.action__header{font-weight:400;font-size:12px;line-height:14px;padding:15px 19px 15.5px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cui-base-900);border-bottom:.5px solid var(--cui-base-200);border-radius:8px 8px 0 0}.action__assignee-header{background:var(--cui-badge-yellow-bg)}.action__approver-header{background:var(--cui-badge-violet-bg)}.action__estimated-time{display:flex;flex-direction:column;gap:4px}.action__input{padding:11px 13px;border-radius:8px;border:1px solid var(--cui-base-200);background:var(--cui-gray-10);outline:none}.action__input:focus-within{box-shadow:0 0 0 2px var(--cui-blue-100);border-color:var(--cui-blue-600)}.cards-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-items:center;gap:16px}\n"], dependencies: [{ kind: "component", type: CuiCheckListBlockListItemActionCardComponent, selector: "cui-checklist-block-list-item-action-card", inputs: ["purposeType", "isConsiderationNeeded", "actionInfo"], outputs: ["consideredCorrectChanged", "checkListActionChanged"] }, { kind: "directive", type: CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "pipe", type: UpperCasePipe, name: "uppercase" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
8958
8961
|
}
|
|
8959
8962
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiCheckListBlockListItemActionWithVerificationComponent, decorators: [{
|
|
8960
8963
|
type: Component,
|
|
8961
|
-
args: [{ selector: 'cui-checklist-block-list-item-action-with-verification', imports: [CuiCheckListBlockListItemActionCardComponent, CuiLetDirective, TranslocoDirective, UpperCasePipe], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n <ng-container *cuiLet=\"checkListItem().content as checkListItemContent\">\n <div class=\"action\">\n <div class=\"action__header action__assignee-header\">\n {{ t('CONDITIONAL_LOGIC_FOR_ASSIGNEE') | uppercase }}\n </div>\n <div class=\"action__content\">\n <div class=\"cards-container\">\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'ASSIGN'\"\n [actionInfo]=\"checkListItemContent.actionsAssignee![0]\"\n [isConsiderationNeeded]=\"true\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'ASSIGN')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsAssignee![0].id, 'ASSIGN')\n \"\n />\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'ASSIGN'\"\n [actionInfo]=\"checkListItemContent.actionsAssignee![1]\"\n [isConsiderationNeeded]=\"true\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'ASSIGN')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsAssignee![1].id, 'ASSIGN')\n \"\n />\n </div>\n </div>\n </div>\n <div class=\"action\">\n <div class=\"action__header action__approver-header\">\n {{ t('CONDITIONAL_LOGIC_FOR_APPROVER') | uppercase }}\n </div>\n <div class=\"action__content\">\n <div class=\"cards-container\">\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'APPROVE'\"\n [actionInfo]=\"checkListItemContent.actionsApprove![0]\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'APPROVE')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsApprove![0].id, 'APPROVE')\n \"\n />\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'APPROVE'\"\n [actionInfo]=\"checkListItemContent.actionsApprove![1]\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'APPROVE')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsApprove![1].id, 'APPROVE')\n \"\n />\n </div>\n </div>\n </div>\n </ng-container>\n</ng-container>\n", styles: [":host{padding-right:15px;padding-left:15px;padding-bottom:15px;display:flex;flex-direction:column;gap:16px;border-radius:inherit}.action{display:flex;flex-direction:column;border:1px solid var(--cui-base-200);border-radius:8px}.action__content{padding:15px;display:flex;flex-direction:column;border-radius:8px;background:var(--cui-base-0);gap:16px}.action__header{font-weight:400;font-size:12px;line-height:14px;padding:15px 19px 15.5px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cui-base-900);border-bottom:.5px solid var(--cui-base-200);border-radius:8px 8px 0 0}.action__assignee-header{background:var(--cui-badge-
|
|
8964
|
+
args: [{ selector: 'cui-checklist-block-list-item-action-with-verification', imports: [CuiCheckListBlockListItemActionCardComponent, CuiLetDirective, TranslocoDirective, UpperCasePipe], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n <ng-container *cuiLet=\"checkListItem().content as checkListItemContent\">\n <div class=\"action\">\n <div class=\"action__header action__assignee-header\">\n {{ t('CONDITIONAL_LOGIC_FOR_ASSIGNEE') | uppercase }}\n </div>\n <div class=\"action__content\">\n <div class=\"cards-container\">\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'ASSIGN'\"\n [actionInfo]=\"checkListItemContent.actionsAssignee![0]\"\n [isConsiderationNeeded]=\"true\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'ASSIGN')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsAssignee![0].id, 'ASSIGN')\n \"\n />\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'ASSIGN'\"\n [actionInfo]=\"checkListItemContent.actionsAssignee![1]\"\n [isConsiderationNeeded]=\"true\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'ASSIGN')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsAssignee![1].id, 'ASSIGN')\n \"\n />\n </div>\n </div>\n </div>\n <div class=\"action\">\n <div class=\"action__header action__approver-header\">\n {{ t('CONDITIONAL_LOGIC_FOR_APPROVER') | uppercase }}\n </div>\n <div class=\"action__content\">\n <div class=\"cards-container\">\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'APPROVE'\"\n [actionInfo]=\"checkListItemContent.actionsApprove![0]\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'APPROVE')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsApprove![0].id, 'APPROVE')\n \"\n />\n <cui-checklist-block-list-item-action-card\n [purposeType]=\"'APPROVE'\"\n [actionInfo]=\"checkListItemContent.actionsApprove![1]\"\n (consideredCorrectChanged)=\"onConsiderCorrectChanged($event, 'APPROVE')\"\n (checkListActionChanged)=\"\n onCheckListActionChanged($event, checkListItemContent.actionsApprove![1].id, 'APPROVE')\n \"\n />\n </div>\n </div>\n </div>\n </ng-container>\n</ng-container>\n", styles: [":host{padding-right:15px;padding-left:15px;padding-bottom:15px;display:flex;flex-direction:column;gap:16px;border-radius:inherit}.action{display:flex;flex-direction:column;border:1px solid var(--cui-base-200);border-radius:8px}.action__content{padding:15px;display:flex;flex-direction:column;border-radius:8px;background:var(--cui-base-0);gap:16px}.action__header{font-weight:400;font-size:12px;line-height:14px;padding:15px 19px 15.5px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cui-base-900);border-bottom:.5px solid var(--cui-base-200);border-radius:8px 8px 0 0}.action__assignee-header{background:var(--cui-badge-yellow-bg)}.action__approver-header{background:var(--cui-badge-violet-bg)}.action__estimated-time{display:flex;flex-direction:column;gap:4px}.action__input{padding:11px 13px;border-radius:8px;border:1px solid var(--cui-base-200);background:var(--cui-gray-10);outline:none}.action__input:focus-within{box-shadow:0 0 0 2px var(--cui-blue-100);border-color:var(--cui-blue-600)}.cards-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-items:center;gap:16px}\n"] }]
|
|
8962
8965
|
}] });
|
|
8963
8966
|
|
|
8964
8967
|
class CuiCheckListBlockListItemActionWithoutVerificationComponent {
|
|
@@ -9125,7 +9128,7 @@ class CuiChecklistBlockListItemContainerComponent {
|
|
|
9125
9128
|
.subscribe((data) => data?.canceled || this.checkListBlockService.deleteCheckListItem(this.checkListItem().id));
|
|
9126
9129
|
}
|
|
9127
9130
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiChecklistBlockListItemContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9128
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CuiChecklistBlockListItemContainerComponent, isStandalone: true, selector: "cui-checklist-block-list-item-container", inputs: { checkListBlockItem: { classPropertyName: "checkListBlockItem", publicName: "checkListBlockItem", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <ng-container *cuiLet=\"checkListItemWithOptions() as checkListItem\">\n <header\n class=\"header\"\n [style.border-left-color]=\"headerBorderColor()\"\n [class.header__opened]=\"isOpen()\"\n >\n <button\n class=\"icon-drag\"\n cuiButton\n cuiDragPointer\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n [icon]=\"'cuiIconDragHandleDots'\"\n (mouseenter)=\"onAllowDrag()\"\n (mouseleave)=\"onProhibitDrag()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n [style.transform]=\"rotate()\"\n icon=\"cuiIconCaretDownFillXxs\"\n (click)=\"onRowToggle()\"\n ></button>\n <cui-svg\n [icon]=\"iconChecklistType()\"\n color=\"var(--cui-base-500)\"\n />\n <div class=\"header__content\">\n <div class=\"header__numeration\">{{ index() }}.</div>\n <div class=\"header__text\">{{ headerText() }}</div>\n </div>\n @if (isTitleEmpty) {\n <cui-svg\n [cuiTooltip]=\"t('TITLE_IS_REQUIRED')\"\n icon=\"cuiIconAlertTriangle\"\n color=\"var(--cui-danger)\"\n class=\"icon\"\n />\n }\n <button\n #actionButton=\"elementRef\"\n cuiButton\n type=\"button\"\n cuiElement\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconMoreVertical\"\n class=\"list__context-menu-button\"\n ></button>\n <cui-context-menu\n [items]=\"checkListItem.options\"\n [target]=\"actionButton.nativeElement\"\n />\n </header>\n @if (isOpen()) {\n <div class=\"info\">\n <cui-checklist-block-title-control [control]=\"titleControl\" />\n <cui-editor-block\n [config]=\"config()\"\n [editorId]=\"checkListItem.textContainerId!\"\n [title]=\"titleControl.value\"\n />\n </div>\n <ng-container\n [ngComponentOutlet]=\"checkListItemComponent()\"\n [ngComponentOutletInputs]=\"{\n checkListItem: checkListItem\n }\"\n />\n }\n </ng-container>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;gap:16px;border-radius:inherit;background-color:var(--cui-base-0)}.header{padding-right:7px;padding-left:7px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;background:var(--cui-base-0);border-radius:inherit;border-left:6px solid var(--cui-yellow-bg)}.header__content{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1}.header__numeration{font-weight:600;font-size:13px;line-height:16px;padding-right:8px;padding-left:8px;display:flex;justify-content:center;align-items:center}.header__text{font-weight:500;font-size:14px;line-height:20px;padding-top:11px;padding-bottom:11px;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.header__opened{background:var(--cui-badge-
|
|
9131
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CuiChecklistBlockListItemContainerComponent, isStandalone: true, selector: "cui-checklist-block-list-item-container", inputs: { checkListBlockItem: { classPropertyName: "checkListBlockItem", publicName: "checkListBlockItem", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <ng-container *cuiLet=\"checkListItemWithOptions() as checkListItem\">\n <header\n class=\"header\"\n [style.border-left-color]=\"headerBorderColor()\"\n [class.header__opened]=\"isOpen()\"\n >\n <button\n class=\"icon-drag\"\n cuiButton\n cuiDragPointer\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n [icon]=\"'cuiIconDragHandleDots'\"\n (mouseenter)=\"onAllowDrag()\"\n (mouseleave)=\"onProhibitDrag()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n [style.transform]=\"rotate()\"\n icon=\"cuiIconCaretDownFillXxs\"\n (click)=\"onRowToggle()\"\n ></button>\n <cui-svg\n [icon]=\"iconChecklistType()\"\n color=\"var(--cui-base-500)\"\n />\n <div class=\"header__content\">\n <div class=\"header__numeration\">{{ index() }}.</div>\n <div class=\"header__text\">{{ headerText() }}</div>\n </div>\n @if (isTitleEmpty) {\n <cui-svg\n [cuiTooltip]=\"t('TITLE_IS_REQUIRED')\"\n icon=\"cuiIconAlertTriangle\"\n color=\"var(--cui-danger)\"\n class=\"icon\"\n />\n }\n <button\n #actionButton=\"elementRef\"\n cuiButton\n type=\"button\"\n cuiElement\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconMoreVertical\"\n class=\"list__context-menu-button\"\n ></button>\n <cui-context-menu\n [items]=\"checkListItem.options\"\n [target]=\"actionButton.nativeElement\"\n />\n </header>\n @if (isOpen()) {\n <div class=\"info\">\n <cui-checklist-block-title-control [control]=\"titleControl\" />\n <cui-editor-block\n [config]=\"config()\"\n [editorId]=\"checkListItem.textContainerId!\"\n [title]=\"titleControl.value\"\n />\n </div>\n <ng-container\n [ngComponentOutlet]=\"checkListItemComponent()\"\n [ngComponentOutletInputs]=\"{\n checkListItem: checkListItem\n }\"\n />\n }\n </ng-container>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;gap:16px;border-radius:inherit;background-color:var(--cui-base-0)}.header{padding-right:7px;padding-left:7px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;background:var(--cui-base-0);border-radius:inherit;border-left:6px solid var(--cui-yellow-bg)}.header__content{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1}.header__numeration{font-weight:600;font-size:13px;line-height:16px;padding-right:8px;padding-left:8px;display:flex;justify-content:center;align-items:center}.header__text{font-weight:500;font-size:14px;line-height:20px;padding-top:11px;padding-bottom:11px;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.header__opened{background:var(--cui-badge-blue-bg);border-bottom:.5px solid var(--cui-base-200);border-bottom-left-radius:0;border-bottom-right-radius:0}.header:hover{background:var(--cui-base-10)}.info{padding-right:15px;padding-left:15px;display:flex;flex-direction:column;gap:16px}.icon{padding:6px;width:max-content}\n"], dependencies: [{ kind: "directive", type: CuiTooltipDirective, selector: "[cuiTooltip]:not(ng-container):not(ng-template)", inputs: ["cuiTooltipContext", "cuiTooltipAppearance", "cuiTooltip"] }, { kind: "component", type: CuiEditorBlockComponent, selector: "cui-editor-block", inputs: ["title", "editorId", "config", "required"], outputs: ["editorEmpty"] }, { kind: "component", type: CuiChecklistBlockTitleControlComponent, selector: "cui-checklist-block-title-control", inputs: ["control"] }, { kind: "ngmodule", type: CuiButtonModule }, { kind: "component", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }, { kind: "ngmodule", type: CuiContextMenuModule }, { kind: "component", type: CuiContextMenuComponent, selector: "cui-context-menu[items][target]", inputs: ["items", "target", "width", "withPaddings"] }, { kind: "directive", type: CuiElementDirective, selector: "[cuiElement]", exportAs: ["elementRef"] }, { kind: "ngmodule", type: CuiLabelModule }, { kind: "directive", type: CuiLetDirective, selector: "[cuiLet]", inputs: ["cuiLet"] }, { kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "directive", type: CuiDragPointerDirective, selector: "[cuiDragPointer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
9129
9132
|
}
|
|
9130
9133
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiChecklistBlockListItemContainerComponent, decorators: [{
|
|
9131
9134
|
type: Component,
|
|
@@ -9142,7 +9145,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
9142
9145
|
NgComponentOutlet,
|
|
9143
9146
|
TranslocoDirective,
|
|
9144
9147
|
CuiDragPointerDirective
|
|
9145
|
-
], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n <ng-container *cuiLet=\"checkListItemWithOptions() as checkListItem\">\n <header\n class=\"header\"\n [style.border-left-color]=\"headerBorderColor()\"\n [class.header__opened]=\"isOpen()\"\n >\n <button\n class=\"icon-drag\"\n cuiButton\n cuiDragPointer\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n [icon]=\"'cuiIconDragHandleDots'\"\n (mouseenter)=\"onAllowDrag()\"\n (mouseleave)=\"onProhibitDrag()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n [style.transform]=\"rotate()\"\n icon=\"cuiIconCaretDownFillXxs\"\n (click)=\"onRowToggle()\"\n ></button>\n <cui-svg\n [icon]=\"iconChecklistType()\"\n color=\"var(--cui-base-500)\"\n />\n <div class=\"header__content\">\n <div class=\"header__numeration\">{{ index() }}.</div>\n <div class=\"header__text\">{{ headerText() }}</div>\n </div>\n @if (isTitleEmpty) {\n <cui-svg\n [cuiTooltip]=\"t('TITLE_IS_REQUIRED')\"\n icon=\"cuiIconAlertTriangle\"\n color=\"var(--cui-danger)\"\n class=\"icon\"\n />\n }\n <button\n #actionButton=\"elementRef\"\n cuiButton\n type=\"button\"\n cuiElement\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconMoreVertical\"\n class=\"list__context-menu-button\"\n ></button>\n <cui-context-menu\n [items]=\"checkListItem.options\"\n [target]=\"actionButton.nativeElement\"\n />\n </header>\n @if (isOpen()) {\n <div class=\"info\">\n <cui-checklist-block-title-control [control]=\"titleControl\" />\n <cui-editor-block\n [config]=\"config()\"\n [editorId]=\"checkListItem.textContainerId!\"\n [title]=\"titleControl.value\"\n />\n </div>\n <ng-container\n [ngComponentOutlet]=\"checkListItemComponent()\"\n [ngComponentOutletInputs]=\"{\n checkListItem: checkListItem\n }\"\n />\n }\n </ng-container>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;gap:16px;border-radius:inherit;background-color:var(--cui-base-0)}.header{padding-right:7px;padding-left:7px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;background:var(--cui-base-0);border-radius:inherit;border-left:6px solid var(--cui-yellow-bg)}.header__content{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1}.header__numeration{font-weight:600;font-size:13px;line-height:16px;padding-right:8px;padding-left:8px;display:flex;justify-content:center;align-items:center}.header__text{font-weight:500;font-size:14px;line-height:20px;padding-top:11px;padding-bottom:11px;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.header__opened{background:var(--cui-badge-
|
|
9148
|
+
], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n <ng-container *cuiLet=\"checkListItemWithOptions() as checkListItem\">\n <header\n class=\"header\"\n [style.border-left-color]=\"headerBorderColor()\"\n [class.header__opened]=\"isOpen()\"\n >\n <button\n class=\"icon-drag\"\n cuiButton\n cuiDragPointer\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n [icon]=\"'cuiIconDragHandleDots'\"\n (mouseenter)=\"onAllowDrag()\"\n (mouseleave)=\"onProhibitDrag()\"\n ></button>\n <button\n cuiButton\n type=\"button\"\n appearance=\"ghost\"\n size=\"xxs\"\n [style.transform]=\"rotate()\"\n icon=\"cuiIconCaretDownFillXxs\"\n (click)=\"onRowToggle()\"\n ></button>\n <cui-svg\n [icon]=\"iconChecklistType()\"\n color=\"var(--cui-base-500)\"\n />\n <div class=\"header__content\">\n <div class=\"header__numeration\">{{ index() }}.</div>\n <div class=\"header__text\">{{ headerText() }}</div>\n </div>\n @if (isTitleEmpty) {\n <cui-svg\n [cuiTooltip]=\"t('TITLE_IS_REQUIRED')\"\n icon=\"cuiIconAlertTriangle\"\n color=\"var(--cui-danger)\"\n class=\"icon\"\n />\n }\n <button\n #actionButton=\"elementRef\"\n cuiButton\n type=\"button\"\n cuiElement\n appearance=\"ghost\"\n size=\"xxs\"\n icon=\"cuiIconMoreVertical\"\n class=\"list__context-menu-button\"\n ></button>\n <cui-context-menu\n [items]=\"checkListItem.options\"\n [target]=\"actionButton.nativeElement\"\n />\n </header>\n @if (isOpen()) {\n <div class=\"info\">\n <cui-checklist-block-title-control [control]=\"titleControl\" />\n <cui-editor-block\n [config]=\"config()\"\n [editorId]=\"checkListItem.textContainerId!\"\n [title]=\"titleControl.value\"\n />\n </div>\n <ng-container\n [ngComponentOutlet]=\"checkListItemComponent()\"\n [ngComponentOutletInputs]=\"{\n checkListItem: checkListItem\n }\"\n />\n }\n </ng-container>\n</ng-container>\n", styles: [":host{display:flex;flex-direction:column;gap:16px;border-radius:inherit;background-color:var(--cui-base-0)}.header{padding-right:7px;padding-left:7px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:4px;background:var(--cui-base-0);border-radius:inherit;border-left:6px solid var(--cui-yellow-bg)}.header__content{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1}.header__numeration{font-weight:600;font-size:13px;line-height:16px;padding-right:8px;padding-left:8px;display:flex;justify-content:center;align-items:center}.header__text{font-weight:500;font-size:14px;line-height:20px;padding-top:11px;padding-bottom:11px;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.header__opened{background:var(--cui-badge-blue-bg);border-bottom:.5px solid var(--cui-base-200);border-bottom-left-radius:0;border-bottom-right-radius:0}.header:hover{background:var(--cui-base-10)}.info{padding-right:15px;padding-left:15px;display:flex;flex-direction:column;gap:16px}.icon{padding:6px;width:max-content}\n"] }]
|
|
9146
9149
|
}] });
|
|
9147
9150
|
|
|
9148
9151
|
class CuiCheckListBlockListItemEvaluationCriteriaComponent {
|
|
@@ -10437,11 +10440,11 @@ class CuiReadonlyUtilityModalComponent {
|
|
|
10437
10440
|
});
|
|
10438
10441
|
}
|
|
10439
10442
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiReadonlyUtilityModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10440
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiReadonlyUtilityModalComponent, isStandalone: true, selector: "cui-readonly-utility-modal", inputs: { utility: { classPropertyName: "utility", publicName: "utility", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { utilityUnbinded: "utilityUnbinded" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <header class=\"header\">\n <ng-container [ngTemplateOutlet]=\"header\" />\n\n <cui-badge\n color=\"violet\"\n class=\"badge\"\n >\n <cui-svg\n class=\"icon\"\n icon=\"cuiIconVariant\"\n
|
|
10443
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: CuiReadonlyUtilityModalComponent, isStandalone: true, selector: "cui-readonly-utility-modal", inputs: { utility: { classPropertyName: "utility", publicName: "utility", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { utilityUnbinded: "utilityUnbinded" }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <header class=\"header\">\n <ng-container [ngTemplateOutlet]=\"header\" />\n\n <cui-badge\n color=\"violet\"\n class=\"badge\"\n >\n <cui-svg\n cuiBadgeIcon\n class=\"icon\"\n icon=\"cuiIconVariant\"\n />\n {{ t('INSERTED') }}\n </cui-badge>\n\n <button\n type=\"button\"\n cuiButton\n appearance=\"ghost\"\n icon=\"cuiIconX\"\n class=\"button\"\n (click)=\"onClose()\"\n ></button>\n </header>\n\n <ng-content />\n\n <div class=\"actions\">\n <button\n type=\"button\"\n #button\n cuiButton\n size=\"sm\"\n icon=\"cuiIconLinkBroken\"\n appearance=\"action-violet\"\n [isLoaderShown]=\"isLoading()\"\n (click)=\"onUnbind()\"\n >\n {{ t('UNBIND') }}\n </button>\n </div>\n</ng-container>\n", styles: [".header{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;padding:16px 24px}.header__title{font-weight:500;font-size:16px;line-height:24px}.button{margin-left:auto}.actions{padding:16px;border-top:1px solid var(--cui-base-200)}.badge{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;font-weight:500;font-size:14px;line-height:20px}\n"], dependencies: [{ kind: "ngmodule", type: CuiBadgeModule }, { kind: "component", type: CuiBadgeComponent, selector: "cui-badge", inputs: ["color", "size", "variant"] }, { kind: "ngmodule", type: CuiButtonModule }, { kind: "component", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }, { kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10441
10444
|
}
|
|
10442
10445
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CuiReadonlyUtilityModalComponent, decorators: [{
|
|
10443
10446
|
type: Component,
|
|
10444
|
-
args: [{ selector: 'cui-readonly-utility-modal', imports: [CuiBadgeModule, CuiButtonModule, CuiSvgModule, NgTemplateOutlet, TranslocoDirective], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n <header class=\"header\">\n <ng-container [ngTemplateOutlet]=\"header\" />\n\n <cui-badge\n color=\"violet\"\n class=\"badge\"\n >\n <cui-svg\n class=\"icon\"\n icon=\"cuiIconVariant\"\n
|
|
10447
|
+
args: [{ selector: 'cui-readonly-utility-modal', imports: [CuiBadgeModule, CuiButtonModule, CuiSvgModule, NgTemplateOutlet, TranslocoDirective], standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *transloco=\"let t\">\n <header class=\"header\">\n <ng-container [ngTemplateOutlet]=\"header\" />\n\n <cui-badge\n color=\"violet\"\n class=\"badge\"\n >\n <cui-svg\n cuiBadgeIcon\n class=\"icon\"\n icon=\"cuiIconVariant\"\n />\n {{ t('INSERTED') }}\n </cui-badge>\n\n <button\n type=\"button\"\n cuiButton\n appearance=\"ghost\"\n icon=\"cuiIconX\"\n class=\"button\"\n (click)=\"onClose()\"\n ></button>\n </header>\n\n <ng-content />\n\n <div class=\"actions\">\n <button\n type=\"button\"\n #button\n cuiButton\n size=\"sm\"\n icon=\"cuiIconLinkBroken\"\n appearance=\"action-violet\"\n [isLoaderShown]=\"isLoading()\"\n (click)=\"onUnbind()\"\n >\n {{ t('UNBIND') }}\n </button>\n </div>\n</ng-container>\n", styles: [".header{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:flex-start;padding:16px 24px}.header__title{font-weight:500;font-size:16px;line-height:24px}.button{margin-left:auto}.actions{padding:16px;border-top:1px solid var(--cui-base-200)}.badge{display:flex;flex-direction:row;gap:4px;align-items:center;justify-content:flex-start;font-weight:500;font-size:14px;line-height:20px}\n"] }]
|
|
10445
10448
|
}] });
|
|
10446
10449
|
|
|
10447
10450
|
class CuiReadonlyCriterionModalComponent {
|
|
@@ -11420,7 +11423,7 @@ class ToolFormReadonlyComponent {
|
|
|
11420
11423
|
this.tool = input.required();
|
|
11421
11424
|
}
|
|
11422
11425
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolFormReadonlyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11423
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ToolFormReadonlyComponent, isStandalone: true, selector: "cc-tool-form-readonly", inputs: { tool: { classPropertyName: "tool", publicName: "tool", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class._disabled": "tool().isDelete" } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <td class=\"cc-table__td info custom\">\n {{ tool().name }}\n\n @if (tool().isDelete) {\n <cui-badge\n class=\"badge\"\n [size]=\"'sm'\"\n color=\"red\"\n >\n {{ t('DELETED') }}\n </cui-badge>\n }\n </td>\n <td class=\"cc-table__td custom\">\n {{ tool().quantity }}\n </td>\n <td class=\"cc-table__td custom\">\n {{ tool().unit }}\n </td>\n</ng-container>\n", styles: [".custom{display:flex;flex-direction:row;gap:0;align-items:center;justify-content:flex-start;padding-right:4px;padding-left:4px;min-height:53px}:host{display:contents}:host._disabled .custom{pointer-events:none;opacity:.7}:host._disabled .button{opacity:1;pointer-events:all}.info{display:flex;flex-direction:row;gap:0}.badge{margin-left:auto}\n"], dependencies: [{ kind: "ngmodule", type: CuiBadgeModule }, { kind: "component", type: CuiBadgeComponent, selector: "cui-badge", inputs: ["color", "size", "
|
|
11426
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ToolFormReadonlyComponent, isStandalone: true, selector: "cc-tool-form-readonly", inputs: { tool: { classPropertyName: "tool", publicName: "tool", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class._disabled": "tool().isDelete" } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n <td class=\"cc-table__td info custom\">\n {{ tool().name }}\n\n @if (tool().isDelete) {\n <cui-badge\n class=\"badge\"\n [size]=\"'sm'\"\n color=\"red\"\n >\n {{ t('DELETED') }}\n </cui-badge>\n }\n </td>\n <td class=\"cc-table__td custom\">\n {{ tool().quantity }}\n </td>\n <td class=\"cc-table__td custom\">\n {{ tool().unit }}\n </td>\n</ng-container>\n", styles: [".custom{display:flex;flex-direction:row;gap:0;align-items:center;justify-content:flex-start;padding-right:4px;padding-left:4px;min-height:53px}:host{display:contents}:host._disabled .custom{pointer-events:none;opacity:.7}:host._disabled .button{opacity:1;pointer-events:all}.info{display:flex;flex-direction:row;gap:0}.badge{margin-left:auto}\n"], dependencies: [{ kind: "ngmodule", type: CuiBadgeModule }, { kind: "component", type: CuiBadgeComponent, selector: "cui-badge", inputs: ["color", "size", "variant"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11424
11427
|
}
|
|
11425
11428
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolFormReadonlyComponent, decorators: [{
|
|
11426
11429
|
type: Component,
|
|
@@ -11575,7 +11578,7 @@ class ToolFormComponent {
|
|
|
11575
11578
|
});
|
|
11576
11579
|
}
|
|
11577
11580
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11578
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ToolFormComponent, isStandalone: true, selector: "cui-tool-form", inputs: { utilityId: { classPropertyName: "utilityId", publicName: "utilityId", isSignal: true, isRequired: true, transformFunction: null }, tool: { classPropertyName: "tool", publicName: "tool", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, resourceType: { classPropertyName: "resourceType", publicName: "resourceType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toolChanged: "toolChanged", toolDeleted: "toolDeleted" }, host: { properties: { "class._disabled": "isLoading() || tool().isDelete" } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n @let controlsData = controls();\n\n @if (readonly()) {\n <cc-tool-form-readonly [tool]=\"tool()\" />\n } @else if (controlsData) {\n <td class=\"cc-table__td info custom\">\n {{ tool().name }}\n\n @if (tool().isDelete) {\n <cui-badge\n class=\"badge\"\n [size]=\"'sm'\"\n color=\"red\"\n >\n {{ t('DELETED') }}\n </cui-badge>\n }\n </td>\n <td class=\"cc-table__td custom\">\n <cui-input-number\n type=\"text\"\n [formControl]=\"controlsData.quantity\"\n [cuiTextFieldIsError]=\"!!controlsData.quantity.errors && controlsData.quantity.dirty\"\n />\n <cui-general-control-error-hint\n [control]=\"controlsData.quantity\"\n [isVisible]=\"!!controlsData.quantity.errors && controlsData.quantity.dirty\"\n />\n </td>\n <td class=\"cc-table__td custom\">\n <cui-select\n [formControl]=\"controlsData.unit\"\n [options]=\"toolboxOptions()\"\n />\n </td>\n <td class=\"cc-table__td button custom\">\n <button\n type=\"button\"\n cuiButton\n icon=\"cuiIconTrash\"\n size=\"xxs\"\n appearance=\"ghost\"\n [isLoaderShown]=\"isLoading()\"\n (click)=\"onDeleteToolbox()\"\n ></button>\n </td>\n }\n</ng-container>\n", styles: [":host{display:contents}:host._disabled .custom{pointer-events:none;opacity:.7}:host._disabled .button{opacity:1;pointer-events:all}.info{display:flex;flex-direction:row;gap:0}.badge{margin-left:auto}.custom{padding-right:4px;padding-left:4px}.readonly{min-height:36px}\n"], dependencies: [{ kind: "component", type: ToolFormReadonlyComponent, selector: "cc-tool-form-readonly", inputs: ["tool"] }, { kind: "ngmodule", type: CuiSelectModule }, { kind: "component", type: CuiSelectComponent, selector: "cui-select[options]", inputs: ["options", "defaultOptionText"] }, { kind: "directive", type: CuiTextFieldIsErrorDirective, selector: "[cuiTextFieldIsError]", inputs: ["cuiTextFieldIsError"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CuiBadgeModule }, { kind: "component", type: CuiBadgeComponent, selector: "cui-badge", inputs: ["color", "size", "
|
|
11581
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ToolFormComponent, isStandalone: true, selector: "cui-tool-form", inputs: { utilityId: { classPropertyName: "utilityId", publicName: "utilityId", isSignal: true, isRequired: true, transformFunction: null }, tool: { classPropertyName: "tool", publicName: "tool", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, resourceType: { classPropertyName: "resourceType", publicName: "resourceType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { toolChanged: "toolChanged", toolDeleted: "toolDeleted" }, host: { properties: { "class._disabled": "isLoading() || tool().isDelete" } }, ngImport: i0, template: "<ng-container *transloco=\"let t\">\n @let controlsData = controls();\n\n @if (readonly()) {\n <cc-tool-form-readonly [tool]=\"tool()\" />\n } @else if (controlsData) {\n <td class=\"cc-table__td info custom\">\n {{ tool().name }}\n\n @if (tool().isDelete) {\n <cui-badge\n class=\"badge\"\n [size]=\"'sm'\"\n color=\"red\"\n >\n {{ t('DELETED') }}\n </cui-badge>\n }\n </td>\n <td class=\"cc-table__td custom\">\n <cui-input-number\n type=\"text\"\n [formControl]=\"controlsData.quantity\"\n [cuiTextFieldIsError]=\"!!controlsData.quantity.errors && controlsData.quantity.dirty\"\n />\n <cui-general-control-error-hint\n [control]=\"controlsData.quantity\"\n [isVisible]=\"!!controlsData.quantity.errors && controlsData.quantity.dirty\"\n />\n </td>\n <td class=\"cc-table__td custom\">\n <cui-select\n [formControl]=\"controlsData.unit\"\n [options]=\"toolboxOptions()\"\n />\n </td>\n <td class=\"cc-table__td button custom\">\n <button\n type=\"button\"\n cuiButton\n icon=\"cuiIconTrash\"\n size=\"xxs\"\n appearance=\"ghost\"\n [isLoaderShown]=\"isLoading()\"\n (click)=\"onDeleteToolbox()\"\n ></button>\n </td>\n }\n</ng-container>\n", styles: [":host{display:contents}:host._disabled .custom{pointer-events:none;opacity:.7}:host._disabled .button{opacity:1;pointer-events:all}.info{display:flex;flex-direction:row;gap:0}.badge{margin-left:auto}.custom{padding-right:4px;padding-left:4px}.readonly{min-height:36px}\n"], dependencies: [{ kind: "component", type: ToolFormReadonlyComponent, selector: "cc-tool-form-readonly", inputs: ["tool"] }, { kind: "ngmodule", type: CuiSelectModule }, { kind: "component", type: CuiSelectComponent, selector: "cui-select[options]", inputs: ["options", "defaultOptionText"] }, { kind: "directive", type: CuiTextFieldIsErrorDirective, selector: "[cuiTextFieldIsError]", inputs: ["cuiTextFieldIsError"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CuiBadgeModule }, { kind: "component", type: CuiBadgeComponent, selector: "cui-badge", inputs: ["color", "size", "variant"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "ngmodule", type: CuiInputNumberModule }, { kind: "component", type: CuiInputNumberComponent, selector: "cui-input-number", inputs: ["precision", "min", "max"] }, { kind: "ngmodule", type: CuiButtonModule }, { kind: "component", type: CuiButtonComponent, selector: "button[cuiButton], a[cuiButton]", inputs: ["shape", "disabled", "isLoaderShown", "icon", "iconRight", "appearance", "theme", "size"] }, { kind: "component", type: CuiGeneralControlErrorHintComponent, selector: "cui-general-control-error-hint", inputs: ["control", "isVisible"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11579
11582
|
}
|
|
11580
11583
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ToolFormComponent, decorators: [{
|
|
11581
11584
|
type: Component,
|
|
@@ -12684,5 +12687,5 @@ const CuiTranslations = {
|
|
|
12684
12687
|
* Generated bundle index. Do not edit.
|
|
12685
12688
|
*/
|
|
12686
12689
|
|
|
12687
|
-
export { AlertHintComponent, AngularOutsideLoaderService, AssigneeRoleItemComponent, AssigneeRolesTabsComponent, ButtonChangeThemeComponent, CUI_ACTIVITY_SERVICE_TOKEN, CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_ANIMATIONS_DEFAULT_DURATION, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_RESOURCE_STATE_SERVICE_TOKEN, CUI_ROOT_SELECTOR, CUI_STORAGE_LIST_SERVICE_TOKEN, CUI_SUBJECT_MODAL_SERVICE_TOKEN, CUI_TABS_SERVICE_TOKEN, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CUI_TOOLTIP_COMPONENT, CUI_TOOLTIP_DEFAULT_OPTIONS, CUI_TOOLTIP_DIRECTIONS, CUI_TOOLTIP_OPTIONS, CUI_TOOLTIP_PROVIDERS, CUI_USED_ELEMENTS_SERVICE_TOKEN, CUI_UTILITY_SERVICE_TOKEN, ContentHeaderComponent, CuiAbstractTabsComponent, CuiAccordionComponent, CuiAccordionDirective, CuiAccordionItemComponent, CuiAccordionModule, CuiActivityBaseService, CuiActivityImplService, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiAttachesTool, CuiAuthBase, CuiAuthService, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCardWrapperComponent, CuiCategoriesComponent, CuiCheckboxComponent, CuiCheckboxModule, CuiChecklistBlockComponent, CuiCircleLoaderComponent, CuiContentWrapperComponent, CuiContextMenuComponent, CuiContextMenuModule, CuiCriterionInfoComponent, CuiCriterionInfoFormComponent, CuiCriterionModalCreateComponent, CuiCriterionReadonlyInfoComponent, CuiDeleteModalComponent, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiDropdownDirective, CuiDropdownWrapperComponent, CuiEditorBlockComponent, CuiEditorComponent, CuiEditorModalComponent, CuiEditorReadonlyComponent, CuiEditorTranslations, CuiEmptyStateComponent, CuiFileIconComponent, CuiFileUploader, CuiFileUploaderStatus, CuiFormFieldComponent, CuiFormFieldModule, CuiFramerPreviewComponent, CuiGeneralControlErrorHintComponent, CuiGhostInputComponent, CuiGlobalErrorHandler, CuiHeaderTool, CuiHintComponent, CuiHintModule, CuiHybridStorageService, CuiIconButtonComponent, CuiIconButtonModule, CuiImageTool, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiInstructionInfoComponent, CuiInstructionInfoFormComponent, CuiInstructionModalCreateComponent, CuiInstructionReadonlyInfoComponent, CuiLabelComponent, CuiLabelModule, CuiLayoutComponent, CuiLetterBoxComponent, CuiLibTranslations, CuiLinearLoaderComponent, CuiLinkMarker, CuiListTool, CuiLoaderComponent, CuiLoaderService, CuiLoadingState, CuiNotificationComponent, CuiNotificationModule, CuiPositionService, CuiPulseLoaderComponent, CuiRadioComponent, CuiRadioModule, CuiReadonlyCriterionModalComponent, CuiReadonlyInstructionModalComponent, CuiReadonlyUtilityModalComponent, CuiRenderDynamicComponentsComponent, CuiRenderDynamicComponentsService, CuiRoleMarker, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModalComponent, CuiSelectModalFolderComponent, CuiSelectModalSearchComponent, CuiSelectModalService, CuiSelectModule, CuiSelectedCategoryService, CuiSidebarContainerComponent, CuiSidebarHeaderComponent, CuiSidebarNavigationComponent, CuiSidebarNavigationContainerComponent, CuiSidebarNavigationItemComponent, CuiSidebarService, CuiSkeleton, CuiStatedLoaderComponent, CuiStorageListComponent, CuiSvgComponent, CuiSvgModule, CuiTabDirective, CuiTabsComponent, CuiTabsServiceImpl, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiTimePipe, CuiToggleComponent, CuiToggleModule, CuiToolMarker, CuiTooltip, CuiTooltipComponent, CuiTooltipDescribe, CuiTooltipDirective, CuiTooltipDriver, CuiTooltipHost, CuiTooltipHover, CuiTooltipManual, CuiTooltipOptionsDirective, CuiTooltipOverflow, CuiTooltipPointer, CuiTooltipPosition, CuiTooltipService, CuiTooltipUnstyled, CuiTooltipUnstyledComponent, CuiTooltips, CuiTranslations, CuiUserActionContextMenuComponent, CuiUtilityModalComponent, CuiUtilityModalCreateComponent, CuiUtilityReadonlyThumbnailComponent, CuiUtilityThumbnailComponent, CuiVideoTool, CuiVisualViewportService, InsertedComponent, ModalDividedSectionComponent, ModalHeaderComponent, ModalHeaderInsertedButtonsComponent, ModalInfoTabComponent, ModalOperationPartComponent, ModalResourcesTabComponent, OptionsButtonComponent, RenderDynamicModalComponent, ResourceStateBaseService, ResourcesBlockComponent, ResourcesBlockPartComponent, ResourcesBlockTabsComponent$1 as ResourcesBlockTabsComponent, ResourcesOptionsComponent, SubjectModalBaseService, UTILITY_MODAL_SERVICE_TOKEN, UsedElementsBaseService, UtilityBaseService, UtilityInfoReadonlyComponent, createEditorTools, cuiAuthInterceptor, cuiCheckFixedPosition, cuiCreateDefaultValidators, cuiErrorHandlerInterceptor, cuiGetDuration, cuiIsObscured, cuiLoaderInterceptor, cuiOverrideOptions, cuiProvideEditor, cuiRemoveSpaces, cuiReplace, cuiToAnimationOptions, cuiTooltipOptionsProvider, cuiXNdjsonInterceptor, handleError, openFileInBrowser, presetConfigToken, provideCuiAuth, provideCuiErrorHandler, provideCuiTabs, setLoading, sseStreamReaderInterceptor };
|
|
12690
|
+
export { AlertHintComponent, AngularOutsideLoaderService, AssigneeRoleItemComponent, AssigneeRolesTabsComponent, ButtonChangeThemeComponent, CUI_ACTIVITY_SERVICE_TOKEN, CUI_ALERTS, CUI_ALERT_CONTEXT, CUI_ALERT_DEFAULT_OPTIONS, CUI_ALERT_OPTIONS, CUI_ANIMATIONS_DEFAULT_DURATION, CUI_BADGE_DEFAULT_OPTIONS, CUI_BADGE_OPTIONS, CUI_BANNER_DEFAULT_OPTIONS, CUI_BANNER_OPTIONS, CUI_BUTTON_DEFAULT_OPTIONS, CUI_BUTTON_OPTIONS, CUI_DEFAULT_THEME, CUI_DIALOGS, CUI_DIALOG_CONTEXT, CUI_DIALOG_DEFAULT_OPTIONS, CUI_DIALOG_OPTIONS, CUI_INPUT_TIME_DEFAULT_OPTIONS, CUI_INPUT_TIME_OPTIONS, CUI_NOTIFICATION_DEFAULT_OPTIONS, CUI_NOTIFICATION_ICONS, CUI_NOTIFICATION_ICON_OPTIONS, CUI_NOTIFICATION_ICON_OPTIONS_DEFAULT_MODE, CUI_NOTIFICATION_ICON_OPTIONS_LIGHT_MODE, CUI_NOTIFICATION_OPTIONS, CUI_RESOURCE_STATE_SERVICE_TOKEN, CUI_ROOT_SELECTOR, CUI_STORAGE_LIST_SERVICE_TOKEN, CUI_SUBJECT_MODAL_SERVICE_TOKEN, CUI_TABS_SERVICE_TOKEN, CUI_TEXT_FIELD_CONTROLLER, CUI_TEXT_FIELD_ICON_LEFT, CUI_TEXT_FIELD_ID, CUI_TEXT_FIELD_IS_ERROR, CUI_TEXT_FIELD_PLACEHOLDER, CUI_TEXT_FIELD_SIZE, CUI_TEXT_FILED_CONTROLLER_PROVIDER, CUI_THEME, CUI_THEME_STORAGE_DEFAULT_KEY, CUI_THEME_STORAGE_KEY, CUI_TOOLTIP_COMPONENT, CUI_TOOLTIP_DEFAULT_OPTIONS, CUI_TOOLTIP_DIRECTIONS, CUI_TOOLTIP_OPTIONS, CUI_TOOLTIP_PROVIDERS, CUI_USED_ELEMENTS_SERVICE_TOKEN, CUI_UTILITY_SERVICE_TOKEN, ContentHeaderComponent, CuiAbstractTabsComponent, CuiAccordionComponent, CuiAccordionDirective, CuiAccordionItemComponent, CuiAccordionModule, CuiActivityBaseService, CuiActivityImplService, CuiAlertComponent, CuiAlertModule, CuiAlertService, CuiAlertsComponent, CuiAttachesTool, CuiAuthBase, CuiAuthService, CuiBadgeComponent, CuiBadgeModule, CuiBannerComponent, CuiBannerModule, CuiBreadcrumbComponent, CuiBreadcrumbsComponent, CuiBreadcrumbsModule, CuiButtonComponent, CuiButtonGroupComponent, CuiButtonGroupModule, CuiButtonModule, CuiCardWrapperComponent, CuiCategoriesComponent, CuiCheckboxComponent, CuiCheckboxModule, CuiChecklistBlockComponent, CuiCircleLoaderComponent, CuiContentWrapperComponent, CuiContextMenuComponent, CuiContextMenuModule, CuiCriterionInfoComponent, CuiCriterionInfoFormComponent, CuiCriterionModalCreateComponent, CuiCriterionReadonlyInfoComponent, CuiDeleteModalComponent, CuiDialogActionsComponent, CuiDialogComponent, CuiDialogHeaderComponent, CuiDialogModule, CuiDialogService, CuiDialogsComponent, CuiDropdownDirective, CuiDropdownWrapperComponent, CuiEditorBlockComponent, CuiEditorComponent, CuiEditorModalComponent, CuiEditorReadonlyComponent, CuiEditorTranslations, CuiEmptyStateComponent, CuiFileIconComponent, CuiFileUploader, CuiFileUploaderStatus, CuiFormFieldComponent, CuiFormFieldModule, CuiFramerPreviewComponent, CuiGeneralControlErrorHintComponent, CuiGhostInputComponent, CuiGlobalErrorHandler, CuiHeaderTool, CuiHintComponent, CuiHintModule, CuiHybridStorageService, CuiIconButtonComponent, CuiIconButtonModule, CuiImageTool, CuiInputModule, CuiInputNumberComponent, CuiInputNumberModule, CuiInputPasswordComponent, CuiInputPasswordModule, CuiInputTextComponent, CuiInputTimeComponent, CuiInputTimeModule, CuiInstructionInfoComponent, CuiInstructionInfoFormComponent, CuiInstructionModalCreateComponent, CuiInstructionReadonlyInfoComponent, CuiLabelComponent, CuiLabelModule, CuiLayoutComponent, CuiLetterBoxComponent, CuiLibTranslations, CuiLinearLoaderComponent, CuiLinkMarker, CuiListTool, CuiLoaderComponent, CuiLoaderService, CuiLoadingState, CuiNotificationComponent, CuiNotificationModule, CuiPositionService, CuiPulseLoaderComponent, CuiRadioComponent, CuiRadioModule, CuiReadonlyCriterionModalComponent, CuiReadonlyInstructionModalComponent, CuiReadonlyUtilityModalComponent, CuiRenderDynamicComponentsComponent, CuiRenderDynamicComponentsService, CuiRoleMarker, CuiRootComponent, CuiRootModule, CuiSelectComponent, CuiSelectModalComponent, CuiSelectModalFolderComponent, CuiSelectModalSearchComponent, CuiSelectModalService, CuiSelectModule, CuiSelectedCategoryService, CuiSidebarContainerComponent, CuiSidebarHeaderComponent, CuiSidebarNavigationComponent, CuiSidebarNavigationContainerComponent, CuiSidebarNavigationItemComponent, CuiSidebarService, CuiSkeleton, CuiStatedLoaderComponent, CuiStorageListComponent, CuiSvgComponent, CuiSvgModule, CuiTabDirective, CuiTabsComponent, CuiTabsServiceImpl, CuiTextFieldController, CuiTextFieldControllerModule, CuiTextFieldIconLeftDirective, CuiTextFieldIdDirective, CuiTextFieldIsErrorDirective, CuiTextFieldPlaceholderDirective, CuiTextFieldSizeDirective, CuiTextareaComponent, CuiTextareaModule, CuiThemeService, CuiTimePipe, CuiToggleComponent, CuiToggleModule, CuiToolMarker, CuiTooltip, CuiTooltipComponent, CuiTooltipDescribe, CuiTooltipDirective, CuiTooltipDriver, CuiTooltipHost, CuiTooltipHover, CuiTooltipManual, CuiTooltipOptionsDirective, CuiTooltipOverflow, CuiTooltipPointer, CuiTooltipPosition, CuiTooltipService, CuiTooltipUnstyled, CuiTooltipUnstyledComponent, CuiTooltips, CuiTranslations, CuiUserActionContextMenuComponent, CuiUtilityModalComponent, CuiUtilityModalCreateComponent, CuiUtilityReadonlyThumbnailComponent, CuiUtilityThumbnailComponent, CuiVideoTool, CuiVisualViewportService, InsertedComponent, ModalDividedSectionComponent, ModalHeaderComponent, ModalHeaderInsertedButtonsComponent, ModalInfoTabComponent, ModalOperationPartComponent, ModalResourcesTabComponent, OptionsButtonComponent, RenderDynamicModalComponent, ResourceStateBaseService, ResourcesBlockComponent, ResourcesBlockPartComponent, ResourcesBlockTabsComponent$1 as ResourcesBlockTabsComponent, ResourcesOptionsComponent, SubjectModalBaseService, UTILITY_MODAL_SERVICE_TOKEN, UsedElementsBaseService, UtilityBaseService, UtilityInfoReadonlyComponent, createEditorTools, cuiAuthInterceptor, cuiCheckFixedPosition, cuiCreateDefaultValidators, cuiErrorHandlerInterceptor, cuiGetDuration, cuiIsObscured, cuiLoaderInterceptor, cuiOverrideOptions, cuiProvideEditor, cuiRemoveSpaces, cuiReplace, cuiToAnimationOptions, cuiTooltipOptionsProvider, cuiXNdjsonInterceptor, handleError, openFileInBrowser, presetConfigToken, provideCuiAuth, provideCuiErrorHandler, provideCuiTabs, setLoading, sseStreamReaderInterceptor };
|
|
12688
12691
|
//# sourceMappingURL=cuby-ui-core.mjs.map
|