keevo-components 2.0.167 → 2.0.168
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/esm2022/lib/components/kv-tag/kv-tag.component.mjs +4 -3
- package/fesm2022/keevo-components.mjs +3 -2
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/components/kv-button/kv-button.component.d.ts +1 -1
- package/lib/components/kv-icon/kv-icon.component.d.ts +1 -1
- package/lib/components/kv-tag/kv-tag.component.d.ts +3 -2
- package/lib/components/kv-widget-card/kv-widget-card.component.d.ts +2 -2
- package/package.json +1 -1
|
@@ -7,12 +7,13 @@ export class KvTagComponent {
|
|
|
7
7
|
constructor() {
|
|
8
8
|
this.severity = input('system');
|
|
9
9
|
this.border = input(false);
|
|
10
|
+
this.color = input(null);
|
|
10
11
|
}
|
|
11
12
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvTagComponent, selector: "kv-tag", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvTagComponent, selector: "kv-tag", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n class=\"kv-tag {{severity()}} {{!border() && 'no-border'}}\"\r\n [style.backgroundColor]=\"color() ? color() + '0D' : ''\"\r\n [style.color]=\"color()\"\r\n>\r\n <ng-content></ng-content>\r\n</div> \r\n", styles: [".kv-tag{--kv-text-success: 75, 181, 67;--kv-text-info: 0, 123, 255;--kv-text-warn: 194, 91, 12;--kv-text-danger: 220, 53, 69;--kv-text-contrast: 33, 37, 41;--kv-bg-success: 75, 181, 67;--kv-bg-info: 0, 123, 255;--kv-bg-warn: 255, 235, 209;--kv-bg-danger: 220, 53, 69;--kv-bg-contrast: 33, 37, 41;padding:.2rem .5rem;border-radius:.5rem;font-size:.8rem;font-weight:600}.kv-tag.system{background-color:rgba(var(--kv-color-system),.05);border:1px solid rgba(var(--kv-color-system),.1);color:rgba(var(--kv-color-system),1)}.kv-tag.success{background-color:rgba(var(--kv-bg-success),.05);border:1px solid rgba(var(--kv-bg-success),.1);color:rgba(var(--kv-text-success),1)}.kv-tag.info{background-color:rgba(var(--kv-bg-info),.05);border:1px solid rgba(var(--kv-bg-info),.1);color:rgba(var(--kv-text-info),1)}.kv-tag.warn{background-color:rgba(var(--kv-bg-warn),1);border:1px solid rgba(var(--kv-bg-warn),.1);color:rgba(var(--kv-text-warn),1)}.kv-tag.danger{background-color:rgba(var(--kv-bg-danger),.05);border:1px solid rgba(var(--kv-bg-danger),.1);color:rgba(var(--kv-text-danger),1)}.kv-tag.contrast{background-color:rgba(var(--kv-bg-contrast),1);border:1px solid rgba(var(--kv-bg-contrast),.1);color:rgba(var(--kv-background-card),1)}.kv-tag.no-border{border:none}\n"] }); }
|
|
13
14
|
}
|
|
14
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTagComponent, decorators: [{
|
|
15
16
|
type: Component,
|
|
16
|
-
args: [{ selector: 'kv-tag', template: "<div
|
|
17
|
+
args: [{ selector: 'kv-tag', template: "<div\r\n class=\"kv-tag {{severity()}} {{!border() && 'no-border'}}\"\r\n [style.backgroundColor]=\"color() ? color() + '0D' : ''\"\r\n [style.color]=\"color()\"\r\n>\r\n <ng-content></ng-content>\r\n</div> \r\n", styles: [".kv-tag{--kv-text-success: 75, 181, 67;--kv-text-info: 0, 123, 255;--kv-text-warn: 194, 91, 12;--kv-text-danger: 220, 53, 69;--kv-text-contrast: 33, 37, 41;--kv-bg-success: 75, 181, 67;--kv-bg-info: 0, 123, 255;--kv-bg-warn: 255, 235, 209;--kv-bg-danger: 220, 53, 69;--kv-bg-contrast: 33, 37, 41;padding:.2rem .5rem;border-radius:.5rem;font-size:.8rem;font-weight:600}.kv-tag.system{background-color:rgba(var(--kv-color-system),.05);border:1px solid rgba(var(--kv-color-system),.1);color:rgba(var(--kv-color-system),1)}.kv-tag.success{background-color:rgba(var(--kv-bg-success),.05);border:1px solid rgba(var(--kv-bg-success),.1);color:rgba(var(--kv-text-success),1)}.kv-tag.info{background-color:rgba(var(--kv-bg-info),.05);border:1px solid rgba(var(--kv-bg-info),.1);color:rgba(var(--kv-text-info),1)}.kv-tag.warn{background-color:rgba(var(--kv-bg-warn),1);border:1px solid rgba(var(--kv-bg-warn),.1);color:rgba(var(--kv-text-warn),1)}.kv-tag.danger{background-color:rgba(var(--kv-bg-danger),.05);border:1px solid rgba(var(--kv-bg-danger),.1);color:rgba(var(--kv-text-danger),1)}.kv-tag.contrast{background-color:rgba(var(--kv-bg-contrast),1);border:1px solid rgba(var(--kv-bg-contrast),.1);color:rgba(var(--kv-background-card),1)}.kv-tag.no-border{border:none}\n"] }]
|
|
17
18
|
}] });
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtdGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LXRhZy9rdi10YWcuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtdGFnL2t2LXRhZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFvQixLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT25FOztHQUVHO0FBQ0gsTUFBTSxPQUFPLGNBQWM7SUFSM0I7UUFVRSxhQUFRLEdBQUcsS0FBSyxDQUFnRSxRQUFRLENBQUMsQ0FBQztRQUMxRixXQUFNLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQy9CLFVBQUssR0FBRyxLQUFLLENBQWdCLElBQUksQ0FBQyxDQUFDO0tBRXBDOzhHQU5ZLGNBQWM7a0dBQWQsY0FBYyw4YUNWM0IsNE5BT0E7OzJGREdhLGNBQWM7a0JBUjFCLFNBQVM7K0JBQ0UsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGVmZmVjdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3YtdGFnJyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtdGFnLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4va3YtdGFnLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG4vKipcclxuICogQ29tcG9uZW50IGZvciBkaXNwbGF5aW5nIGEgdGFnLlxyXG4gKi9cclxuZXhwb3J0IGNsYXNzIEt2VGFnQ29tcG9uZW50IHtcclxuXHJcbiAgc2V2ZXJpdHkgPSBpbnB1dDwnc3lzdGVtJ3wgJ3N1Y2Nlc3MnIHwgJ2luZm8nIHwgJ3dhcm4nIHwgJ2RhbmdlcicgfCAnY29udHJhc3QnPignc3lzdGVtJyk7XHJcbiAgYm9yZGVyID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG4gIGNvbG9yID0gaW5wdXQ8c3RyaW5nIHwgbnVsbD4obnVsbCk7XHJcblxyXG59IiwiPGRpdlxyXG4gIGNsYXNzPVwia3YtdGFnIHt7c2V2ZXJpdHkoKX19IHt7IWJvcmRlcigpICYmICduby1ib3JkZXInfX1cIlxyXG4gIFtzdHlsZS5iYWNrZ3JvdW5kQ29sb3JdPVwiY29sb3IoKSA/IGNvbG9yKCkgKyAnMEQnIDogJydcIlxyXG4gIFtzdHlsZS5jb2xvcl09XCJjb2xvcigpXCJcclxuPlxyXG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG48L2Rpdj4gIFxyXG4iXX0=
|
|
@@ -10515,13 +10515,14 @@ class KvTagComponent {
|
|
|
10515
10515
|
constructor() {
|
|
10516
10516
|
this.severity = input('system');
|
|
10517
10517
|
this.border = input(false);
|
|
10518
|
+
this.color = input(null);
|
|
10518
10519
|
}
|
|
10519
10520
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10520
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvTagComponent, selector: "kv-tag", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div
|
|
10521
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.8", type: KvTagComponent, selector: "kv-tag", inputs: { severity: { classPropertyName: "severity", publicName: "severity", isSignal: true, isRequired: false, transformFunction: null }, border: { classPropertyName: "border", publicName: "border", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div\r\n class=\"kv-tag {{severity()}} {{!border() && 'no-border'}}\"\r\n [style.backgroundColor]=\"color() ? color() + '0D' : ''\"\r\n [style.color]=\"color()\"\r\n>\r\n <ng-content></ng-content>\r\n</div> \r\n", styles: [".kv-tag{--kv-text-success: 75, 181, 67;--kv-text-info: 0, 123, 255;--kv-text-warn: 194, 91, 12;--kv-text-danger: 220, 53, 69;--kv-text-contrast: 33, 37, 41;--kv-bg-success: 75, 181, 67;--kv-bg-info: 0, 123, 255;--kv-bg-warn: 255, 235, 209;--kv-bg-danger: 220, 53, 69;--kv-bg-contrast: 33, 37, 41;padding:.2rem .5rem;border-radius:.5rem;font-size:.8rem;font-weight:600}.kv-tag.system{background-color:rgba(var(--kv-color-system),.05);border:1px solid rgba(var(--kv-color-system),.1);color:rgba(var(--kv-color-system),1)}.kv-tag.success{background-color:rgba(var(--kv-bg-success),.05);border:1px solid rgba(var(--kv-bg-success),.1);color:rgba(var(--kv-text-success),1)}.kv-tag.info{background-color:rgba(var(--kv-bg-info),.05);border:1px solid rgba(var(--kv-bg-info),.1);color:rgba(var(--kv-text-info),1)}.kv-tag.warn{background-color:rgba(var(--kv-bg-warn),1);border:1px solid rgba(var(--kv-bg-warn),.1);color:rgba(var(--kv-text-warn),1)}.kv-tag.danger{background-color:rgba(var(--kv-bg-danger),.05);border:1px solid rgba(var(--kv-bg-danger),.1);color:rgba(var(--kv-text-danger),1)}.kv-tag.contrast{background-color:rgba(var(--kv-bg-contrast),1);border:1px solid rgba(var(--kv-bg-contrast),.1);color:rgba(var(--kv-background-card),1)}.kv-tag.no-border{border:none}\n"] }); }
|
|
10521
10522
|
}
|
|
10522
10523
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvTagComponent, decorators: [{
|
|
10523
10524
|
type: Component,
|
|
10524
|
-
args: [{ selector: 'kv-tag', template: "<div
|
|
10525
|
+
args: [{ selector: 'kv-tag', template: "<div\r\n class=\"kv-tag {{severity()}} {{!border() && 'no-border'}}\"\r\n [style.backgroundColor]=\"color() ? color() + '0D' : ''\"\r\n [style.color]=\"color()\"\r\n>\r\n <ng-content></ng-content>\r\n</div> \r\n", styles: [".kv-tag{--kv-text-success: 75, 181, 67;--kv-text-info: 0, 123, 255;--kv-text-warn: 194, 91, 12;--kv-text-danger: 220, 53, 69;--kv-text-contrast: 33, 37, 41;--kv-bg-success: 75, 181, 67;--kv-bg-info: 0, 123, 255;--kv-bg-warn: 255, 235, 209;--kv-bg-danger: 220, 53, 69;--kv-bg-contrast: 33, 37, 41;padding:.2rem .5rem;border-radius:.5rem;font-size:.8rem;font-weight:600}.kv-tag.system{background-color:rgba(var(--kv-color-system),.05);border:1px solid rgba(var(--kv-color-system),.1);color:rgba(var(--kv-color-system),1)}.kv-tag.success{background-color:rgba(var(--kv-bg-success),.05);border:1px solid rgba(var(--kv-bg-success),.1);color:rgba(var(--kv-text-success),1)}.kv-tag.info{background-color:rgba(var(--kv-bg-info),.05);border:1px solid rgba(var(--kv-bg-info),.1);color:rgba(var(--kv-text-info),1)}.kv-tag.warn{background-color:rgba(var(--kv-bg-warn),1);border:1px solid rgba(var(--kv-bg-warn),.1);color:rgba(var(--kv-text-warn),1)}.kv-tag.danger{background-color:rgba(var(--kv-bg-danger),.05);border:1px solid rgba(var(--kv-bg-danger),.1);color:rgba(var(--kv-text-danger),1)}.kv-tag.contrast{background-color:rgba(var(--kv-bg-contrast),1);border:1px solid rgba(var(--kv-bg-contrast),.1);color:rgba(var(--kv-background-card),1)}.kv-tag.no-border{border:none}\n"] }]
|
|
10525
10526
|
}] });
|
|
10526
10527
|
|
|
10527
10528
|
class KvTagModule {
|