keevo-components 1.8.331 → 1.8.332
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.
|
@@ -2,6 +2,7 @@ import { Component, EventEmitter, Input, input, Output, model } from '@angular/c
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "primeng/button";
|
|
5
|
+
import * as i3 from "primeng/ripple";
|
|
5
6
|
export class KvSelectButtonsComponent {
|
|
6
7
|
constructor() {
|
|
7
8
|
this.options = input([]);
|
|
@@ -22,14 +23,14 @@ export class KvSelectButtonsComponent {
|
|
|
22
23
|
value.action();
|
|
23
24
|
}
|
|
24
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
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
|
|
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\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 >\r\n @if(option.icon){\r\n <span class=\"material-symbols-outlined\">\r\n {{ option.icon}}\r\n </span>\r\n }\r\n\r\n {{ option.label }}\r\n\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
27
|
}
|
|
27
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, decorators: [{
|
|
28
29
|
type: Component,
|
|
29
|
-
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
|
|
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\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 >\r\n @if(option.icon){\r\n <span class=\"material-symbols-outlined\">\r\n {{ option.icon}}\r\n </span>\r\n }\r\n\r\n {{ option.label }}\r\n\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
31
|
}], propDecorators: { defaultValue: [{
|
|
31
32
|
type: Input
|
|
32
33
|
}], selectChange: [{
|
|
33
34
|
type: Output
|
|
34
35
|
}] } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc2VsZWN0LWJ1dHRvbnMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2Vldm8tY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMva3YtaW5wdXRzL2t2LXNlbGVjdC1idXR0b25zL2t2LXNlbGVjdC1idXR0b25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tlZXZvLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2t2LWlucHV0cy9rdi1zZWxlY3QtYnV0dG9ucy9rdi1zZWxlY3QtYnV0dG9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUTdGLE1BQU0sT0FBTyx3QkFBd0I7SUFOckM7UUFPRSxZQUFPLEdBQUcsS0FBSyxDQUEyQixFQUFFLENBQUMsQ0FBQztRQUM5QyxjQUFTLEdBQUcsS0FBSyxFQUFLLENBQUM7UUFPdkI7O1dBRUc7UUFDTyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFLLENBQUM7S0FhaEQ7SUFYQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQ3hDLENBQUM7SUFDSCxDQUFDO0lBRUQsTUFBTSxDQUFDLEtBQTZCO1FBQ2xDLElBQUksQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDcEMsS0FBSyxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2pCLENBQUM7OEdBeEJVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLDhoQkNSckMsNnBCQTBCQTs7MkZEbEJhLHdCQUF3QjtrQkFOcEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsS0FBSzs4QkFXUixZQUFZO3NCQUFwQixLQUFLO2dCQUtJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIGlucHV0LCBPbkluaXQsIE91dHB1dCwgbW9kZWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAna3Ytc2VsZWN0LWJ1dHRvbnMnLFxyXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1zZWxlY3QtYnV0dG9ucy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LXNlbGVjdC1idXR0b25zLmNvbXBvbmVudC5zY3NzJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2U2VsZWN0QnV0dG9uc0NvbXBvbmVudDxUPiBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgb3B0aW9ucyA9IGlucHV0PFNlbGVjdEJ1dHRvbnNPcHRpb248VD5bXT4oW10pO1xyXG4gIHNlbGVjdGlvbiA9IG1vZGVsPFQ+KCk7XHJcblxyXG4gIC8qKlxyXG4gICAqIEBkZXByZWNhdGVkIGEgZmF2b3IgZG8gc2VsZWN0aW9uXHJcbiAgICovXHJcbiAgQElucHV0KCkgZGVmYXVsdFZhbHVlPzogVDtcclxuXHJcbiAgLyoqXHJcbiAgICogQGRlcHJlY2F0ZWQgYSBmYXZvciBkbyBzZWxlY3Rpb25cclxuICAgKi9cclxuICBAT3V0cHV0KCkgc2VsZWN0Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxUPigpO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmRlZmF1bHRWYWx1ZSkge1xyXG4gICAgICB0aGlzLnNlbGVjdGlvbi5zZXQodGhpcy5kZWZhdWx0VmFsdWUpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgc2VsZWN0KHZhbHVlOiBTZWxlY3RCdXR0b25zT3B0aW9uPFQ+KSB7XHJcbiAgICB0aGlzLnNlbGVjdGlvbi5zZXQodmFsdWUudmFsdWUpO1xyXG4gICAgdGhpcy5zZWxlY3RDaGFuZ2UuZW1pdCh2YWx1ZS52YWx1ZSk7XHJcbiAgICB2YWx1ZS5hY3Rpb24oKTtcclxuICB9XHJcbn1cclxuXHJcbmV4cG9ydCB0eXBlIFNlbGVjdEJ1dHRvbnNPcHRpb248VD4gPSB7XHJcbiAgbGFiZWw6IHN0cmluZztcclxuICBpY29uPzogc3RyaW5nO1xyXG4gIGFjdGlvbjogKCkgPT4gdm9pZDtcclxuICB2YWx1ZTogVDtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmxleCBmbGV4LTEgZmxleC1yb3cgcGwtMiBqdXN0aWZ5LWNvbnRlbnQtc3RhcnRcIj5cclxuICA8ZGl2IGNsYXNzPVwiZmxleCBwLTEgZ2FwLTEgYm9yZGVyLXJvdW5kIHNlbGVjdC1idXR0b24tY29udGFpbmVyXCI+XHJcbiAgICBAZm9yKG9wdGlvbiBvZiBvcHRpb25zKCk7IHRyYWNrIG9wdGlvbi52YWx1ZTspIHtcclxuXHJcbiAgICA8YnV0dG9uXHJcbiAgICAgIChjbGljayk9XCJzZWxlY3Qob3B0aW9uKVwiXHJcbiAgICAgIFtuZ0NsYXNzXT1cIltcclxuICAgICAgICBzZWxlY3Rpb24oKSA9PT0gb3B0aW9uLnZhbHVlID8gJ2FjdGl2ZScgOiAnaW5hY3RpdmUnLFxyXG4gICAgICAgICdzZWxlY3QtYnV0dG9uJ1xyXG4gICAgICBdXCJcclxuICAgICAgY2xhc3M9XCJcIlxyXG4gICAgICBwQnV0dG9uXHJcbiAgICAgIHBSaXBwbGVcclxuICAgID5cclxuICAgICAgQGlmKG9wdGlvbi5pY29uKXtcclxuICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIj5cclxuICAgICAgICAgIHt7IG9wdGlvbi5pY29ufX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgIH1cclxuXHJcbiAgICAgIHt7IG9wdGlvbi5sYWJlbCB9fVxyXG5cclxuICAgIDwvYnV0dG9uPlxyXG4gICAgfVxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -5039,11 +5039,11 @@ class KvSelectButtonsComponent {
|
|
|
5039
5039
|
value.action();
|
|
5040
5040
|
}
|
|
5041
5041
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5042
|
-
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
|
|
5042
|
+
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\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 >\r\n @if(option.icon){\r\n <span class=\"material-symbols-outlined\">\r\n {{ option.icon}}\r\n </span>\r\n }\r\n\r\n {{ option.label }}\r\n\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: i1$1.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }, { kind: "directive", type: i2.Ripple, selector: "[pRipple]" }] }); }
|
|
5043
5043
|
}
|
|
5044
5044
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.8", ngImport: i0, type: KvSelectButtonsComponent, decorators: [{
|
|
5045
5045
|
type: Component,
|
|
5046
|
-
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
|
|
5046
|
+
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\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 >\r\n @if(option.icon){\r\n <span class=\"material-symbols-outlined\">\r\n {{ option.icon}}\r\n </span>\r\n }\r\n\r\n {{ option.label }}\r\n\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"] }]
|
|
5047
5047
|
}], propDecorators: { defaultValue: [{
|
|
5048
5048
|
type: Input
|
|
5049
5049
|
}], selectChange: [{
|