keevo-components 1.8.153 → 1.8.154
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.
|
@@ -7,11 +7,11 @@ export class KvFilterCardComponent {
|
|
|
7
7
|
this.cardState = "normal";
|
|
8
8
|
}
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardComponent, selector: "kv-filter-card", inputs: { cardState: "cardState", color: "color", title: "title", amount: "amount", gIcon: "gIcon" }, ngImport: i0, template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardComponent, selector: "kv-filter-card", inputs: { cardState: "cardState", color: "color", title: "title", amount: "amount", gIcon: "gIcon" }, ngImport: i0, template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\r\n </div>\r\n <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\r\n </div>\r\n </div>\r\n ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.KvGIconComponent, selector: "kv-g-icon" }] }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'kv-filter-card', template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p
|
|
14
|
+
args: [{ selector: 'kv-filter-card', template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\r\n </div>\r\n <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\r\n </div>\r\n </div>\r\n ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"] }]
|
|
15
15
|
}], propDecorators: { cardState: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], color: [{
|
|
@@ -23,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
23
23
|
}], gIcon: [{
|
|
24
24
|
type: Input
|
|
25
25
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtZmlsdGVyLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtZmlsdGVyLWNhcmQva3YtZmlsdGVyLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtZmlsdGVyLWNhcmQva3YtZmlsdGVyLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPakQsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQU1XLGNBQVMsR0FBYyxRQUFRLENBQUM7S0FLMUM7OEdBTlkscUJBQXFCO2tHQUFyQixxQkFBcUIsNEpDUGxDLHNsQkFZRTs7MkZETFcscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFLakIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2t2LWZpbHRlci1jYXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtZmlsdGVyLWNhcmQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9rdi1maWx0ZXItY2FyZC5jb21wb25lbnQuc2NzcycsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdkZpbHRlckNhcmRDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGNhcmRTdGF0ZTogQ2FyZFN0YXRlID0gXCJub3JtYWxcIjtcclxuICBASW5wdXQoKSBjb2xvciE6IHN0cmluZztcclxuICBASW5wdXQoKSB0aXRsZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBhbW91bnQ/OiBudW1iZXI7XHJcbiAgQElucHV0KCkgZ0ljb24/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIENhcmRTdGF0ZSA9IFwibm9ybWFsXCIgfCBcInNlbGVjdGVkXCIgfCBcImluYWN0aXZlXCI7XHJcbmV4cG9ydCB0eXBlIENhcmRTdGF0ZUNsYXNzID0gXCJjYXJkXCIgfCBcIlBMQUNFSE9MREVSXCIgfCBcImNhcmQtZGlzYWJsZWRcIjsiLCI8ZGl2IFtzdHlsZV09J3tcIi0tYWNjZW50LWNvbG9yXCI6IGNvbG9yfScgW25nQ2xhc3NdPSdbY2FyZFN0YXRlID09IFwiaW5hY3RpdmVcIiA/IFwiY2FyZC1kaXNhYmxlZFwiIDogXCJjYXJkXCIsIGNhcmRTdGF0ZSA9PSBcInNlbGVjdGVkXCIgPyBcImNsaWNrYWJsZS1zZWxlY3RlZFwiIDogXCJjbGlja2FibGVcIl0nPlxyXG4gICAgPGRpdiBjbGFzcz1cImZpbHRlci1jYXJkLWNvbnRlbnRcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImZsZXgtcm93LWNlbnRlclwiPlxyXG4gICAgICAgIEBpZiAoZ0ljb24pIHtcclxuICAgICAgICA8a3YtZy1pY29uPnt7IGdJY29uIH19PC9rdi1nLWljb24+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpY29uXVwiPjwvbmctY29udGVudD5cclxuICAgICAgICA8cCBjbGFzcz1cIndoaXRlLXNwYWNlLW5vd3JhcCBmb250LWJvbGRcIj57eyB0aXRsZSB9fTwvcD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxwIHN0eWxlPVwiZm9udC1zaXplOiAyZW1cIiBjbGFzcz1cImZvbnQtYm9sZFwiPnt7IGFtb3VudCB9fTwvcD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gICJdfQ==
|
|
@@ -14,7 +14,6 @@ export class KvSwitchComponent extends BaseComponentInput {
|
|
|
14
14
|
}
|
|
15
15
|
ngOnChanges(changes) {
|
|
16
16
|
if (changes['switchValue']) {
|
|
17
|
-
this.emitOnSwitchChange(changes['switchValue'].currentValue);
|
|
18
17
|
this.value = changes['switchValue'].currentValue;
|
|
19
18
|
}
|
|
20
19
|
}
|
|
@@ -38,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
38
37
|
}], onSwitchChange: [{
|
|
39
38
|
type: Output
|
|
40
39
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc3dpdGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1zd2l0Y2gva3Ytc3dpdGNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1zd2l0Y2gva3Ytc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFHTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDdkYsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7OztBQVk5RSxNQUFNLE9BQU8saUJBQWtCLFNBQVEsa0JBQTJCO0lBVWhFLFlBQVksZ0JBQWtDO1FBQzVDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1FBTmhCLG1CQUFjLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFHakUsMkJBQXNCLEdBQVksS0FBSyxDQUFDO0lBSXhDLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBRyxPQUFPLENBQUMsYUFBYSxDQUFDLEVBQUMsQ0FBQztZQUN6QixJQUFJLENBQUMsS0FBSyxHQUFHLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxZQUFZLENBQUM7UUFDbkQsQ0FBQztJQUNILENBQUM7SUFFUSxRQUFRO1FBQ2YsSUFBSSxJQUFJLENBQUMsV0FBVztZQUFFLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztJQUd0RCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsS0FBVTtRQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsQyxDQUFDOzhHQTVCVSxpQkFBaUI7a0dBQWpCLGlCQUFpQixpSkFGakIsa0JBQWtCLENBQUMsaUJBQWlCLENBQUMsc0VDckJsRCx1YUFjQTs7MkZEU2EsaUJBQWlCO2tCQVQ3QixTQUFTOytCQUNFLFdBQVcsYUFNVixrQkFBa0IsbUJBQW1CO3FGQUl2QyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUksY0FBYztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBJbnB1dCxcclxuICBPbkNoYW5nZXMsXHJcbiAgT25Jbml0LFxyXG4gIE91dHB1dCxcclxuICBTaW1wbGVDaGFuZ2VzXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBCYXNlQ29tcG9uZW50SW5wdXQgfSBmcm9tICcuLi8uLi8uLi9hcGkvYmFzZS1jb21wb25lbnRzL2Jhc2UtY29tcG9uZW50LWlucHV0JztcclxuaW1wb3J0IHsgQ29tcG9uZW50UHJvdmlkZXJzIH0gZnJvbSAnLi4vLi4vLi4vYXBpL2hlbHBlcnMvY29tcG9uZW50LXByb3ZpZGVycyc7XHJcbmltcG9ydCB7IENvbXBvbmVudFNlcnZpY2UgfSBmcm9tICcuLi8uLi8uLi9hcGkvc2VydmljZXMvY29tcG9uZW50LnNlcnZpY2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi1zd2l0Y2gnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1zd2l0Y2guY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogW1xyXG4gICAgJy4va3Ytc3dpdGNoLmNvbXBvbmVudC5zY3NzJyxcclxuICAgICcuLi8uLi9rZWV2by1jb21wb25lbnRzLXN0eWxlcy5zY3NzJ1xyXG4gIF0sXHJcbiAgcHJvdmlkZXJzOiBDb21wb25lbnRQcm92aWRlcnMoS3ZTd2l0Y2hDb21wb25lbnQpLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZTd2l0Y2hDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50SW5wdXQ8Ym9vbGVhbj4ge1xyXG5cclxuICBASW5wdXQoKSByZWFkb25seSE6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgc3dpdGNoVmFsdWUhOiBib29sZWFuO1xyXG5cclxuICBAT3V0cHV0KCkgb25Td2l0Y2hDaGFuZ2U6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuXHJcbiAgdmFyaXZlbERvTWV1Q29tcG9uZW50ZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihjb21wb25lbnRTZXJ2aWNlOiBDb21wb25lbnRTZXJ2aWNlKSB7XHJcbiAgICBzdXBlcihjb21wb25lbnRTZXJ2aWNlKTtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcclxuICAgIGlmKGNoYW5nZXNbJ3N3aXRjaFZhbHVlJ10pe1xyXG4gICAgICB0aGlzLnZhbHVlID0gY2hhbmdlc1snc3dpdGNoVmFsdWUnXS5jdXJyZW50VmFsdWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnN3aXRjaFZhbHVlKSB0aGlzLnZhbHVlID0gdGhpcy5zd2l0Y2hWYWx1ZTtcclxuXHJcbiAgICBcclxuICB9XHJcblxyXG4gIGVtaXRPblN3aXRjaENoYW5nZShldmVudDogYW55KSB7XHJcbiAgICB0aGlzLm9uU3dpdGNoQ2hhbmdlLmVtaXQoZXZlbnQpO1xyXG4gIH1cclxufVxyXG5cclxuXHJcbiIsIjxkaXYgY2xhc3M9XCJjZW50ZXIgZmllbGQtY2hlY2tib3hcIj5cclxuXHJcbiAgPHAtaW5wdXRTd2l0Y2hcclxuICAgIFtpbnB1dElkXT1cImNvbXBvbmVudElkXCJcclxuICAgIFsobmdNb2RlbCldPVwidmFsdWVcIlxyXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXHJcbiAgICAobmdNb2RlbENoYW5nZSk9XCJlbWl0T25Td2l0Y2hDaGFuZ2UoJGV2ZW50KVwiXHJcbiAgICA+XHJcbiAgPC9wLWlucHV0U3dpdGNoPlxyXG4gIDxsYWJlbCBbZm9yXT1cImNvbXBvbmVudElkXCI+e3sgbGFiZWwgfX08L2xhYmVsPlxyXG5cclxuICA8a3YtZXJyb3IgW2hhc0Vycm9yXT1cImhhc0NvbnRyb2xFcnJvcigpXCI+e3sgZXJyb01lc3NhZ2UoKSB9fTwva3YtZXJyb3I+XHJcbjwvZGl2PlxyXG4iXX0=
|
|
@@ -3396,7 +3396,6 @@ class KvSwitchComponent extends BaseComponentInput {
|
|
|
3396
3396
|
}
|
|
3397
3397
|
ngOnChanges(changes) {
|
|
3398
3398
|
if (changes['switchValue']) {
|
|
3399
|
-
this.emitOnSwitchChange(changes['switchValue'].currentValue);
|
|
3400
3399
|
this.value = changes['switchValue'].currentValue;
|
|
3401
3400
|
}
|
|
3402
3401
|
}
|
|
@@ -6569,11 +6568,11 @@ class KvFilterCardComponent {
|
|
|
6569
6568
|
this.cardState = "normal";
|
|
6570
6569
|
}
|
|
6571
6570
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6572
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardComponent, selector: "kv-filter-card", inputs: { cardState: "cardState", color: "color", title: "title", amount: "amount", gIcon: "gIcon" }, ngImport: i0, template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p
|
|
6571
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvFilterCardComponent, selector: "kv-filter-card", inputs: { cardState: "cardState", color: "color", title: "title", amount: "amount", gIcon: "gIcon" }, ngImport: i0, template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\r\n </div>\r\n <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\r\n </div>\r\n </div>\r\n ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KvGIconComponent, selector: "kv-g-icon" }] }); }
|
|
6573
6572
|
}
|
|
6574
6573
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, decorators: [{
|
|
6575
6574
|
type: Component,
|
|
6576
|
-
args: [{ selector: 'kv-filter-card', template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p
|
|
6575
|
+
args: [{ selector: 'kv-filter-card', template: "<div [style]='{\"--accent-color\": color}' [ngClass]='[cardState == \"inactive\" ? \"card-disabled\" : \"card\", cardState == \"selected\" ? \"clickable-selected\" : \"clickable\"]'>\r\n <div class=\"filter-card-content\">\r\n <div class=\"flex-row-center\">\r\n @if (gIcon) {\r\n <kv-g-icon>{{ gIcon }}</kv-g-icon>\r\n }\r\n <ng-content select=\"[icon]\"></ng-content>\r\n <p class=\"white-space-nowrap font-bold\">{{ title }}</p>\r\n </div>\r\n <p style=\"font-size: 2em\" class=\"font-bold\">{{ amount }}</p>\r\n </div>\r\n </div>\r\n ", styles: [".card{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem var(--accent-color);border-radius:10px}.card *{margin:0;color:var(--accent-color)}p{font-size:14px}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .4rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .4rem var(--accent-color);transition:border-left .2s ease}.card-disabled:hover *{color:var(--accent-color);transition:color .2s ease}.card-disabled *{margin:0;color:#d3d3d3;transition:color .2s ease}.clickable-selected{cursor:pointer;background-color:#eafaff}.clickable-selected:hover{background-color:#deeeff}.clickable{cursor:pointer}.clickable:hover{background-color:#f0f0f0}.filter-card-content{width:180px;display:flex;flex-direction:column;padding:1rem .6rem .6rem;gap:1.2rem}.select-none{-webkit-user-select:none;user-select:none}.flex-row-center{display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"] }]
|
|
6577
6576
|
}], propDecorators: { cardState: [{
|
|
6578
6577
|
type: Input
|
|
6579
6578
|
}], color: [{
|