keevo-components 2.0.13 → 2.0.14
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-filter-card/kv-filter-card.component.mjs +3 -3
- package/fesm2022/keevo-components.mjs +2 -2
- package/fesm2022/keevo-components.mjs.map +1 -1
- package/lib/api/base-components/base-component-dropdown.d.ts +1 -1
- package/lib/components/kv-button/kv-button.component.d.ts +1 -1
- package/lib/components/kv-table/kv-table.component.d.ts +1 -1
- package/lib/components/kv-table-expandable/kv-table-expandable.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -8,11 +8,11 @@ export class KvFilterCardComponent {
|
|
|
8
8
|
this.spaceNowrap = false;
|
|
9
9
|
}
|
|
10
10
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
-
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", spaceNowrap: "spaceNowrap" }, ngImport: i0, template: "<div
|
|
11
|
+
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", spaceNowrap: "spaceNowrap" }, 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=\"filter-card-title\">\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 <div style=\"font-weight: bold; font-size: .825em\">{{ title }}</div>\r\n </div>\r\n <div class=\"flex align-items-center\" style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\">{{ amount }}</div>\r\n </div>\r\n</div>\r\n", styles: [".card{--accent-color: #5289B4;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 8px #0003;background-color:#f9f9f9;border-left:solid .325rem var(--accent-color);border-radius:.625rem}.card *{margin:0;color:var(--accent-color)}p{font-size:.75rem}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .325rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .325rem 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{display:flex;flex-direction:row;padding:.575rem .4rem .4rem;gap:.5rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-title{flex:1 1 0%;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" }] }); }
|
|
12
12
|
}
|
|
13
13
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
|
-
args: [{ selector: 'kv-filter-card', template: "<div
|
|
15
|
+
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=\"filter-card-title\">\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 <div style=\"font-weight: bold; font-size: .825em\">{{ title }}</div>\r\n </div>\r\n <div class=\"flex align-items-center\" style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\">{{ amount }}</div>\r\n </div>\r\n</div>\r\n", styles: [".card{--accent-color: #5289B4;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 8px #0003;background-color:#f9f9f9;border-left:solid .325rem var(--accent-color);border-radius:.625rem}.card *{margin:0;color:var(--accent-color)}p{font-size:.75rem}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .325rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .325rem 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{display:flex;flex-direction:row;padding:.575rem .4rem .4rem;gap:.5rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-title{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"] }]
|
|
16
16
|
}], propDecorators: { cardState: [{
|
|
17
17
|
type: Input
|
|
18
18
|
}], color: [{
|
|
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImpor
|
|
|
26
26
|
}], spaceNowrap: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtZmlsdGVyLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtZmlsdGVyLWNhcmQva3YtZmlsdGVyLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtZmlsdGVyLWNhcmQva3YtZmlsdGVyLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPakQsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQU1XLGNBQVMsR0FBYyxRQUFRLENBQUM7UUFLaEMsZ0JBQVcsR0FBWSxLQUFLLENBQUM7S0FDdkM7OEdBUFkscUJBQXFCO2tHQUFyQixxQkFBcUIsd0xDUGxDLDBvQkFZQTs7MkZETGEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFLakIsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3YtZmlsdGVyLWNhcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1maWx0ZXItY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LWZpbHRlci1jYXJkLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2RmlsdGVyQ2FyZENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgY2FyZFN0YXRlOiBDYXJkU3RhdGUgPSBcIm5vcm1hbFwiO1xyXG4gIEBJbnB1dCgpIGNvbG9yITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRpdGxlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFtb3VudD86IG51bWJlcjtcclxuICBASW5wdXQoKSBnSWNvbj86IHN0cmluZztcclxuICBASW5wdXQoKSBzcGFjZU5vd3JhcDogYm9vbGVhbiA9IGZhbHNlO1xyXG59XHJcblxyXG5leHBvcnQgdHlwZSBDYXJkU3RhdGUgPSBcIm5vcm1hbFwiIHwgXCJzZWxlY3RlZFwiIHwgXCJpbmFjdGl2ZVwiO1xyXG5leHBvcnQgdHlwZSBDYXJkU3RhdGVDbGFzcyA9IFwiY2FyZFwiIHwgXCJQTEFDRUhPTERFUlwiIHwgXCJjYXJkLWRpc2FibGVkXCI7IiwiPGRpdiBbc3R5bGVdPSd7XCItLWFjY2VudC1jb2xvclwiOiBjb2xvcn0nIFtuZ0NsYXNzXT0nW2NhcmRTdGF0ZSA9PSBcImluYWN0aXZlXCIgPyBcImNhcmQtZGlzYWJsZWRcIiA6IFwiY2FyZFwiLCBjYXJkU3RhdGUgPT0gXCJzZWxlY3RlZFwiID8gXCJjbGlja2FibGUtc2VsZWN0ZWRcIiA6IFwiY2xpY2thYmxlXCJdJz5cclxuICA8ZGl2IGNsYXNzPVwiZmlsdGVyLWNhcmQtY29udGVudFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImZpbHRlci1jYXJkLXRpdGxlXCI+XHJcbiAgICAgIEBpZiAoZ0ljb24pIHtcclxuICAgICAgPGt2LWctaWNvbj57eyBnSWNvbiB9fTwva3YtZy1pY29uPlxyXG4gICAgICB9XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltpY29uXVwiPjwvbmctY29udGVudD5cclxuICAgICAgPGRpdiBzdHlsZT1cImZvbnQtd2VpZ2h0OiBib2xkOyBmb250LXNpemU6IC44MjVlbVwiPnt7IHRpdGxlIH19PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGFsaWduLWl0ZW1zLWNlbnRlclwiIHN0eWxlPVwiZm9udC1zaXplOiAxLjI1ZW07IGZvbnQtd2VpZ2h0OiBib2xkOyBtaW4taGVpZ2h0OiAxLjg3NXJlbVwiPnt7IGFtb3VudCB9fTwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -8751,11 +8751,11 @@ class KvFilterCardComponent {
|
|
|
8751
8751
|
this.spaceNowrap = false;
|
|
8752
8752
|
}
|
|
8753
8753
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8754
|
-
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", spaceNowrap: "spaceNowrap" }, ngImport: i0, template: "<div
|
|
8754
|
+
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", spaceNowrap: "spaceNowrap" }, 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=\"filter-card-title\">\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 <div style=\"font-weight: bold; font-size: .825em\">{{ title }}</div>\r\n </div>\r\n <div class=\"flex align-items-center\" style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\">{{ amount }}</div>\r\n </div>\r\n</div>\r\n", styles: [".card{--accent-color: #5289B4;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 8px #0003;background-color:#f9f9f9;border-left:solid .325rem var(--accent-color);border-radius:.625rem}.card *{margin:0;color:var(--accent-color)}p{font-size:.75rem}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .325rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .325rem 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{display:flex;flex-direction:row;padding:.575rem .4rem .4rem;gap:.5rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-title{flex:1 1 0%;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" }] }); }
|
|
8755
8755
|
}
|
|
8756
8756
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvFilterCardComponent, decorators: [{
|
|
8757
8757
|
type: Component,
|
|
8758
|
-
args: [{ selector: 'kv-filter-card', template: "<div
|
|
8758
|
+
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=\"filter-card-title\">\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 <div style=\"font-weight: bold; font-size: .825em\">{{ title }}</div>\r\n </div>\r\n <div class=\"flex align-items-center\" style=\"font-size: 1.25em; font-weight: bold; min-height: 1.875rem\">{{ amount }}</div>\r\n </div>\r\n</div>\r\n", styles: [".card{--accent-color: #5289B4;border:1px solid rgba(0,0,0,.15);box-shadow:0 4px 8px #0003;background-color:#f9f9f9;border-left:solid .325rem var(--accent-color);border-radius:.625rem}.card *{margin:0;color:var(--accent-color)}p{font-size:.75rem}.card-disabled{--accent-color: #5289B4;border:1px solid lightgrey;border-left:solid .325rem lightgrey;transition:border-left .2s ease;border-radius:10px}.card-disabled:hover{border-left:solid .325rem 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{display:flex;flex-direction:row;padding:.575rem .4rem .4rem;gap:.5rem}.select-none{-webkit-user-select:none;user-select:none}.filter-card-title{flex:1 1 0%;display:flex;flex-direction:row;align-items:center;gap:.4rem}\n"] }]
|
|
8759
8759
|
}], propDecorators: { cardState: [{
|
|
8760
8760
|
type: Input
|
|
8761
8761
|
}], color: [{
|