keevo-components 1.8.313 → 1.8.315
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-inputs/kv-select-buttons/kv-select-buttons.component.mjs +3 -3
- package/esm2022/lib/components/kv-table-expandable/kv-table-expandable.component.mjs +38 -19
- package/esm2022/lib/components/kv-table-expandable/kv-table-expandable.module.mjs +7 -3
- package/esm2022/lib/components/kv-tree-table/kv-tree-table.component.mjs +2 -2
- package/fesm2022/keevo-components.mjs +45 -23
- package/fesm2022/keevo-components.mjs.map +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 +6 -3
- package/lib/components/kv-table-expandable/kv-table-expandable.module.d.ts +2 -1
- package/package.json +1 -1
|
@@ -23,14 +23,14 @@ export class KvSelectButtonsComponent {
|
|
|
23
23
|
value.action();
|
|
24
24
|
}
|
|
25
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n class=\"text-xs xl:text-base\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i3.Ripple, selector: "[pRipple]" }] }); }
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.8", type: KvSelectButtonsComponent, selector: "kv-select-buttons", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selection: "selectionChange", selectChange: "selectChange" }, ngImport: i0, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n class=\"text-xs xl:text-base\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i3.Ripple, selector: "[pRipple]" }] }); }
|
|
27
27
|
}
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
|
-
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n class=\"text-xs xl:text-base\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"] }]
|
|
30
|
+
args: [{ selector: 'kv-select-buttons', standalone: false, template: "<div class=\"flex flex-1 flex-row pl-2 justify-content-start\">\r\n <div class=\"flex p-1 gap-1 border-round select-button-container\">\r\n @for(option of options(); track option.value;) {\r\n <button\r\n (click)=\"select(option)\"\r\n [ngClass]=\"[\r\n selection() === option.value ? 'active' : 'inactive',\r\n 'select-button'\r\n ]\"\r\n class=\"\"\r\n pButton\r\n pRipple\r\n class=\"text-xs xl:text-base\"\r\n >\r\n {{ option.label }}\r\n </button>\r\n }\r\n </div>\r\n</div>\r\n", styles: [".select-button{border-radius:4px!important;box-shadow:1px 1px 1px 1px #18346205;color:#000;font-weight:700;border:none;gap:.25rem;padding:.5rem!important;font-size:.8rem!important}@media (max-width: 1400px){.select-button{padding:.3rem!important}}.active{background-color:#002542;color:#fff;font-weight:600}.inactive{background-color:#f0f4f9;color:#64748b;font-weight:400;transition:background-color .3s ease}.inactive:hover{background-color:#a3a3a336;color:#47566b}.select-button-container{background-color:#f0f4f9;border:.5px solid #CBD5E1}\n"] }]
|
|
31
31
|
}], propDecorators: { defaultValue: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}], selectChange: [{
|
|
34
34
|
type: Output
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc2VsZWN0LWJ1dHRvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5wdXRzL2t2LXNlbGVjdC1idXR0b25zL2t2LXNlbGVjdC1idXR0b25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1zZWxlY3QtYnV0dG9ucy9rdi1zZWxlY3QtYnV0dG9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUTdGLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFPRSxZQUFPLEdBQUcsS0FBSyxDQUEyQixFQUFFLENBQUMsQ0FBQztRQUM5QyxjQUFTLEdBQUcsS0FBSyxFQUFLLENBQUM7UUFPdkI7O1dBRUc7UUFDTyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFLLENBQUM7S0FhaEQ7SUFYQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3hDLENBQUM7SUFDSCxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQTZCO1FBQ2xDLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEMsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2pCLENBQUM7OEdBeEJVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLDhoQkNSckMsNGlCQW1CQTs7MkZEWGEsd0JBQXdCO2tCQU5wQyxTQUFTOytCQUNFLG1CQUFtQixjQUNqQixLQUFLOzhCQVdSLFlBQVk7c0JBQXBCLEtBQUs7Z0JBS0ksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgaW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBtb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdrdi1zZWxlY3QtYnV0dG9ucycsXHJcbiAgc3RhbmRhbG9uZTogZmFsc2UsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LXNlbGVjdC1idXR0b25zLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4va3Ytc2VsZWN0LWJ1dHRvbnMuY29tcG9uZW50LnNjc3MnLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZTZWxlY3RCdXR0b25zQ29tcG9uZW50PFQ+IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBvcHRpb25zID0gaW5wdXQ8U2VsZWN0QnV0dG9uc09wdGlvbjxUPltdPihbXSk7XHJcbiAgc2VsZWN0aW9uID0gbW9kZWw8VD4oKTtcclxuXHJcbiAgLyoqXHJcbiAgICogQGRlcHJlY2F0ZWQgYSBmYXZvciBkbyBzZWxlY3Rpb25cclxuICAgKi9cclxuICBASW5wdXQoKSBkZWZhdWx0VmFsdWU/OiBUO1xyXG5cclxuICAvKipcclxuICAgKiBAZGVwcmVjYXRlZCBhIGZhdm9yIGRvIHNlbGVjdGlvblxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSBzZWxlY3RDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFQ+KCk7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuZGVmYXVsdFZhbHVlKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0aW9uLnNldCh0aGlzLmRlZmF1bHRWYWx1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBzZWxlY3QodmFsdWU6IFNlbGVjdEJ1dHRvbnNPcHRpb248VD4pIHtcclxuICAgIHRoaXMuc2VsZWN0aW9uLnNldCh2YWx1ZS52YWx1ZSk7XHJcbiAgICB0aGlzLnNlbGVjdENoYW5nZS5lbWl0KHZhbHVlLnZhbHVlKTtcclxuICAgIHZhbHVlLmFjdGlvbigpO1xyXG4gIH1cclxufVxyXG5cclxuZXhwb3J0IHR5cGUgU2VsZWN0QnV0dG9uc09wdGlvbjxUPiA9IHtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIGFjdGlvbjogKCkgPT4gdm9pZDtcclxuICB2YWx1ZTogVDtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LTEgZmxleC1yb3cgcGwtMiBqdXN0aWZ5LWNvbnRlbnQtc3RhcnRcIj5cclxuICA8ZGl2IGNsYXNzPVwiZmxleCBwLTEgZ2FwLTEgYm9yZGVyLXJvdW5kIHNlbGVjdC1idXR0b24tY29udGFpbmVyXCI+XHJcbiAgICBAZm9yKG9wdGlvbiBvZiBvcHRpb25zKCk7IHRyYWNrIG9wdGlvbi52YWx1ZTspIHtcclxuICAgIDxidXR0b25cclxuICAgICAgKGNsaWNrKT1cInNlbGVjdChvcHRpb24pXCJcclxuICAgICAgW25nQ2xhc3NdPVwiW1xyXG4gICAgICAgIHNlbGVjdGlvbigpID09PSBvcHRpb24udmFsdWUgPyAnYWN0aXZlJyA6ICdpbmFjdGl2ZScsXHJcbiAgICAgICAgJ3NlbGVjdC1idXR0b24nXHJcbiAgICAgIF1cIlxyXG4gICAgICBjbGFzcz1cIlwiXHJcbiAgICAgIHBCdXR0b25cclxuICAgICAgcFJpcHBsZVxyXG4gICAgICBjbGFzcz1cInRleHQteHMgeGw6dGV4dC1iYXNlXCJcclxuICAgID5cclxuICAgICAge3sgb3B0aW9uLmxhYmVsIH19XHJcbiAgICA8L2J1dHRvbj5cclxuICAgIH1cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
|