@cuby-ui/core 0.0.131 → 0.0.133
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/badge/badge.component.d.ts +2 -2
- package/components/badge/badge.options.d.ts +2 -2
- package/esm2020/components/badge/badge.component.mjs +6 -6
- package/esm2020/components/badge/badge.options.mjs +2 -2
- package/fesm2015/cuby-ui-core.mjs +6 -6
- package/fesm2015/cuby-ui-core.mjs.map +1 -1
- package/fesm2020/cuby-ui-core.mjs +6 -6
- package/fesm2020/cuby-ui-core.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -2,9 +2,9 @@ import type { CuiBadgeOptions } from './badge.options';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class CuiBadgeComponent implements CuiBadgeOptions {
|
|
4
4
|
private readonly options;
|
|
5
|
-
|
|
5
|
+
color: "light-blue" | "yellow" | "green" | "gray" | "dark-gray" | "red" | "violet";
|
|
6
6
|
size: "sm" | "md";
|
|
7
7
|
isWithDot: boolean;
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<CuiBadgeComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CuiBadgeComponent, "cui-badge", never, { "
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CuiBadgeComponent, "cui-badge", never, { "color": "color"; "size": "size"; "isWithDot": "isWithDot"; }, {}, never, ["*"], false, never>;
|
|
10
10
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { CuiSizeMd, CuiSizeSm
|
|
1
|
+
import type { CuiSizeMd, CuiSizeSm } from '../../types';
|
|
2
2
|
export interface CuiBadgeOptions {
|
|
3
|
-
readonly
|
|
3
|
+
readonly color: 'light-blue' | 'yellow' | 'green' | 'gray' | 'dark-gray' | 'red' | 'violet';
|
|
4
4
|
readonly size: CuiSizeSm | CuiSizeMd;
|
|
5
5
|
readonly isWithDot: boolean;
|
|
6
6
|
}
|
|
@@ -5,21 +5,21 @@ import * as i1 from "@angular/common";
|
|
|
5
5
|
export class CuiBadgeComponent {
|
|
6
6
|
constructor() {
|
|
7
7
|
this.options = inject(CUI_BADGE_OPTIONS);
|
|
8
|
-
this.
|
|
8
|
+
this.color = this.options.color;
|
|
9
9
|
this.size = this.options.size;
|
|
10
10
|
this.isWithDot = this.options.isWithDot;
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
CuiBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
CuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiBadgeComponent, selector: "cui-badge", inputs: {
|
|
14
|
+
CuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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 />", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots{background:var(--cui-info)}:host[data-color=yellow]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots{background:var(--cui-warning)}:host[data-color=green]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots{background:var(--cui-success)}:host[data-color=gray]{color:var(--cui-base-900);background:var(--cui-base-100)}: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=red]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots{background:var(--cui-danger)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}: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 });
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiBadgeComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-
|
|
18
|
-
}], propDecorators: {
|
|
17
|
+
args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots{background:var(--cui-info)}:host[data-color=yellow]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots{background:var(--cui-warning)}:host[data-color=green]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots{background:var(--cui-success)}:host[data-color=gray]{color:var(--cui-base-900);background:var(--cui-base-100)}: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=red]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots{background:var(--cui-danger)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}: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"] }]
|
|
18
|
+
}], propDecorators: { color: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}, {
|
|
21
21
|
type: HostBinding,
|
|
22
|
-
args: ['attr.data-
|
|
22
|
+
args: ['attr.data-color']
|
|
23
23
|
}], size: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}, {
|
|
@@ -28,4 +28,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
28
28
|
}], isWithDot: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2JhZGdlL2JhZGdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYWRnZS9iYWRnZS50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHL0YsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQVFwRCxNQUFNLE9BQU8saUJBQWlCO0lBTjlCO1FBT21CLFlBQU8sR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUk5QyxVQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7UUFJM0IsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1FBR3pCLGNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQztLQUMzQzs7K0dBYlksaUJBQWlCO21HQUFqQixpQkFBaUIsNk1DWDlCLDRFQUljOzRGRE9ELGlCQUFpQjtrQkFON0IsU0FBUzsrQkFDRSxXQUFXLG1CQUdKLHVCQUF1QixDQUFDLE1BQU07OEJBT3hDLEtBQUs7c0JBRlgsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBS3ZCLElBQUk7c0JBRlYsS0FBSzs7c0JBQ0wsV0FBVzt1QkFBQyxnQkFBZ0I7Z0JBSXRCLFNBQVM7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBpbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHsgQ3VpQmFkZ2VPcHRpb25zIH0gZnJvbSAnLi9iYWRnZS5vcHRpb25zJztcbmltcG9ydCB7IENVSV9CQURHRV9PUFRJT05TIH0gZnJvbSAnLi9iYWRnZS5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY3VpLWJhZGdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JhZGdlLnRlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iYWRnZS5zdHlsZS5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEN1aUJhZGdlQ29tcG9uZW50IGltcGxlbWVudHMgQ3VpQmFkZ2VPcHRpb25zIHtcbiAgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zID0gaW5qZWN0KENVSV9CQURHRV9PUFRJT05TKTtcblxuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1jb2xvcicpXG4gIHB1YmxpYyBjb2xvciA9IHRoaXMub3B0aW9ucy5jb2xvcjtcblxuICBASW5wdXQoKVxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1zaXplJylcbiAgcHVibGljIHNpemUgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgaXNXaXRoRG90ID0gdGhpcy5vcHRpb25zLmlzV2l0aERvdDtcbn1cbiIsIjxzcGFuXG4gICpuZ0lmPVwiaXNXaXRoRG90XCJcbiAgY2xhc3M9XCJjLWRvdHNcIlxuPjwvc3Bhbj5cbjxuZy1jb250ZW50IC8+Il19
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { cuiCreateToken } from '@cuby-ui/cdk';
|
|
2
2
|
export const CUI_BADGE_DEFAULT_OPTIONS = {
|
|
3
|
-
|
|
3
|
+
color: 'light-blue',
|
|
4
4
|
size: 'sm',
|
|
5
5
|
isWithDot: false
|
|
6
6
|
};
|
|
7
7
|
export const CUI_BADGE_OPTIONS = cuiCreateToken(CUI_BADGE_DEFAULT_OPTIONS);
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Uub3B0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvY29tcG9uZW50cy9iYWRnZS9iYWRnZS5vcHRpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFVOUMsTUFBTSxDQUFDLE1BQU0seUJBQXlCLEdBQW9CO0lBQ3hELEtBQUssRUFBRSxZQUFZO0lBQ25CLElBQUksRUFBRSxJQUFJO0lBQ1YsU0FBUyxFQUFFLEtBQUs7Q0FDakIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLGNBQWMsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3VpQ3JlYXRlVG9rZW4gfSBmcm9tICdAY3VieS11aS9jZGsnO1xuXG5pbXBvcnQgdHlwZSB7IEN1aVNpemVNZCwgQ3VpU2l6ZVNtIH0gZnJvbSAnLi4vLi4vdHlwZXMnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEN1aUJhZGdlT3B0aW9ucyB7XG4gIHJlYWRvbmx5IGNvbG9yOiAnbGlnaHQtYmx1ZScgfCAneWVsbG93JyB8ICdncmVlbicgfCAnZ3JheScgfCAnZGFyay1ncmF5JyB8ICdyZWQnIHwgJ3Zpb2xldCc7XG4gIHJlYWRvbmx5IHNpemU6IEN1aVNpemVTbSB8IEN1aVNpemVNZDtcbiAgcmVhZG9ubHkgaXNXaXRoRG90OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgQ1VJX0JBREdFX0RFRkFVTFRfT1BUSU9OUzogQ3VpQmFkZ2VPcHRpb25zID0ge1xuICBjb2xvcjogJ2xpZ2h0LWJsdWUnLFxuICBzaXplOiAnc20nLFxuICBpc1dpdGhEb3Q6IGZhbHNlXG59O1xuXG5leHBvcnQgY29uc3QgQ1VJX0JBREdFX09QVElPTlMgPSBjdWlDcmVhdGVUb2tlbihDVUlfQkFER0VfREVGQVVMVF9PUFRJT05TKTsiXX0=
|
|
@@ -450,7 +450,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
450
450
|
}] });
|
|
451
451
|
|
|
452
452
|
const CUI_BADGE_DEFAULT_OPTIONS = {
|
|
453
|
-
|
|
453
|
+
color: 'light-blue',
|
|
454
454
|
size: 'sm',
|
|
455
455
|
isWithDot: false
|
|
456
456
|
};
|
|
@@ -459,21 +459,21 @@ const CUI_BADGE_OPTIONS = cuiCreateToken(CUI_BADGE_DEFAULT_OPTIONS);
|
|
|
459
459
|
class CuiBadgeComponent {
|
|
460
460
|
constructor() {
|
|
461
461
|
this.options = inject(CUI_BADGE_OPTIONS);
|
|
462
|
-
this.
|
|
462
|
+
this.color = this.options.color;
|
|
463
463
|
this.size = this.options.size;
|
|
464
464
|
this.isWithDot = this.options.isWithDot;
|
|
465
465
|
}
|
|
466
466
|
}
|
|
467
467
|
CuiBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
468
|
-
CuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiBadgeComponent, selector: "cui-badge", inputs: {
|
|
468
|
+
CuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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 />", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots{background:var(--cui-info)}:host[data-color=yellow]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots{background:var(--cui-warning)}:host[data-color=green]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots{background:var(--cui-success)}:host[data-color=gray]{color:var(--cui-base-900);background:var(--cui-base-100)}: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=red]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots{background:var(--cui-danger)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}: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 });
|
|
469
469
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiBadgeComponent, decorators: [{
|
|
470
470
|
type: Component,
|
|
471
|
-
args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-
|
|
472
|
-
}], propDecorators: {
|
|
471
|
+
args: [{ selector: 'cui-badge', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n *ngIf=\"isWithDot\"\n class=\"c-dots\"\n></span>\n<ng-content />", styles: [":host{padding-top:2px;padding-bottom:2px;display:inline-flex;align-items:center;gap:4px;border-radius:25px;color:var(--cui-gray-900);font-family:var(--cui-main-font)}:host[data-color=light-blue]{color:var(--cui-badge-info-label);background:var(--cui-badge-info-bg)}:host[data-color=light-blue] .c-dots{background:var(--cui-info)}:host[data-color=yellow]{color:var(--cui-badge-warning-label);background:var(--cui-badge-warning-bg)}:host[data-color=yellow] .c-dots{background:var(--cui-warning)}:host[data-color=green]{color:var(--cui-badge-success-label);background:var(--cui-badge-success-bg)}:host[data-color=green] .c-dots{background:var(--cui-success)}:host[data-color=gray]{color:var(--cui-base-900);background:var(--cui-base-100)}: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=red]{color:var(--cui-badge-danger-label);background:var(--cui-badge-danger-bg)}:host[data-color=red] .c-dots{background:var(--cui-danger)}:host[data-color=violet]{color:var(--cui-badge-violet-label);background:var(--cui-badge-violet-bg)}:host[data-color=violet] .c-dots{background:var(--cui-violet-400)}: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"] }]
|
|
472
|
+
}], propDecorators: { color: [{
|
|
473
473
|
type: Input
|
|
474
474
|
}, {
|
|
475
475
|
type: HostBinding,
|
|
476
|
-
args: ['attr.data-
|
|
476
|
+
args: ['attr.data-color']
|
|
477
477
|
}], size: [{
|
|
478
478
|
type: Input
|
|
479
479
|
}, {
|