kivio 1.0.2 → 1.0.3

package/esm2022/lib/components/date-picker/date-picker.component.mjs

@@ -26,11 +26,11 @@ export class DatePickerComponent {
         this.dateSelected.emit(this.selectedDate);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DatePickerComponent, isStandalone: true, selector: "lib-kv-date-picker", inputs: { initialDate: "initialDate", showDetails: "showDetails" }, outputs: { dateSelected: "dateSelected" }, ngImport: i0, template: "<div class=\"date-picker\">\r\n    <input type=\"date\" [value]=\"formatDateForInput(selectedDate)\" (input)=\"onDateChange($event)\" class=\"form-control\">\r\n    <div *ngIf=\"showDetails\" class=\"date-details\">\r\n        <p>{{ selectedDate | date:'fullDate' }}</p>\r\n    </div>\r\n</div>", styles: ["input,textarea{width:85%;padding:12px 16px;margin:8px 0;font-size:16px;border:1px solid #261f26;border-radius:8px;outline:none;background-color:#f9f9f9;color:#333;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;font-family:Roboto,sans-serif!important}input::placeholder,textarea::placeholder{color:#261f26;font-style:italic}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;background-color:#fff}input:disabled,textarea:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}input.error,textarea.error{border-color:red;box-shadow:0 0 8px #ff000080}.date-picker{max-width:300px;margin:10px 0}.date-details{margin-top:10px;font-size:.9em;color:#666}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DatePickerComponent, isStandalone: true, selector: "lib-kv-date-picker", inputs: { initialDate: "initialDate", showDetails: "showDetails" }, outputs: { dateSelected: "dateSelected" }, ngImport: i0, template: "<div class=\"date-picker\">\r\n    <input type=\"date\" [value]=\"formatDateForInput(selectedDate)\" (input)=\"onDateChange($event)\" class=\"form-control\">\r\n    <div *ngIf=\"showDetails\" class=\"date-details\">\r\n        <p>{{ selectedDate | date:'fullDate' }}</p>\r\n    </div>\r\n</div>", styles: ["input,textarea{padding:10px;width:-webkit-fill-available;border:1px solid #ccc;border-radius:5px;font-size:16px;font-family:Roboto,sans-serif!important;color:#101828;background-color:#fff}input::placeholder,textarea::placeholder{color:#475467}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;background-color:#fff}input.error,textarea.error{border-color:#fcd9d9;box-shadow:0 0 8px #fcd9d980}.input-group{margin-bottom:15px}.input-group label{font-size:14px;margin-bottom:5px;color:#555}.input-group .error-message{color:red}.date-picker{margin:10px 0;cursor:pointer}.date-details{font-size:.9em;color:#666}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatePickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-kv-date-picker', standalone: true, imports: [FormsModule, CommonModule], template: "<div class=\"date-picker\">\r\n    <input type=\"date\" [value]=\"formatDateForInput(selectedDate)\" (input)=\"onDateChange($event)\" class=\"form-control\">\r\n    <div *ngIf=\"showDetails\" class=\"date-details\">\r\n        <p>{{ selectedDate | date:'fullDate' }}</p>\r\n    </div>\r\n</div>", styles: ["input,textarea{width:85%;padding:12px 16px;margin:8px 0;font-size:16px;border:1px solid #261f26;border-radius:8px;outline:none;background-color:#f9f9f9;color:#333;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;font-family:Roboto,sans-serif!important}input::placeholder,textarea::placeholder{color:#261f26;font-style:italic}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;background-color:#fff}input:disabled,textarea:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}input.error,textarea.error{border-color:red;box-shadow:0 0 8px #ff000080}.date-picker{max-width:300px;margin:10px 0}.date-details{margin-top:10px;font-size:.9em;color:#666}\n"] }]
+            args: [{ selector: 'lib-kv-date-picker', standalone: true, imports: [FormsModule, CommonModule], template: "<div class=\"date-picker\">\r\n    <input type=\"date\" [value]=\"formatDateForInput(selectedDate)\" (input)=\"onDateChange($event)\" class=\"form-control\">\r\n    <div *ngIf=\"showDetails\" class=\"date-details\">\r\n        <p>{{ selectedDate | date:'fullDate' }}</p>\r\n    </div>\r\n</div>", styles: ["input,textarea{padding:10px;width:-webkit-fill-available;border:1px solid #ccc;border-radius:5px;font-size:16px;font-family:Roboto,sans-serif!important;color:#101828;background-color:#fff}input::placeholder,textarea::placeholder{color:#475467}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;background-color:#fff}input.error,textarea.error{border-color:#fcd9d9;box-shadow:0 0 8px #fcd9d980}.input-group{margin-bottom:15px}.input-group label{font-size:14px;margin-bottom:5px;color:#555}.input-group .error-message{color:red}.date-picker{margin:10px 0;cursor:pointer}.date-details{font-size:.9em;color:#666}\n"] }]
         }], propDecorators: { initialDate: [{
                 type: Input
             }], showDetails: [{
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], dateSelected: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l2aW8vc3JjL2xpYi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBU1csZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDbkIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWxELGlCQUFZLEdBQVMsSUFBSSxJQUFJLEVBQUUsQ0FBQztLQW9CakM7SUFsQkMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7U0FDdEM7SUFDSCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsSUFBVTtRQUMzQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDaEMsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzNELE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ3BELE9BQU8sR0FBRyxJQUFJLElBQUksS0FBSyxJQUFJLEdBQUcsRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBWTtRQUN2QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDNUMsQ0FBQzsrR0F4QlUsbUJBQW1CO21HQUFuQixtQkFBbUIsNkxDWGhDLHdTQUtNLGd2QkRFTSxXQUFXLDhCQUFFLFlBQVk7OzRGQUl4QixtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFdBQVcsRUFBRSxZQUFZLENBQUM7OEJBSzNCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1rdi1kYXRlLXBpY2tlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbRm9ybXNNb2R1bGUsIENvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vZGF0ZS1waWNrZXIuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXRlUGlja2VyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpbml0aWFsRGF0ZT86IERhdGU7XHJcbiAgQElucHV0KCkgc2hvd0RldGFpbHMgPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgZGF0ZVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxEYXRlPigpO1xyXG5cclxuICBzZWxlY3RlZERhdGU6IERhdGUgPSBuZXcgRGF0ZSgpO1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGlmICh0aGlzLmluaXRpYWxEYXRlKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWREYXRlID0gdGhpcy5pbml0aWFsRGF0ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGZvcm1hdERhdGVGb3JJbnB1dChkYXRlOiBEYXRlKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IHllYXIgPSBkYXRlLmdldEZ1bGxZZWFyKCk7XHJcbiAgICBjb25zdCBtb250aCA9IFN0cmluZyhkYXRlLmdldE1vbnRoKCkgKyAxKS5wYWRTdGFydCgyLCAnMCcpO1xyXG4gICAgY29uc3QgZGF5ID0gU3RyaW5nKGRhdGUuZ2V0RGF0ZSgpKS5wYWRTdGFydCgyLCAnMCcpO1xyXG4gICAgcmV0dXJuIGAke3llYXJ9LSR7bW9udGh9LSR7ZGF5fWA7XHJcbiAgfVxyXG5cclxuICBvbkRhdGVDaGFuZ2UoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xyXG4gICAgdGhpcy5zZWxlY3RlZERhdGUgPSBuZXcgRGF0ZShpbnB1dC52YWx1ZSk7XHJcbiAgICB0aGlzLmRhdGVTZWxlY3RlZC5lbWl0KHRoaXMuc2VsZWN0ZWREYXRlKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImRhdGUtcGlja2VyXCI+XHJcbiAgICA8aW5wdXQgdHlwZT1cImRhdGVcIiBbdmFsdWVdPVwiZm9ybWF0RGF0ZUZvcklucHV0KHNlbGVjdGVkRGF0ZSlcIiAoaW5wdXQpPVwib25EYXRlQ2hhbmdlKCRldmVudClcIiBjbGFzcz1cImZvcm0tY29udHJvbFwiPlxyXG4gICAgPGRpdiAqbmdJZj1cInNob3dEZXRhaWxzXCIgY2xhc3M9XCJkYXRlLWRldGFpbHNcIj5cclxuICAgICAgICA8cD57eyBzZWxlY3RlZERhdGUgfCBkYXRlOidmdWxsRGF0ZScgfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l2aW8vc3JjL2xpYi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBU1csZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDbkIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWxELGlCQUFZLEdBQVMsSUFBSSxJQUFJLEVBQUUsQ0FBQztLQW9CakM7SUFsQkMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7U0FDdEM7SUFDSCxDQUFDO0lBRUQsa0JBQWtCLENBQUMsSUFBVTtRQUMzQixNQUFNLElBQUksR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDaEMsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQzNELE1BQU0sR0FBRyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBQ3BELE9BQU8sR0FBRyxJQUFJLElBQUksS0FBSyxJQUFJLEdBQUcsRUFBRSxDQUFDO0lBQ25DLENBQUM7SUFFRCxZQUFZLENBQUMsS0FBWTtRQUN2QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUMxQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7SUFDNUMsQ0FBQzsrR0F4QlUsbUJBQW1CO21HQUFuQixtQkFBbUIsNkxDWGhDLHdTQUtNLHFyQkRFTSxXQUFXLDhCQUFFLFlBQVk7OzRGQUl4QixtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0Usb0JBQW9CLGNBQ2xCLElBQUksV0FDUCxDQUFDLFdBQVcsRUFBRSxZQUFZLENBQUM7OEJBSzNCLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1rdi1kYXRlLXBpY2tlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbRm9ybXNNb2R1bGUsIENvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGUtcGlja2VyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4vZGF0ZS1waWNrZXIuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBEYXRlUGlja2VyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpbml0aWFsRGF0ZT86IERhdGU7XHJcbiAgQElucHV0KCkgc2hvd0RldGFpbHMgPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgZGF0ZVNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxEYXRlPigpO1xyXG5cclxuICBzZWxlY3RlZERhdGU6IERhdGUgPSBuZXcgRGF0ZSgpO1xyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGlmICh0aGlzLmluaXRpYWxEYXRlKSB7XHJcbiAgICAgIHRoaXMuc2VsZWN0ZWREYXRlID0gdGhpcy5pbml0aWFsRGF0ZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIGZvcm1hdERhdGVGb3JJbnB1dChkYXRlOiBEYXRlKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IHllYXIgPSBkYXRlLmdldEZ1bGxZZWFyKCk7XHJcbiAgICBjb25zdCBtb250aCA9IFN0cmluZyhkYXRlLmdldE1vbnRoKCkgKyAxKS5wYWRTdGFydCgyLCAnMCcpO1xyXG4gICAgY29uc3QgZGF5ID0gU3RyaW5nKGRhdGUuZ2V0RGF0ZSgpKS5wYWRTdGFydCgyLCAnMCcpO1xyXG4gICAgcmV0dXJuIGAke3llYXJ9LSR7bW9udGh9LSR7ZGF5fWA7XHJcbiAgfVxyXG5cclxuICBvbkRhdGVDaGFuZ2UoZXZlbnQ6IEV2ZW50KSB7XHJcbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xyXG4gICAgdGhpcy5zZWxlY3RlZERhdGUgPSBuZXcgRGF0ZShpbnB1dC52YWx1ZSk7XHJcbiAgICB0aGlzLmRhdGVTZWxlY3RlZC5lbWl0KHRoaXMuc2VsZWN0ZWREYXRlKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImRhdGUtcGlja2VyXCI+XHJcbiAgICA8aW5wdXQgdHlwZT1cImRhdGVcIiBbdmFsdWVdPVwiZm9ybWF0RGF0ZUZvcklucHV0KHNlbGVjdGVkRGF0ZSlcIiAoaW5wdXQpPVwib25EYXRlQ2hhbmdlKCRldmVudClcIiBjbGFzcz1cImZvcm0tY29udHJvbFwiPlxyXG4gICAgPGRpdiAqbmdJZj1cInNob3dEZXRhaWxzXCIgY2xhc3M9XCJkYXRlLWRldGFpbHNcIj5cclxuICAgICAgICA8cD57eyBzZWxlY3RlZERhdGUgfCBkYXRlOidmdWxsRGF0ZScgfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/components/kv-alert/kv-alert.component.mjs

@@ -0,0 +1,38 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class KvAlertComponent {
+    constructor() {
+        this.message = '';
+        this.description = '';
+        this.type = 'warning';
+        this.timeoutDuration = 5000;
+        this.close = new EventEmitter();
+    }
+    ngOnInit() {
+        if (this.timeoutDuration > 0) {
+            setTimeout(() => this.onClose(), this.timeoutDuration);
+        }
+    }
+    onClose() {
+        this.close.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvAlertComponent, isStandalone: true, selector: "lib-kv-alert", inputs: { message: "message", description: "description", type: "type", timeoutDuration: "timeoutDuration" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"alert-container\">\r\n    <div class=\"icon\" [ngClass]=\"type\">\r\n        <ng-container *ngIf=\"type === 'success'\">\r\n            <i class=\"icon material-icons\">check</i>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"type !== 'success'\">\r\n            <i class=\"icon material-icons\">close</i>\r\n        </ng-container>\r\n    </div>\r\n    <div class=\"message\">\r\n        <strong>{{ message }}</strong>\r\n        <p>{{ description }}</p>\r\n    </div>\r\n    <button class=\"close-btn\" (click)=\"onClose()\">&#10006;</button>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat}.alert-container{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;background-color:#fff;color:#101828;padding:16px;min-width:450px;max-width:500px;justify-content:space-between;font-family:Arial,sans-serif;box-shadow:0 2px 10px #0000001a;z-index:1000;border-radius:2px}.alert-container .icon{color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px}.alert-container .icon.warning{background-color:red}.alert-container .icon.success{background-color:green}.alert-container .message{flex-grow:1;margin-left:12px}.alert-container .message strong{display:block;font-size:14px}.alert-container .message p{margin-top:4px;margin-bottom:0;font-size:12px;color:#555}.alert-container .close-btn{background:none;border:none;color:#555;font-size:16px;cursor:pointer}.alert-container .close-btn:hover{color:#101828}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-kv-alert', standalone: true, imports: [CommonModule], template: "<div class=\"alert-container\">\r\n    <div class=\"icon\" [ngClass]=\"type\">\r\n        <ng-container *ngIf=\"type === 'success'\">\r\n            <i class=\"icon material-icons\">check</i>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"type !== 'success'\">\r\n            <i class=\"icon material-icons\">close</i>\r\n        </ng-container>\r\n    </div>\r\n    <div class=\"message\">\r\n        <strong>{{ message }}</strong>\r\n        <p>{{ description }}</p>\r\n    </div>\r\n    <button class=\"close-btn\" (click)=\"onClose()\">&#10006;</button>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat}.alert-container{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;background-color:#fff;color:#101828;padding:16px;min-width:450px;max-width:500px;justify-content:space-between;font-family:Arial,sans-serif;box-shadow:0 2px 10px #0000001a;z-index:1000;border-radius:2px}.alert-container .icon{color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px}.alert-container .icon.warning{background-color:red}.alert-container .icon.success{background-color:green}.alert-container .message{flex-grow:1;margin-left:12px}.alert-container .message strong{display:block;font-size:14px}.alert-container .message p{margin-top:4px;margin-bottom:0;font-size:12px;color:#555}.alert-container .close-btn{background:none;border:none;color:#555;font-size:16px;cursor:pointer}.alert-container .close-btn:hover{color:#101828}\n"] }]
+        }], propDecorators: { message: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], timeoutDuration: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l2aW8vc3JjL2xpYi9jb21wb25lbnRzL2t2LWFsZXJ0L2t2LWFsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1hbGVydC9rdi1hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUy9FLE1BQU0sT0FBTyxnQkFBZ0I7SUFQN0I7UUFTVyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLFNBQUksR0FBRyxTQUFTLENBQUM7UUFDakIsb0JBQWUsR0FBVyxJQUFJLENBQUM7UUFDOUIsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FZNUM7SUFWQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsRUFBRTtZQUM1QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztTQUN4RDtJQUNILENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNwQixDQUFDOytHQWhCVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixtTkNWN0Isc2tCQWNNLGluQ0RSTSxZQUFZOzs0RkFJWCxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFNZCxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1rdi1hbGVydCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9rdi1hbGVydC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2QWxlcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcblxyXG4gIEBJbnB1dCgpIG1lc3NhZ2U6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB0eXBlID0gJ3dhcm5pbmcnO1xyXG4gIEBJbnB1dCgpIHRpbWVvdXREdXJhdGlvbjogbnVtYmVyID0gNTAwMDtcclxuICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMudGltZW91dER1cmF0aW9uID4gMCkge1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMub25DbG9zZSgpLCB0aGlzLnRpbWVvdXREdXJhdGlvbik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkNsb3NlKCkge1xyXG4gICAgdGhpcy5jbG9zZS5lbWl0KCk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYWxlcnQtY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaWNvblwiIFtuZ0NsYXNzXT1cInR5cGVcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZSA9PT0gJ3N1Y2Nlc3MnXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbiBtYXRlcmlhbC1pY29uc1wiPmNoZWNrPC9pPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlICE9PSAnc3VjY2VzcydcIj5cclxuICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uIG1hdGVyaWFsLWljb25zXCI+Y2xvc2U8L2k+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJtZXNzYWdlXCI+XHJcbiAgICAgICAgPHN0cm9uZz57eyBtZXNzYWdlIH19PC9zdHJvbmc+XHJcbiAgICAgICAgPHA+e3sgZGVzY3JpcHRpb24gfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxidXR0b24gY2xhc3M9XCJjbG9zZS1idG5cIiAoY2xpY2spPVwib25DbG9zZSgpXCI+JiMxMDAwNjs8L2J1dHRvbj5cclxuPC9kaXY+Il19

package/esm2022/lib/components/kv-main-table/kv-main-table.component.mjs

@@ -0,0 +1,54 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+export class KvMainTableComponent {
+    constructor() {
+        this.columns = [];
+        this.data = [];
+        this.showPaginator = true;
+        this.onNameClicked = new EventEmitter();
+        this.searchText = '';
+        this.currentPage = 1;
+        this.pageSize = 10;
+    }
+    get filteredData() {
+        return this.data
+            .filter((item) => this.columns.some((col) => item[col.key]?.toString().toLowerCase().includes(this.searchText.toLowerCase())))
+            .slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize);
+    }
+    totalPages() {
+        return Math.ceil(this.data.filter((item) => this.columns.some((col) => item[col.key]?.toString().toLowerCase().includes(this.searchText.toLowerCase()))).length / this.pageSize);
+    }
+    changePage(direction) {
+        const newPage = this.currentPage + direction;
+        if (newPage > 0 && newPage <= this.totalPages()) {
+            this.currentPage = newPage;
+        }
+    }
+    getPosName(posId) {
+        return this.extraData.find(pos => pos.point_of_sale_id === posId)?.name || "";
+    }
+    emitData(data) {
+        this.onNameClicked.emit(data);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvMainTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvMainTableComponent, isStandalone: true, selector: "lib-kv-main-table", inputs: { columns: "columns", data: "data", extraData: "extraData", showPaginator: "showPaginator" }, outputs: { onNameClicked: "onNameClicked" }, ngImport: i0, template: "<div class=\"search-container\">\r\n\r\n    <div class=\"search-section\">\r\n        <input type=\"text\" placeholder=\"Buscar...\" [(ngModel)]=\"searchText\" />\r\n    </div>\r\n</div>\r\n\r\n<table>\r\n    <thead>\r\n        <tr>\r\n            <th *ngFor=\"let column of columns\">{{ column.label }}</th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <tr *ngFor=\"let item of filteredData\">\r\n            <td *ngFor=\"let column of columns\">\r\n                <div class=\"state\" [ngClass]=\"item[column.key]\">\r\n                    <ng-container *ngIf=\"column.key === 'name'\">\r\n                        <a class=\"a-link\" (click)=\"emitData(item)\">{{ item[column.key] }}</a>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"column.key === 'expire_at'\">\r\n                        {{ item[column.key] | date: 'dd/MM/yyyy' }}\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"column.key !== 'expire_at' && column.key !== 'point_of_sale_id' && column.key !== 'name'\">\r\n                        {{ item[column.key] }}\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"column.key === 'point_of_sale_id'\">\r\n                        {{ getPosName(item[column.key]) }}\r\n                    </ng-container>\r\n                </div>\r\n            </td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n\r\n<ng-container *ngIf=\"showPaginator\">\r\n    <table class=\"table-pagination\">\r\n        <tbody>\r\n            <tr>\r\n                <div class=\"pagination\">\r\n                    <div class=\"button-section\">\r\n                        <button (click)=\"changePage(-1)\" [disabled]=\"currentPage === 1\">Previous</button>\r\n                        <button (click)=\"changePage(1)\" [disabled]=\"currentPage === totalPages()\">Next</button>\r\n                    </div>\r\n                    <div class=\"current-section\">\r\n                        <span>Page {{ currentPage }} of {{ totalPages() }}</span>\r\n                    </div>\r\n                </div>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</ng-container>\r\n\r\n", styles: ["input,textarea{padding:10px;width:-webkit-fill-available;border:1px solid #ccc;border-radius:5px;font-size:16px;font-family:Roboto,sans-serif!important;color:#101828;background-color:#fff}input::placeholder,textarea::placeholder{color:#475467}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;background-color:#fff}input.error,textarea.error{border-color:#fcd9d9;box-shadow:0 0 8px #fcd9d980}.input-group{margin-bottom:15px}.input-group label{font-size:14px;margin-bottom:5px;color:#555}.input-group .error-message{color:red}table{width:100%;border-collapse:collapse;text-align:left;border:1px solid #ccc;border-radius:4px}thead{background-color:#fff;color:#101828}tbody{color:#475467}th,td{padding:10px;font-size:14px;border-bottom:1px solid #ccc}tbody tr:hover{background-color:#fff}.state.Active{background-color:#12b76a;color:#039855!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Active a{color:#039855!important}.state.Pending{background-color:#12b76a;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Pending a{color:#41598d!important}.state.Created{background-color:#d7e4ff;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Created a{color:#41598d!important}.state.Offered{background-color:#d7e4ff;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Offered a{color:#41598d!important}.state.Closed{background-color:#fcd9d9;color:#581d1d;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Closed a{color:#581d1d!important}.pagination{display:flex;justify-content:space-between;margin-top:10px}.pagination button{padding:5px 10px;border:1px solid #ccc;background-color:#fff;cursor:pointer}.pagination button:disabled{color:#555;cursor:not-allowed}.a-link{text-decoration:none}.a-link:hover{cursor:pointer;text-decoration:underline}.column-direction{display:flex;flex-direction:row;gap:1rem;padding:2rem;width:100%}.main-text{font-size:30px;color:#101828}.secondary-text{font-size:16px;color:#475467}.sidebar-title{font-size:24px;color:#101828;font-weight:700;margin-bottom:20px}.description-section{margin-top:30px}.description-section .description-title{color:#101828}.description-section .description-body{color:#475467}.list-container{width:100%;border:1px solid #ccc;border-radius:12px;margin-top:22px}.list-container .list-section{margin:1rem;color:#101828}.list-container .list-section .list{margin-top:12px;color:#475467}.search-container{margin-bottom:10px;display:flex;justify-content:flex-end;width:100%}.search-container .search-section input{width:min-content!important}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px;color:#101828}.pagination button{padding:6px 12px;border:none;color:#101828;cursor:pointer;border-radius:4px;margin-right:6px}.pagination button:disabled{background-color:#ededed;cursor:not-allowed}.table-pagination{border-top:0!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvMainTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-kv-main-table', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"search-container\">\r\n\r\n    <div class=\"search-section\">\r\n        <input type=\"text\" placeholder=\"Buscar...\" [(ngModel)]=\"searchText\" />\r\n    </div>\r\n</div>\r\n\r\n<table>\r\n    <thead>\r\n        <tr>\r\n            <th *ngFor=\"let column of columns\">{{ column.label }}</th>\r\n        </tr>\r\n    </thead>\r\n    <tbody>\r\n        <tr *ngFor=\"let item of filteredData\">\r\n            <td *ngFor=\"let column of columns\">\r\n                <div class=\"state\" [ngClass]=\"item[column.key]\">\r\n                    <ng-container *ngIf=\"column.key === 'name'\">\r\n                        <a class=\"a-link\" (click)=\"emitData(item)\">{{ item[column.key] }}</a>\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"column.key === 'expire_at'\">\r\n                        {{ item[column.key] | date: 'dd/MM/yyyy' }}\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"column.key !== 'expire_at' && column.key !== 'point_of_sale_id' && column.key !== 'name'\">\r\n                        {{ item[column.key] }}\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"column.key === 'point_of_sale_id'\">\r\n                        {{ getPosName(item[column.key]) }}\r\n                    </ng-container>\r\n                </div>\r\n            </td>\r\n        </tr>\r\n    </tbody>\r\n</table>\r\n\r\n<ng-container *ngIf=\"showPaginator\">\r\n    <table class=\"table-pagination\">\r\n        <tbody>\r\n            <tr>\r\n                <div class=\"pagination\">\r\n                    <div class=\"button-section\">\r\n                        <button (click)=\"changePage(-1)\" [disabled]=\"currentPage === 1\">Previous</button>\r\n                        <button (click)=\"changePage(1)\" [disabled]=\"currentPage === totalPages()\">Next</button>\r\n                    </div>\r\n                    <div class=\"current-section\">\r\n                        <span>Page {{ currentPage }} of {{ totalPages() }}</span>\r\n                    </div>\r\n                </div>\r\n            </tr>\r\n        </tbody>\r\n    </table>\r\n</ng-container>\r\n\r\n", styles: ["input,textarea{padding:10px;width:-webkit-fill-available;border:1px solid #ccc;border-radius:5px;font-size:16px;font-family:Roboto,sans-serif!important;color:#101828;background-color:#fff}input::placeholder,textarea::placeholder{color:#475467}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;background-color:#fff}input.error,textarea.error{border-color:#fcd9d9;box-shadow:0 0 8px #fcd9d980}.input-group{margin-bottom:15px}.input-group label{font-size:14px;margin-bottom:5px;color:#555}.input-group .error-message{color:red}table{width:100%;border-collapse:collapse;text-align:left;border:1px solid #ccc;border-radius:4px}thead{background-color:#fff;color:#101828}tbody{color:#475467}th,td{padding:10px;font-size:14px;border-bottom:1px solid #ccc}tbody tr:hover{background-color:#fff}.state.Active{background-color:#12b76a;color:#039855!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Active a{color:#039855!important}.state.Pending{background-color:#12b76a;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Pending a{color:#41598d!important}.state.Created{background-color:#d7e4ff;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Created a{color:#41598d!important}.state.Offered{background-color:#d7e4ff;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Offered a{color:#41598d!important}.state.Closed{background-color:#fcd9d9;color:#581d1d;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Closed a{color:#581d1d!important}.pagination{display:flex;justify-content:space-between;margin-top:10px}.pagination button{padding:5px 10px;border:1px solid #ccc;background-color:#fff;cursor:pointer}.pagination button:disabled{color:#555;cursor:not-allowed}.a-link{text-decoration:none}.a-link:hover{cursor:pointer;text-decoration:underline}.column-direction{display:flex;flex-direction:row;gap:1rem;padding:2rem;width:100%}.main-text{font-size:30px;color:#101828}.secondary-text{font-size:16px;color:#475467}.sidebar-title{font-size:24px;color:#101828;font-weight:700;margin-bottom:20px}.description-section{margin-top:30px}.description-section .description-title{color:#101828}.description-section .description-body{color:#475467}.list-container{width:100%;border:1px solid #ccc;border-radius:12px;margin-top:22px}.list-container .list-section{margin:1rem;color:#101828}.list-container .list-section .list{margin-top:12px;color:#475467}.search-container{margin-bottom:10px;display:flex;justify-content:flex-end;width:100%}.search-container .search-section input{width:min-content!important}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px;color:#101828}.pagination button{padding:6px 12px;border:none;color:#101828;cursor:pointer;border-radius:4px;margin-right:6px}.pagination button:disabled{background-color:#ededed;cursor:not-allowed}.table-pagination{border-top:0!important}\n"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], extraData: [{
+                type: Input
+            }], showPaginator: [{
+                type: Input
+            }], onNameClicked: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtbWFpbi10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXZpby9zcmMvbGliL2NvbXBvbmVudHMva3YtbWFpbi10YWJsZS9rdi1tYWluLXRhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1tYWluLXRhYmxlL2t2LW1haW4tdGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBUzdDLE1BQU0sT0FBTyxvQkFBb0I7SUFQakM7UUFTVyxZQUFPLEdBQXFDLEVBQUUsQ0FBQztRQUMvQyxTQUFJLEdBQVUsRUFBRSxDQUFDO1FBRWpCLGtCQUFhLEdBQVksSUFBSSxDQUFDO1FBQzdCLGtCQUFhLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFFckUsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN4QixnQkFBVyxHQUFXLENBQUMsQ0FBQztRQUN4QixhQUFRLEdBQVcsRUFBRSxDQUFDO0tBcUN2QjtJQW5DQyxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxJQUFJO2FBQ2IsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FDZixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQ3hCLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FDaEYsQ0FDRjthQUNBLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNyRixDQUFDO0lBRUQsVUFBVTtRQUNSLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FDZCxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FDeEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUNoRixDQUNGLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQ3pCLENBQUM7SUFDSixDQUFDO0lBRUQsVUFBVSxDQUFDLFNBQWlCO1FBQzFCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO1FBQzdDLElBQUksT0FBTyxHQUFHLENBQUMsSUFBSSxPQUFPLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFO1lBQy9DLElBQUksQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDO1NBQzVCO0lBQ0gsQ0FBQztJQUVNLFVBQVUsQ0FBRSxLQUFjO1FBQy9CLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLEtBQUssS0FBSyxDQUFDLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQztJQUNqRixDQUFDO0lBRU0sUUFBUSxDQUFDLElBQVM7UUFDdkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQzsrR0E3Q1Usb0JBQW9CO21HQUFwQixvQkFBb0IsZ09DWGpDLHdwRUFxREEsdWhHRDlDWSxZQUFZLGdaQUFFLFdBQVc7OzRGQUl4QixvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7OEJBTTNCLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWt2LW1haW4tdGFibGUnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1tYWluLXRhYmxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4va3YtbWFpbi10YWJsZS5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2TWFpblRhYmxlQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgY29sdW1uczogeyBrZXk6IHN0cmluZzsgbGFiZWw6IHN0cmluZyB9W10gPSBbXTtcclxuICBASW5wdXQoKSBkYXRhOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGV4dHJhRGF0YSE6IGFueVtdO1xyXG4gIEBJbnB1dCgpIHNob3dQYWdpbmF0b3I6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBPdXRwdXQoKSBvbk5hbWVDbGlja2VkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBzZWFyY2hUZXh0OiBzdHJpbmcgPSAnJztcclxuICBjdXJyZW50UGFnZTogbnVtYmVyID0gMTtcclxuICBwYWdlU2l6ZTogbnVtYmVyID0gMTA7XHJcblxyXG4gIGdldCBmaWx0ZXJlZERhdGEoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5kYXRhXHJcbiAgICAgIC5maWx0ZXIoKGl0ZW0pID0+XHJcbiAgICAgICAgdGhpcy5jb2x1bW5zLnNvbWUoKGNvbCkgPT5cclxuICAgICAgICAgIGl0ZW1bY29sLmtleV0/LnRvU3RyaW5nKCkudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyh0aGlzLnNlYXJjaFRleHQudG9Mb3dlckNhc2UoKSlcclxuICAgICAgICApXHJcbiAgICAgIClcclxuICAgICAgLnNsaWNlKCh0aGlzLmN1cnJlbnRQYWdlIC0gMSkgKiB0aGlzLnBhZ2VTaXplLCB0aGlzLmN1cnJlbnRQYWdlICogdGhpcy5wYWdlU2l6ZSk7XHJcbiAgfVxyXG5cclxuICB0b3RhbFBhZ2VzKCk6IG51bWJlciB7XHJcbiAgICByZXR1cm4gTWF0aC5jZWlsKFxyXG4gICAgICB0aGlzLmRhdGEuZmlsdGVyKChpdGVtKSA9PlxyXG4gICAgICAgIHRoaXMuY29sdW1ucy5zb21lKChjb2wpID0+XHJcbiAgICAgICAgICBpdGVtW2NvbC5rZXldPy50b1N0cmluZygpLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXModGhpcy5zZWFyY2hUZXh0LnRvTG93ZXJDYXNlKCkpXHJcbiAgICAgICAgKVxyXG4gICAgICApLmxlbmd0aCAvIHRoaXMucGFnZVNpemVcclxuICAgICk7XHJcbiAgfVxyXG5cclxuICBjaGFuZ2VQYWdlKGRpcmVjdGlvbjogbnVtYmVyKSB7XHJcbiAgICBjb25zdCBuZXdQYWdlID0gdGhpcy5jdXJyZW50UGFnZSArIGRpcmVjdGlvbjtcclxuICAgIGlmIChuZXdQYWdlID4gMCAmJiBuZXdQYWdlIDw9IHRoaXMudG90YWxQYWdlcygpKSB7XHJcbiAgICAgIHRoaXMuY3VycmVudFBhZ2UgPSBuZXdQYWdlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldFBvc05hbWUoIHBvc0lkIDogc3RyaW5nKTogc3RyaW5ne1xyXG4gICAgcmV0dXJuIHRoaXMuZXh0cmFEYXRhLmZpbmQoIHBvcyA9PiBwb3MucG9pbnRfb2Zfc2FsZV9pZCA9PT0gcG9zSWQpPy5uYW1lIHx8IFwiXCI7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZW1pdERhdGEoZGF0YTogYW55KXtcclxuICAgIHRoaXMub25OYW1lQ2xpY2tlZC5lbWl0KGRhdGEpO1xyXG4gIH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInNlYXJjaC1jb250YWluZXJcIj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLXNlY3Rpb25cIj5cclxuICAgICAgICA8aW5wdXQgdHlwZT1cInRleHRcIiBwbGFjZWhvbGRlcj1cIkJ1c2Nhci4uLlwiIFsobmdNb2RlbCldPVwic2VhcmNoVGV4dFwiIC8+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48dGFibGU+XHJcbiAgICA8dGhlYWQ+XHJcbiAgICAgICAgPHRyPlxyXG4gICAgICAgICAgICA8dGggKm5nRm9yPVwibGV0IGNvbHVtbiBvZiBjb2x1bW5zXCI+e3sgY29sdW1uLmxhYmVsIH19PC90aD5cclxuICAgICAgICA8L3RyPlxyXG4gICAgPC90aGVhZD5cclxuICAgIDx0Ym9keT5cclxuICAgICAgICA8dHIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZmlsdGVyZWREYXRhXCI+XHJcbiAgICAgICAgICAgIDx0ZCAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnNcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGF0ZVwiIFtuZ0NsYXNzXT1cIml0ZW1bY29sdW1uLmtleV1cIj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29sdW1uLmtleSA9PT0gJ25hbWUnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxhIGNsYXNzPVwiYS1saW5rXCIgKGNsaWNrKT1cImVtaXREYXRhKGl0ZW0pXCI+e3sgaXRlbVtjb2x1bW4ua2V5XSB9fTwvYT5cclxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29sdW1uLmtleSA9PT0gJ2V4cGlyZV9hdCdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbVtjb2x1bW4ua2V5XSB8IGRhdGU6ICdkZC9NTS95eXl5JyB9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb2x1bW4ua2V5ICE9PSAnZXhwaXJlX2F0JyAmJiBjb2x1bW4ua2V5ICE9PSAncG9pbnRfb2Zfc2FsZV9pZCcgJiYgY29sdW1uLmtleSAhPT0gJ25hbWUnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW1bY29sdW1uLmtleV0gfX1cclxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29sdW1uLmtleSA9PT0gJ3BvaW50X29mX3NhbGVfaWQnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGdldFBvc05hbWUoaXRlbVtjb2x1bW4ua2V5XSkgfX1cclxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L3RkPlxyXG4gICAgICAgIDwvdHI+XHJcbiAgICA8L3Rib2R5PlxyXG48L3RhYmxlPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dQYWdpbmF0b3JcIj5cclxuICAgIDx0YWJsZSBjbGFzcz1cInRhYmxlLXBhZ2luYXRpb25cIj5cclxuICAgICAgICA8dGJvZHk+XHJcbiAgICAgICAgICAgIDx0cj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwYWdpbmF0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1zZWN0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gKGNsaWNrKT1cImNoYW5nZVBhZ2UoLTEpXCIgW2Rpc2FibGVkXT1cImN1cnJlbnRQYWdlID09PSAxXCI+UHJldmlvdXM8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiY2hhbmdlUGFnZSgxKVwiIFtkaXNhYmxlZF09XCJjdXJyZW50UGFnZSA9PT0gdG90YWxQYWdlcygpXCI+TmV4dDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjdXJyZW50LXNlY3Rpb25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+UGFnZSB7eyBjdXJyZW50UGFnZSB9fSBvZiB7eyB0b3RhbFBhZ2VzKCkgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC90cj5cclxuICAgICAgICA8L3Rib2R5PlxyXG4gICAgPC90YWJsZT5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG4iXX0=

package/esm2022/lib/components/kv-popup/kv-popup.component.mjs

@@ -1,13 +1,14 @@
 import { CommonModule } from '@angular/common';
 import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { ActionType } from '../../enums/action-type.enum';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class KvPopupComponent {
     constructor() {
         this.title = '';
-        this.isCustomTemplate = false;
         this.onAccept = new EventEmitter();
         this.onClose = new EventEmitter();
+        this.actionTypeEnum = ActionType;
     }
     onAcceptSubmit() {
         this.onAccept.emit();
@@ -16,20 +17,22 @@ export class KvPopupComponent {
         this.onClose.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvPopupComponent, isStandalone: true, selector: "lib-kv-popup", inputs: { title: "title", description: "description", isCustomTemplate: "isCustomTemplate" }, outputs: { onAccept: "onAccept", onClose: "onClose" }, ngImport: i0, template: "<div class=\"popup-backdrop\">\r\n    <div class=\"popup-container\">\r\n        <h2>{{ title }}</h2>\r\n        <ng-container *ngIf=\"description\">\r\n            <p>{{ description }}</p>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"isCustomTemplate; else defaultContent\">\r\n            <ng-content></ng-content>\r\n        </ng-container>\r\n        <ng-template #defaultContent>\r\n            <button (click)=\"onAcceptSubmit()\">Aceptar</button>\r\n            <button (click)=\"onCloseSubmit()\">Cerrar</button>\r\n        </ng-template>\r\n    </div>\r\n</div>", styles: [".popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.popup-container{min-width:500px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center}button{margin-top:15px;padding:10px 20px;border:none;background:#007bff;color:#fff;border-radius:5px;cursor:pointer}button:hover{background:#0056b3}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvPopupComponent, isStandalone: true, selector: "lib-kv-popup", inputs: { title: "title", description: "description", isCustomTemplate: "isCustomTemplate", actionType: "actionType" }, outputs: { onAccept: "onAccept", onClose: "onClose" }, ngImport: i0, template: "<div class=\"popup-backdrop\">\r\n    <div class=\"popup-container\">\r\n        <div class=\"content-container\">\r\n            <div  *ngIf=\"!isCustomTemplate\">\r\n                <i class=\"icon material-icons\">error</i>\r\n            </div>\r\n            <div>\r\n                <div class=\"title\">{{ title }}</div>\r\n                <div *ngIf=\"description\">\r\n                    <p class=\"description\">{{ description }}</p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <ng-container *ngIf=\"isCustomTemplate; else defaultContent\">\r\n            <ng-content></ng-content>\r\n        </ng-container>\r\n        <ng-template #defaultContent>\r\n            <ng-container *ngIf=\"actionType === actionTypeEnum.Info\">\r\n                <div class=\"button-container\">\r\n                    <button class=\"button--primary\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n                    <button class=\"button--primary\" (click)=\"onAcceptSubmit()\">Aceptar</button>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"actionType === actionTypeEnum.Warn\">\r\n                <div class=\"button-container\">\r\n                    <button class=\"button--primary-min\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n                    <button class=\"button--warn\" (click)=\"onAcceptSubmit()\">Delete</button>\r\n                </div>\r\n            </ng-container>\r\n        </ng-template>\r\n    </div>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat}.table-button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.table-button--primary:hover{background-color:#00438a}.table-button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--primary:hover{background-color:#00438a}.button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--minimalist{height:min-content;padding:5px;background-color:#ebebeb;color:#475467;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--minimalist:disabled{background-color:#ededed;cursor:not-allowed}.button--primary-min{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}.button--primary-min:hover{background:#00438a}.button--primary-min:disabled{background-color:#ededed;cursor:not-allowed}.button--cancel{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;color:#475467;background-color:#fff;border:1px solid #ededed}.button--cancel:disabled{background-color:#ededed;cursor:not-allowed}.button--create{height:min-content;align-self:center;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--create:hover{background-color:#00438a}.button--create:disabled{background-color:#ededed;cursor:not-allowed}.button--sidenav{background-color:#fff;color:#475467;padding:8px;font-weight:700;border:none;display:flex;border-radius:4px;cursor:pointer;gap:10px;margin-top:10px;width:100%;align-items:center}.button--sidenav:hover{background-color:#f2f4f7;color:#101828}.button--sidenav:disabled{background-color:#ededed;cursor:not-allowed}.button--warn{background-color:#b90000;color:#f2f4f7;padding:8px 12px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.button--warn:hover{background-color:red}.button--warn:disabled{background-color:#ededed;cursor:not-allowed}.button-container{display:flex;justify-content:flex-end;gap:8px}.button-container:disabled{background-color:#ededed;cursor:not-allowed}.popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.popup-container{min-width:500px;max-width:500px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.popup-container .content-container{display:flex;gap:15px;margin-bottom:30px}.popup-container .content-container .icon{color:red;font-size:30px}.popup-container .content-container .title{font-size:1.5rem;color:#101828}.popup-container .content-container .description{font-size:14px;color:#475467}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-kv-popup', standalone: true, imports: [CommonModule], template: "<div class=\"popup-backdrop\">\r\n    <div class=\"popup-container\">\r\n        <h2>{{ title }}</h2>\r\n        <ng-container *ngIf=\"description\">\r\n            <p>{{ description }}</p>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"isCustomTemplate; else defaultContent\">\r\n            <ng-content></ng-content>\r\n        </ng-container>\r\n        <ng-template #defaultContent>\r\n            <button (click)=\"onAcceptSubmit()\">Aceptar</button>\r\n            <button (click)=\"onCloseSubmit()\">Cerrar</button>\r\n        </ng-template>\r\n    </div>\r\n</div>", styles: [".popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.popup-container{min-width:500px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center}button{margin-top:15px;padding:10px 20px;border:none;background:#007bff;color:#fff;border-radius:5px;cursor:pointer}button:hover{background:#0056b3}\n"] }]
+            args: [{ selector: 'lib-kv-popup', standalone: true, imports: [CommonModule], template: "<div class=\"popup-backdrop\">\r\n    <div class=\"popup-container\">\r\n        <div class=\"content-container\">\r\n            <div  *ngIf=\"!isCustomTemplate\">\r\n                <i class=\"icon material-icons\">error</i>\r\n            </div>\r\n            <div>\r\n                <div class=\"title\">{{ title }}</div>\r\n                <div *ngIf=\"description\">\r\n                    <p class=\"description\">{{ description }}</p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <ng-container *ngIf=\"isCustomTemplate; else defaultContent\">\r\n            <ng-content></ng-content>\r\n        </ng-container>\r\n        <ng-template #defaultContent>\r\n            <ng-container *ngIf=\"actionType === actionTypeEnum.Info\">\r\n                <div class=\"button-container\">\r\n                    <button class=\"button--primary\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n                    <button class=\"button--primary\" (click)=\"onAcceptSubmit()\">Aceptar</button>\r\n                </div>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"actionType === actionTypeEnum.Warn\">\r\n                <div class=\"button-container\">\r\n                    <button class=\"button--primary-min\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n                    <button class=\"button--warn\" (click)=\"onAcceptSubmit()\">Delete</button>\r\n                </div>\r\n            </ng-container>\r\n        </ng-template>\r\n    </div>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat}.table-button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.table-button--primary:hover{background-color:#00438a}.table-button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--primary:hover{background-color:#00438a}.button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--minimalist{height:min-content;padding:5px;background-color:#ebebeb;color:#475467;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--minimalist:disabled{background-color:#ededed;cursor:not-allowed}.button--primary-min{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}.button--primary-min:hover{background:#00438a}.button--primary-min:disabled{background-color:#ededed;cursor:not-allowed}.button--cancel{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;color:#475467;background-color:#fff;border:1px solid #ededed}.button--cancel:disabled{background-color:#ededed;cursor:not-allowed}.button--create{height:min-content;align-self:center;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--create:hover{background-color:#00438a}.button--create:disabled{background-color:#ededed;cursor:not-allowed}.button--sidenav{background-color:#fff;color:#475467;padding:8px;font-weight:700;border:none;display:flex;border-radius:4px;cursor:pointer;gap:10px;margin-top:10px;width:100%;align-items:center}.button--sidenav:hover{background-color:#f2f4f7;color:#101828}.button--sidenav:disabled{background-color:#ededed;cursor:not-allowed}.button--warn{background-color:#b90000;color:#f2f4f7;padding:8px 12px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.button--warn:hover{background-color:red}.button--warn:disabled{background-color:#ededed;cursor:not-allowed}.button-container{display:flex;justify-content:flex-end;gap:8px}.button-container:disabled{background-color:#ededed;cursor:not-allowed}.popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.popup-container{min-width:500px;max-width:500px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.popup-container .content-container{display:flex;gap:15px;margin-bottom:30px}.popup-container .content-container .icon{color:red;font-size:30px}.popup-container .content-container .title{font-size:1.5rem;color:#101828}.popup-container .content-container .description{font-size:14px;color:#475467}\n"] }]
         }], propDecorators: { title: [{
                 type: Input
             }], description: [{
                 type: Input
             }], isCustomTemplate: [{
                 type: Input
+            }], actionType: [{
+                type: Input
             }], onAccept: [{
                 type: Output
             }], onClose: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtcG9wdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l2aW8vc3JjL2xpYi9jb21wb25lbnRzL2t2LXBvcHVwL2t2LXBvcHVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1wb3B1cC9rdi1wb3B1cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBZSxNQUFNLGVBQWUsQ0FBQzs7O0FBU3BGLE1BQU0sT0FBTyxnQkFBZ0I7SUFQN0I7UUFRVyxVQUFLLEdBQVcsRUFBRSxDQUFDO1FBRW5CLHFCQUFnQixHQUFZLEtBQUssQ0FBQztRQUNqQyxhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDeEQsWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0tBU2xFO0lBUFEsY0FBYztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxhQUFhO1FBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzsrR0FiVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQiw2TkNWN0IsMmtCQWNNLDZlRFJNLFlBQVk7OzRGQUlYLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzhCQUtkLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWt2LXBvcHVwJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1wb3B1cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LXBvcHVwLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZQb3B1cENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGlzQ3VzdG9tVGVtcGxhdGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgb25BY2NlcHQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgb25DbG9zZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBwdWJsaWMgb25BY2NlcHRTdWJtaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQWNjZXB0LmVtaXQoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNsb3NlU3VibWl0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNsb3NlLmVtaXQoKTtcclxuICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwicG9wdXAtYmFja2Ryb3BcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1jb250YWluZXJcIj5cclxuICAgICAgICA8aDI+e3sgdGl0bGUgfX08L2gyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJkZXNjcmlwdGlvblwiPlxyXG4gICAgICAgICAgICA8cD57eyBkZXNjcmlwdGlvbiB9fTwvcD5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNDdXN0b21UZW1wbGF0ZTsgZWxzZSBkZWZhdWx0Q29udGVudFwiPlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0Q29udGVudD5cclxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwib25BY2NlcHRTdWJtaXQoKVwiPkFjZXB0YXI8L2J1dHRvbj5cclxuICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwib25DbG9zZVN1Ym1pdCgpXCI+Q2VycmFyPC9idXR0b24+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtcG9wdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l2aW8vc3JjL2xpYi9jb21wb25lbnRzL2t2LXBvcHVwL2t2LXBvcHVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1wb3B1cC9rdi1wb3B1cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7OztBQVMxRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBU1csVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUlsQixhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDeEQsWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRTFELG1CQUFjLEdBQUcsVUFBVSxDQUFDO0tBU3BDO0lBUFEsY0FBYztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxhQUFhO1FBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzsrR0FqQlUsZ0JBQWdCO21HQUFoQixnQkFBZ0IsdVBDWDdCLGkvQ0ErQk0sbTlGRHhCTSxZQUFZOzs0RkFJWCxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFNZCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3Rpb25UeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvYWN0aW9uLXR5cGUuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1rdi1wb3B1cCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtcG9wdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9rdi1wb3B1cC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2UG9wdXBDb21wb25lbnR7XHJcblxyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbiE6IHN0cmluZztcclxuICBASW5wdXQoKSBpc0N1c3RvbVRlbXBsYXRlITogYm9vbGVhbjtcclxuICBASW5wdXQoKSBhY3Rpb25UeXBlITogQWN0aW9uVHlwZTtcclxuICBAT3V0cHV0KCkgb25BY2NlcHQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgb25DbG9zZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBwdWJsaWMgYWN0aW9uVHlwZUVudW0gPSBBY3Rpb25UeXBlO1xyXG5cclxuICBwdWJsaWMgb25BY2NlcHRTdWJtaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQWNjZXB0LmVtaXQoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNsb3NlU3VibWl0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNsb3NlLmVtaXQoKTtcclxuICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwicG9wdXAtYmFja2Ryb3BcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1jb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPGRpdiAgKm5nSWY9XCIhaXNDdXN0b21UZW1wbGF0ZVwiPlxyXG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uIG1hdGVyaWFsLWljb25zXCI+ZXJyb3I8L2k+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+e3sgdGl0bGUgfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJkZXNjcmlwdGlvblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwIGNsYXNzPVwiZGVzY3JpcHRpb25cIj57eyBkZXNjcmlwdGlvbiB9fTwvcD5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNDdXN0b21UZW1wbGF0ZTsgZWxzZSBkZWZhdWx0Q29udGVudFwiPlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0Q29udGVudD5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImFjdGlvblR5cGUgPT09IGFjdGlvblR5cGVFbnVtLkluZm9cIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbi0tcHJpbWFyeVwiIChjbGljayk9XCJvbkNsb3NlU3VibWl0KClcIj5DYW5jZWw8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uLS1wcmltYXJ5XCIgKGNsaWNrKT1cIm9uQWNjZXB0U3VibWl0KClcIj5BY2VwdGFyPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJhY3Rpb25UeXBlID09PSBhY3Rpb25UeXBlRW51bS5XYXJuXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tLXByaW1hcnktbWluXCIgKGNsaWNrKT1cIm9uQ2xvc2VTdWJtaXQoKVwiPkNhbmNlbDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tLXdhcm5cIiAoY2xpY2spPVwib25BY2NlcHRTdWJtaXQoKVwiPkRlbGV0ZTwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19

package/esm2022/lib/components/kv-side-menu/kv-side-menu.component.mjs

@@ -0,0 +1,38 @@
+import { CommonModule } from '@angular/common';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class KvSideMenuComponent {
+    constructor() {
+        this.breadcrumb = '';
+        this.onEdit = new EventEmitter();
+        this.onClose = new EventEmitter();
+        this.onSaveChanges = new EventEmitter();
+        this.isEditMode = false;
+    }
+    handleEditbuttonClicked() {
+        this.isEditMode = !this.isEditMode;
+        this.onEdit.emit();
+    }
+    handleClosebuttonClicked() {
+        this.onClose.emit();
+    }
+    handleSaveChangesbuttonClicked() {
+        this.onSaveChanges.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvSideMenuComponent, isStandalone: true, selector: "lib-kv-side-menu", inputs: { breadcrumb: "breadcrumb" }, outputs: { onEdit: "onEdit", onClose: "onClose", onSaveChanges: "onSaveChanges" }, ngImport: i0, template: "<div class=\"right-menu\">\r\n    <div class=\"header\">\r\n        <ng-container *ngIf=\"!isEditMode\">\r\n            <span>{{ breadcrumb }}</span>\r\n            <div>\r\n                <button class=\"edit-button section-button\" (click)=\"handleEditbuttonClicked()\"><i class=\"icon material-icons\">edit</i></button>\r\n                <button class=\"close-button section-button\" (click)=\"handleClosebuttonClicked()\"><i class=\"icon material-icons\">close</i></button>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"isEditMode\">\r\n            <button class=\"edit-button section-button\" (click)=\"handleEditbuttonClicked()\"><i class=\"icon material-icons\">arrow_back</i></button>\r\n            <div>\r\n                <button class=\"button--primary-min\" (click)=\"handleSaveChangesbuttonClicked()\">Save changes</button>\r\n            </div>\r\n        </ng-container>\r\n        \r\n    </div>\r\n    <div class=\"body\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat}.table-button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.table-button--primary:hover{background-color:#00438a}.table-button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--primary:hover{background-color:#00438a}.button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--minimalist{height:min-content;padding:5px;background-color:#ebebeb;color:#475467;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--minimalist:disabled{background-color:#ededed;cursor:not-allowed}.button--primary-min{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}.button--primary-min:hover{background:#00438a}.button--primary-min:disabled{background-color:#ededed;cursor:not-allowed}.button--cancel{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;color:#475467;background-color:#fff;border:1px solid #ededed}.button--cancel:disabled{background-color:#ededed;cursor:not-allowed}.button--create{height:min-content;align-self:center;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--create:hover{background-color:#00438a}.button--create:disabled{background-color:#ededed;cursor:not-allowed}.button--sidenav{background-color:#fff;color:#475467;padding:8px;font-weight:700;border:none;display:flex;border-radius:4px;cursor:pointer;gap:10px;margin-top:10px;width:100%;align-items:center}.button--sidenav:hover{background-color:#f2f4f7;color:#101828}.button--sidenav:disabled{background-color:#ededed;cursor:not-allowed}.button--warn{background-color:#b90000;color:#f2f4f7;padding:8px 12px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.button--warn:hover{background-color:red}.button--warn:disabled{background-color:#ededed;cursor:not-allowed}.button-container{display:flex;justify-content:flex-end;gap:8px}.button-container:disabled{background-color:#ededed;cursor:not-allowed}.right-menu{height:100vh;background-color:#fff;position:fixed;top:0;right:0;box-shadow:-2px 0 5px #0000001a;max-width:450px;min-width:440px}.right-menu .header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.right-menu .header span{color:#475467}.right-menu .header .section-button{background-color:transparent;border:none;cursor:pointer;font-size:18px;color:#475467}.right-menu .header .section-button:hover{color:#101828}.right-menu .header .save-button{padding:0}.right-menu .body{padding:1.5rem}.right-menu .body table,.right-menu .body table th{border:none!important}.description-section .description-title{color:#475467}.description-section .description-body{color:#101828}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvSideMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-kv-side-menu', standalone: true, imports: [CommonModule], template: "<div class=\"right-menu\">\r\n    <div class=\"header\">\r\n        <ng-container *ngIf=\"!isEditMode\">\r\n            <span>{{ breadcrumb }}</span>\r\n            <div>\r\n                <button class=\"edit-button section-button\" (click)=\"handleEditbuttonClicked()\"><i class=\"icon material-icons\">edit</i></button>\r\n                <button class=\"close-button section-button\" (click)=\"handleClosebuttonClicked()\"><i class=\"icon material-icons\">close</i></button>\r\n            </div>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"isEditMode\">\r\n            <button class=\"edit-button section-button\" (click)=\"handleEditbuttonClicked()\"><i class=\"icon material-icons\">arrow_back</i></button>\r\n            <div>\r\n                <button class=\"button--primary-min\" (click)=\"handleSaveChangesbuttonClicked()\">Save changes</button>\r\n            </div>\r\n        </ng-container>\r\n        \r\n    </div>\r\n    <div class=\"body\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat}.table-button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.table-button--primary:hover{background-color:#00438a}.table-button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--primary:hover{background-color:#00438a}.button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--minimalist{height:min-content;padding:5px;background-color:#ebebeb;color:#475467;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--minimalist:disabled{background-color:#ededed;cursor:not-allowed}.button--primary-min{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}.button--primary-min:hover{background:#00438a}.button--primary-min:disabled{background-color:#ededed;cursor:not-allowed}.button--cancel{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;color:#475467;background-color:#fff;border:1px solid #ededed}.button--cancel:disabled{background-color:#ededed;cursor:not-allowed}.button--create{height:min-content;align-self:center;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--create:hover{background-color:#00438a}.button--create:disabled{background-color:#ededed;cursor:not-allowed}.button--sidenav{background-color:#fff;color:#475467;padding:8px;font-weight:700;border:none;display:flex;border-radius:4px;cursor:pointer;gap:10px;margin-top:10px;width:100%;align-items:center}.button--sidenav:hover{background-color:#f2f4f7;color:#101828}.button--sidenav:disabled{background-color:#ededed;cursor:not-allowed}.button--warn{background-color:#b90000;color:#f2f4f7;padding:8px 12px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.button--warn:hover{background-color:red}.button--warn:disabled{background-color:#ededed;cursor:not-allowed}.button-container{display:flex;justify-content:flex-end;gap:8px}.button-container:disabled{background-color:#ededed;cursor:not-allowed}.right-menu{height:100vh;background-color:#fff;position:fixed;top:0;right:0;box-shadow:-2px 0 5px #0000001a;max-width:450px;min-width:440px}.right-menu .header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.right-menu .header span{color:#475467}.right-menu .header .section-button{background-color:transparent;border:none;cursor:pointer;font-size:18px;color:#475467}.right-menu .header .section-button:hover{color:#101828}.right-menu .header .save-button{padding:0}.right-menu .body{padding:1.5rem}.right-menu .body table,.right-menu .body table th{border:none!important}.description-section .description-title{color:#475467}.description-section .description-body{color:#101828}\n"] }]
+        }], propDecorators: { breadcrumb: [{
+                type: Input
+            }], onEdit: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], onSaveChanges: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc2lkZS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1zaWRlLW1lbnUva3Ytc2lkZS1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1zaWRlLW1lbnUva3Ytc2lkZS1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTdkUsTUFBTSxPQUFPLG1CQUFtQjtJQVBoQztRQVFXLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDdkIsV0FBTSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3RELFlBQU8sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN2RCxrQkFBYSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWhFLGVBQVUsR0FBWSxLQUFLLENBQUM7S0FjcEM7SUFaUSx1QkFBdUI7UUFDNUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDbkMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRU0sd0JBQXdCO1FBQzdCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUVNLDhCQUE4QjtRQUNuQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7K0dBbkJVLG1CQUFtQjttR0FBbkIsbUJBQW1CLHFNQ1ZoQyxpaENBb0JNLHVsR0RkTSxZQUFZOzs0RkFJWCxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFLZCxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWIta3Ytc2lkZS1tZW51JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1zaWRlLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9rdi1zaWRlLW1lbnUuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBLdlNpZGVNZW51Q29tcG9uZW50IHtcclxuICBASW5wdXQoKSBicmVhZGNydW1iOiBzdHJpbmcgPSAnJztcclxuICBAT3V0cHV0KCkgb25FZGl0OiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIG9uQ2xvc2U6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgb25TYXZlQ2hhbmdlczogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBwdWJsaWMgaXNFZGl0TW9kZTogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBwdWJsaWMgaGFuZGxlRWRpdGJ1dHRvbkNsaWNrZWQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzRWRpdE1vZGUgPSAhdGhpcy5pc0VkaXRNb2RlO1xyXG4gICAgdGhpcy5vbkVkaXQuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGhhbmRsZUNsb3NlYnV0dG9uQ2xpY2tlZCgpOiB2b2lkIHtcclxuICAgIHRoaXMub25DbG9zZS5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaGFuZGxlU2F2ZUNoYW5nZXNidXR0b25DbGlja2VkKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vblNhdmVDaGFuZ2VzLmVtaXQoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJpZ2h0LW1lbnVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzRWRpdE1vZGVcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3sgYnJlYWRjcnVtYiB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJlZGl0LWJ1dHRvbiBzZWN0aW9uLWJ1dHRvblwiIChjbGljayk9XCJoYW5kbGVFZGl0YnV0dG9uQ2xpY2tlZCgpXCI+PGkgY2xhc3M9XCJpY29uIG1hdGVyaWFsLWljb25zXCI+ZWRpdDwvaT48L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJjbG9zZS1idXR0b24gc2VjdGlvbi1idXR0b25cIiAoY2xpY2spPVwiaGFuZGxlQ2xvc2VidXR0b25DbGlja2VkKClcIj48aSBjbGFzcz1cImljb24gbWF0ZXJpYWwtaWNvbnNcIj5jbG9zZTwvaT48L2J1dHRvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzRWRpdE1vZGVcIj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImVkaXQtYnV0dG9uIHNlY3Rpb24tYnV0dG9uXCIgKGNsaWNrKT1cImhhbmRsZUVkaXRidXR0b25DbGlja2VkKClcIj48aSBjbGFzcz1cImljb24gbWF0ZXJpYWwtaWNvbnNcIj5hcnJvd19iYWNrPC9pPjwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbi0tcHJpbWFyeS1taW5cIiAoY2xpY2spPVwiaGFuZGxlU2F2ZUNoYW5nZXNidXR0b25DbGlja2VkKClcIj5TYXZlIGNoYW5nZXM8L2J1dHRvbj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgXHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJib2R5XCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2022/lib/components/kv-step/kv-step.component.mjs

@@ -3,15 +3,17 @@ import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export class KvStepComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvStepComponent, isStandalone: true, selector: "lib-kv-step", inputs: { title: "title" }, queries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<p>kv-step works!</p>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvStepComponent, isStandalone: true, selector: "lib-kv-step", inputs: { title: "title", description: "description" }, queries: [{ propertyName: "content", first: true, predicate: TemplateRef, descendants: true }], ngImport: i0, template: "<p>kv-step works!</p>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvStepComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-kv-step', standalone: true, imports: [CommonModule], template: "<p>kv-step works!</p>\r\n" }]
         }], propDecorators: { title: [{
                 type: Input
+            }], description: [{
+                type: Input
             }], content: [{
                 type: ContentChild,
                 args: [TemplateRef]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXZpby9zcmMvbGliL2NvbXBvbmVudHMva3Ytc3RlcC9rdi1zdGVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1zdGVwL2t2LXN0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUzVFLE1BQU0sT0FBTyxlQUFlOytHQUFmLGVBQWU7bUdBQWYsZUFBZSx3SUFFWixXQUFXLGdEQ1ozQiwyQkFDQSx5RERLWSxZQUFZOzs0RkFJWCxlQUFlO2tCQVAzQixTQUFTOytCQUNFLGFBQWEsY0FDWCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBS2QsS0FBSztzQkFBYixLQUFLO2dCQUNxQixPQUFPO3NCQUFqQyxZQUFZO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1rdi1zdGVwJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1zdGVwLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4va3Ytc3RlcC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2U3RlcENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgdGl0bGUhOiBzdHJpbmc7XHJcbiAgQENvbnRlbnRDaGlsZChUZW1wbGF0ZVJlZikgY29udGVudCE6IFRlbXBsYXRlUmVmPGFueT47XHJcbn1cclxuIiwiPHA+a3Ytc3RlcCB3b3JrcyE8L3A+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXZpby9zcmMvbGliL2NvbXBvbmVudHMva3Ytc3RlcC9rdi1zdGVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1zdGVwL2t2LXN0ZXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUzVFLE1BQU0sT0FBTyxlQUFlOytHQUFmLGVBQWU7bUdBQWYsZUFBZSxvS0FHWixXQUFXLGdEQ2IzQiwyQkFDQSx5RERLWSxZQUFZOzs0RkFJWCxlQUFlO2tCQVAzQixTQUFTOytCQUNFLGFBQWEsY0FDWCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBS2QsS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ3FCLE9BQU87c0JBQWpDLFlBQVk7dUJBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWt2LXN0ZXAnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LXN0ZXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9rdi1zdGVwLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZTdGVwQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0aXRsZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbiE6IHN0cmluZztcclxuICBAQ29udGVudENoaWxkKFRlbXBsYXRlUmVmKSBjb250ZW50ITogVGVtcGxhdGVSZWY8YW55PjtcclxufVxyXG4iLCI8cD5rdi1zdGVwIHdvcmtzITwvcD5cclxuIl19

package/esm2022/lib/components/kv-stepper/kv-stepper.component.mjs

@@ -1,13 +1,17 @@
 import { CommonModule } from '@angular/common';
-import { Component, ContentChildren, EventEmitter, Output, signal } from '@angular/core';
+import { Component, ContentChildren, EventEmitter, Input, Output, signal } from '@angular/core';
 import { KvStepComponent } from '../kv-step/kv-step.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 export class KvStepperComponent {
     constructor() {
         this.currentStep = signal(0);
+        this.isSimpleStepper = false;
+        this.isVertical = false;
+        this.isAssociated = false;
         this.submit = new EventEmitter();
         this.closeEvent = new EventEmitter();
+        this.isLastStep = new EventEmitter();
     }
     ngAfterContentInit() {
         if (this.steps.length === 0) {
@@ -15,6 +19,7 @@ export class KvStepperComponent {
         }
     }
     next() {
+        this.isLastStep.emit(true);
         if (this.currentStep() < this.steps.length - 1) {
             this.currentStep.update(val => val + 1);
         }
@@ -22,23 +27,32 @@ export class KvStepperComponent {
     previous() {
         if (this.currentStep() > 0) {
             this.currentStep.update(val => val - 1);
+            this.isLastStep.emit(true);
         }
     }
     close() {
         this.closeEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvStepperComponent, isStandalone: true, selector: "lib-kv-stepper", outputs: { submit: "submit", closeEvent: "closeEvent" }, queries: [{ propertyName: "steps", predicate: KvStepComponent }], ngImport: i0, template: "<div class=\"stepper-container\">\r\n    <div class=\"step-header\">\r\n        <div *ngFor=\"let step of steps; let i = index\" class=\"step-item\" [class.active]=\"currentStep() === i\"\r\n            [class.completed]=\"i < currentStep()\">\r\n            <div class=\"step-number\">{{ i + 1 }}</div>\r\n            <div class=\"step-title\">{{ step.title }}</div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"step-content\">\r\n        <ng-container *ngIf=\"steps.get(currentStep())?.content\">\r\n            <ng-container *ngTemplateOutlet=\"steps.get(currentStep())!.content\">\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n\r\n    <div class=\"step-actions\">\r\n        <button (click)=\"close()\">Cerrar</button>\r\n        <button *ngIf=\"currentStep() > 0\" (click)=\"previous()\">Anterior</button>\r\n        <button *ngIf=\"currentStep() < steps.length - 1\" (click)=\"next()\">Siguiente</button>\r\n        <button *ngIf=\"currentStep() === steps.length - 1\" (click)=\"submit.emit()\">Enviar</button>\r\n    </div>\r\n</div>", styles: [".stepper-container{max-width:800px;margin:0 auto;padding:20px;border:1px solid #ddd;border-radius:8px;background:#fff}.stepper-container .step-header{display:flex;justify-content:space-between;margin-bottom:30px;padding:0 20px}.stepper-container .step-header .step-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper-container .step-header .step-item:before{content:\"\";position:absolute;top:20px;left:-50%;right:50%;height:2px;background:#ddd;z-index:0}.stepper-container .step-header .step-item:first-child:before{display:none}.stepper-container .step-header .step-item .step-number{width:40px;height:40px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;z-index:1;transition:all .3s ease}.stepper-container .step-header .step-item .step-title{font-size:.9rem;color:#666}.stepper-container .step-header .step-item.active .step-number{background:#2196f3;color:#fff}.stepper-container .step-header .step-item.active .step-title{color:#2196f3;font-weight:500}.stepper-container .step-header .step-item.completed .step-number{background:#4caf50;color:#fff}.stepper-container .step-header .step-item.completed:before{background:#4caf50}.stepper-container .step-content{padding:20px;min-height:200px;border:1px solid #eee;border-radius:4px;margin-bottom:20px}.stepper-container .step-actions{display:flex;gap:10px;justify-content:flex-end}.stepper-container .step-actions button{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#2196f3;color:#fff;transition:all .3s ease}.stepper-container .step-actions button:hover{background:#0c7cd5}.stepper-container .step-actions button:disabled{background:#e0e0e0;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvStepperComponent, isStandalone: true, selector: "lib-kv-stepper", inputs: { isSimpleStepper: "isSimpleStepper", isVertical: "isVertical", isAssociated: "isAssociated" }, outputs: { submit: "submit", closeEvent: "closeEvent", isLastStep: "isLastStep" }, queries: [{ propertyName: "steps", predicate: KvStepComponent }], ngImport: i0, template: "<ng-container *ngIf=\"!isSimpleStepper\">\r\n    <div class=\"stepper-container\">\r\n        <div class=\"step-header\">\r\n            <div *ngFor=\"let step of steps; let i = index\" class=\"step-item\" [class.active]=\"currentStep() === i\"\r\n                [class.completed]=\"i < currentStep()\">\r\n                <div class=\"step-number\">{{ i + 1 }}</div>\r\n                <div class=\"step-title\">{{ step.title }}</div>\r\n            </div>\r\n        </div>\r\n    \r\n        <div class=\"step-content\">\r\n            <ng-container *ngIf=\"steps.get(currentStep())?.content\">\r\n                <ng-container *ngTemplateOutlet=\"steps.get(currentStep())!.content\">\r\n                </ng-container>\r\n            </ng-container>\r\n        </div>\r\n    \r\n        <div class=\"step-actions\">\r\n            <button class=\"button--primary-min\" (click)=\"close()\">Cerrar</button>\r\n            <button class=\"button--primary-min\" *ngIf=\"currentStep() > 0\" (click)=\"previous()\">Anterior</button>\r\n            <button class=\"button--primary-min\" *ngIf=\"currentStep() < steps.length - 1\" (click)=\"next()\" [disabled]=\"!isAssociated\">Siguiente</button>\r\n            <button class=\"button--primary-min\" *ngIf=\"currentStep() === steps.length - 1\" (click)=\"submit.emit()\">Enviar</button>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"isSimpleStepper && !isVertical\">\r\n    <div class=\"stepper-container-simple\">\r\n        <div class=\"step-header\">\r\n            <div *ngFor=\"let step of steps; let i = index\" class=\"step-item\" [class.active]=\"currentStep() === i\"\r\n                [class.completed]=\"i < currentStep()\">\r\n                <div class=\"step-number\">{{ i + 1 }}</div>\r\n                <div class=\"step-title\">{{ step.title }}</div>\r\n            </div>\r\n        </div>\r\n    \r\n        <div class=\"step-content-simple\">\r\n            <ng-container *ngIf=\"steps.get(currentStep())?.content\">\r\n                <ng-container *ngTemplateOutlet=\"steps.get(currentStep())!.content\">\r\n                </ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"isSimpleStepper && isVertical\">\r\n    <div class=\"stepper-container-vertical\">\r\n        <div class=\"vertical-steps\">\r\n          <div *ngFor=\"let step of steps; let i = index\" class=\"vertical-step-item\">\r\n            <div class=\"step-indicator-container\">\r\n              <div class=\"vertical-step-indicator\" \r\n                   [class.active]=\"currentStep() === i\"\r\n                   [class.completed]=\"i < currentStep()\">\r\n                <div class=\"step-number\">{{ i + 1 }}</div>\r\n              </div>\r\n              <div class=\"vertical-line\" *ngIf=\"i !== steps.length - 1\"></div>\r\n            </div>\r\n            <div class=\"title-container\">\r\n                <div class=\"step-title\">{{ step.title }}</div>\r\n                <div class=\"step-description\">{{ step.description }}</div>\r\n            </div>\r\n            <div class=\"vertical-step-content\" \r\n                 [class.active]=\"currentStep() === i\"\r\n                 (click)=\"currentStep.set(i)\">\r\n              <div class=\"step-content-vertical\" *ngIf=\"currentStep() === i\">\r\n                <ng-container *ngTemplateOutlet=\"step.content\"></ng-container>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n</ng-container>", styles: [".table-button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.table-button--primary:hover{background-color:#00438a}.table-button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--primary:hover{background-color:#00438a}.button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--minimalist{height:min-content;padding:5px;background-color:#ebebeb;color:#475467;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--minimalist:disabled{background-color:#ededed;cursor:not-allowed}.button--primary-min{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}.button--primary-min:hover{background:#00438a}.button--primary-min:disabled{background-color:#ededed;cursor:not-allowed}.button--cancel{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;color:#475467;background-color:#fff;border:1px solid #ededed}.button--cancel:disabled{background-color:#ededed;cursor:not-allowed}.button--create{height:min-content;align-self:center;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--create:hover{background-color:#00438a}.button--create:disabled{background-color:#ededed;cursor:not-allowed}.button--sidenav{background-color:#fff;color:#475467;padding:8px;font-weight:700;border:none;display:flex;border-radius:4px;cursor:pointer;gap:10px;margin-top:10px;width:100%;align-items:center}.button--sidenav:hover{background-color:#f2f4f7;color:#101828}.button--sidenav:disabled{background-color:#ededed;cursor:not-allowed}.button--warn{background-color:#b90000;color:#f2f4f7;padding:8px 12px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.button--warn:hover{background-color:red}.button--warn:disabled{background-color:#ededed;cursor:not-allowed}.button-container{display:flex;justify-content:flex-end;gap:8px}.button-container:disabled{background-color:#ededed;cursor:not-allowed}.stepper-container,.stepper-container-simple,.stepper-container-vertical{max-width:800px;margin:0 auto;padding:20px;background:#fff;border-radius:8px}.step-header{display:flex;justify-content:space-between;margin-bottom:30px;padding:0 20px}.step-header .step-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-header .step-item:before{content:\"\";position:absolute;top:20px;left:-50%;right:50%;height:2px;background:#ddd;z-index:0}.step-header .step-item:first-child:before{display:none}.step-header .step-item .step-number{width:40px;height:40px;border-radius:50%;background:#f7f7f7;display:flex;align-items:center;justify-content:center;margin-bottom:8px;z-index:1;transition:all .3s ease}.step-header .step-item .title-container{max-width:200px}.step-header .step-item .title-container .step-title{font-size:.9rem;color:#666}.step-header .step-item.active .step-number{background:#2196f3;color:#fff}.step-header .step-item.active .title-container{max-width:200px}.step-header .step-item.active .title-container .step-title{color:#2196f3;font-weight:500}.step-header .step-item.completed .step-number{background:#4caf50;color:#fff}.step-header .step-item.completed:before{background:#4caf50}.step-content,.step-content-simple{padding:20px;border-radius:4px;margin-bottom:20px}.step-actions{display:flex;gap:10px;justify-content:flex-end}.stepper-container-vertical{max-width:1000px}.stepper-container-vertical .vertical-steps{display:flex;flex-direction:column;gap:20px}.stepper-container-vertical .vertical-step-item{display:flex;gap:20px;position:relative}.stepper-container-vertical .step-indicator-container{display:flex;flex-direction:column;align-items:center;position:relative}.stepper-container-vertical .vertical-step-indicator{width:40px;height:40px;border-radius:50%;background:#f7f7f7;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:2}.stepper-container-vertical .vertical-step-indicator.active{background:#2196f3;color:#fff}.stepper-container-vertical .vertical-step-indicator.completed{background:#4caf50;color:#fff}.stepper-container-vertical .vertical-line{width:2px;height:calc(100% + 20px);background:#ddd;position:absolute;top:40px;z-index:1}.stepper-container-vertical .vertical-step-content{flex:1;padding:10px;border-radius:4px;transition:all .3s ease}.stepper-container-vertical .vertical-step-content .title-container{max-width:200px}.stepper-container-vertical .vertical-step-content .title-container .step-title{font-weight:500;color:#333;margin-bottom:10px}.stepper-container-vertical .vertical-step-content .step-content-vertical{padding:10px;background:#fff}.title-container{max-width:200px!important}.title-container .step-title{color:#101828;margin-bottom:10px}.title-container .step-description{color:#475467;margin-bottom:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvStepperComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-kv-stepper', standalone: true, imports: [CommonModule], template: "<div class=\"stepper-container\">\r\n    <div class=\"step-header\">\r\n        <div *ngFor=\"let step of steps; let i = index\" class=\"step-item\" [class.active]=\"currentStep() === i\"\r\n            [class.completed]=\"i < currentStep()\">\r\n            <div class=\"step-number\">{{ i + 1 }}</div>\r\n            <div class=\"step-title\">{{ step.title }}</div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"step-content\">\r\n        <ng-container *ngIf=\"steps.get(currentStep())?.content\">\r\n            <ng-container *ngTemplateOutlet=\"steps.get(currentStep())!.content\">\r\n            </ng-container>\r\n        </ng-container>\r\n    </div>\r\n\r\n    <div class=\"step-actions\">\r\n        <button (click)=\"close()\">Cerrar</button>\r\n        <button *ngIf=\"currentStep() > 0\" (click)=\"previous()\">Anterior</button>\r\n        <button *ngIf=\"currentStep() < steps.length - 1\" (click)=\"next()\">Siguiente</button>\r\n        <button *ngIf=\"currentStep() === steps.length - 1\" (click)=\"submit.emit()\">Enviar</button>\r\n    </div>\r\n</div>", styles: [".stepper-container{max-width:800px;margin:0 auto;padding:20px;border:1px solid #ddd;border-radius:8px;background:#fff}.stepper-container .step-header{display:flex;justify-content:space-between;margin-bottom:30px;padding:0 20px}.stepper-container .step-header .step-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.stepper-container .step-header .step-item:before{content:\"\";position:absolute;top:20px;left:-50%;right:50%;height:2px;background:#ddd;z-index:0}.stepper-container .step-header .step-item:first-child:before{display:none}.stepper-container .step-header .step-item .step-number{width:40px;height:40px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;z-index:1;transition:all .3s ease}.stepper-container .step-header .step-item .step-title{font-size:.9rem;color:#666}.stepper-container .step-header .step-item.active .step-number{background:#2196f3;color:#fff}.stepper-container .step-header .step-item.active .step-title{color:#2196f3;font-weight:500}.stepper-container .step-header .step-item.completed .step-number{background:#4caf50;color:#fff}.stepper-container .step-header .step-item.completed:before{background:#4caf50}.stepper-container .step-content{padding:20px;min-height:200px;border:1px solid #eee;border-radius:4px;margin-bottom:20px}.stepper-container .step-actions{display:flex;gap:10px;justify-content:flex-end}.stepper-container .step-actions button{padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#2196f3;color:#fff;transition:all .3s ease}.stepper-container .step-actions button:hover{background:#0c7cd5}.stepper-container .step-actions button:disabled{background:#e0e0e0;cursor:not-allowed}\n"] }]
+            args: [{ selector: 'lib-kv-stepper', standalone: true, imports: [CommonModule], template: "<ng-container *ngIf=\"!isSimpleStepper\">\r\n    <div class=\"stepper-container\">\r\n        <div class=\"step-header\">\r\n            <div *ngFor=\"let step of steps; let i = index\" class=\"step-item\" [class.active]=\"currentStep() === i\"\r\n                [class.completed]=\"i < currentStep()\">\r\n                <div class=\"step-number\">{{ i + 1 }}</div>\r\n                <div class=\"step-title\">{{ step.title }}</div>\r\n            </div>\r\n        </div>\r\n    \r\n        <div class=\"step-content\">\r\n            <ng-container *ngIf=\"steps.get(currentStep())?.content\">\r\n                <ng-container *ngTemplateOutlet=\"steps.get(currentStep())!.content\">\r\n                </ng-container>\r\n            </ng-container>\r\n        </div>\r\n    \r\n        <div class=\"step-actions\">\r\n            <button class=\"button--primary-min\" (click)=\"close()\">Cerrar</button>\r\n            <button class=\"button--primary-min\" *ngIf=\"currentStep() > 0\" (click)=\"previous()\">Anterior</button>\r\n            <button class=\"button--primary-min\" *ngIf=\"currentStep() < steps.length - 1\" (click)=\"next()\" [disabled]=\"!isAssociated\">Siguiente</button>\r\n            <button class=\"button--primary-min\" *ngIf=\"currentStep() === steps.length - 1\" (click)=\"submit.emit()\">Enviar</button>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"isSimpleStepper && !isVertical\">\r\n    <div class=\"stepper-container-simple\">\r\n        <div class=\"step-header\">\r\n            <div *ngFor=\"let step of steps; let i = index\" class=\"step-item\" [class.active]=\"currentStep() === i\"\r\n                [class.completed]=\"i < currentStep()\">\r\n                <div class=\"step-number\">{{ i + 1 }}</div>\r\n                <div class=\"step-title\">{{ step.title }}</div>\r\n            </div>\r\n        </div>\r\n    \r\n        <div class=\"step-content-simple\">\r\n            <ng-container *ngIf=\"steps.get(currentStep())?.content\">\r\n                <ng-container *ngTemplateOutlet=\"steps.get(currentStep())!.content\">\r\n                </ng-container>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"isSimpleStepper && isVertical\">\r\n    <div class=\"stepper-container-vertical\">\r\n        <div class=\"vertical-steps\">\r\n          <div *ngFor=\"let step of steps; let i = index\" class=\"vertical-step-item\">\r\n            <div class=\"step-indicator-container\">\r\n              <div class=\"vertical-step-indicator\" \r\n                   [class.active]=\"currentStep() === i\"\r\n                   [class.completed]=\"i < currentStep()\">\r\n                <div class=\"step-number\">{{ i + 1 }}</div>\r\n              </div>\r\n              <div class=\"vertical-line\" *ngIf=\"i !== steps.length - 1\"></div>\r\n            </div>\r\n            <div class=\"title-container\">\r\n                <div class=\"step-title\">{{ step.title }}</div>\r\n                <div class=\"step-description\">{{ step.description }}</div>\r\n            </div>\r\n            <div class=\"vertical-step-content\" \r\n                 [class.active]=\"currentStep() === i\"\r\n                 (click)=\"currentStep.set(i)\">\r\n              <div class=\"step-content-vertical\" *ngIf=\"currentStep() === i\">\r\n                <ng-container *ngTemplateOutlet=\"step.content\"></ng-container>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n</ng-container>", styles: [".table-button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.table-button--primary:hover{background-color:#00438a}.table-button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--primary:hover{background-color:#00438a}.button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--minimalist{height:min-content;padding:5px;background-color:#ebebeb;color:#475467;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--minimalist:disabled{background-color:#ededed;cursor:not-allowed}.button--primary-min{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}.button--primary-min:hover{background:#00438a}.button--primary-min:disabled{background-color:#ededed;cursor:not-allowed}.button--cancel{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;color:#475467;background-color:#fff;border:1px solid #ededed}.button--cancel:disabled{background-color:#ededed;cursor:not-allowed}.button--create{height:min-content;align-self:center;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--create:hover{background-color:#00438a}.button--create:disabled{background-color:#ededed;cursor:not-allowed}.button--sidenav{background-color:#fff;color:#475467;padding:8px;font-weight:700;border:none;display:flex;border-radius:4px;cursor:pointer;gap:10px;margin-top:10px;width:100%;align-items:center}.button--sidenav:hover{background-color:#f2f4f7;color:#101828}.button--sidenav:disabled{background-color:#ededed;cursor:not-allowed}.button--warn{background-color:#b90000;color:#f2f4f7;padding:8px 12px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.button--warn:hover{background-color:red}.button--warn:disabled{background-color:#ededed;cursor:not-allowed}.button-container{display:flex;justify-content:flex-end;gap:8px}.button-container:disabled{background-color:#ededed;cursor:not-allowed}.stepper-container,.stepper-container-simple,.stepper-container-vertical{max-width:800px;margin:0 auto;padding:20px;background:#fff;border-radius:8px}.step-header{display:flex;justify-content:space-between;margin-bottom:30px;padding:0 20px}.step-header .step-item{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.step-header .step-item:before{content:\"\";position:absolute;top:20px;left:-50%;right:50%;height:2px;background:#ddd;z-index:0}.step-header .step-item:first-child:before{display:none}.step-header .step-item .step-number{width:40px;height:40px;border-radius:50%;background:#f7f7f7;display:flex;align-items:center;justify-content:center;margin-bottom:8px;z-index:1;transition:all .3s ease}.step-header .step-item .title-container{max-width:200px}.step-header .step-item .title-container .step-title{font-size:.9rem;color:#666}.step-header .step-item.active .step-number{background:#2196f3;color:#fff}.step-header .step-item.active .title-container{max-width:200px}.step-header .step-item.active .title-container .step-title{color:#2196f3;font-weight:500}.step-header .step-item.completed .step-number{background:#4caf50;color:#fff}.step-header .step-item.completed:before{background:#4caf50}.step-content,.step-content-simple{padding:20px;border-radius:4px;margin-bottom:20px}.step-actions{display:flex;gap:10px;justify-content:flex-end}.stepper-container-vertical{max-width:1000px}.stepper-container-vertical .vertical-steps{display:flex;flex-direction:column;gap:20px}.stepper-container-vertical .vertical-step-item{display:flex;gap:20px;position:relative}.stepper-container-vertical .step-indicator-container{display:flex;flex-direction:column;align-items:center;position:relative}.stepper-container-vertical .vertical-step-indicator{width:40px;height:40px;border-radius:50%;background:#f7f7f7;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;z-index:2}.stepper-container-vertical .vertical-step-indicator.active{background:#2196f3;color:#fff}.stepper-container-vertical .vertical-step-indicator.completed{background:#4caf50;color:#fff}.stepper-container-vertical .vertical-line{width:2px;height:calc(100% + 20px);background:#ddd;position:absolute;top:40px;z-index:1}.stepper-container-vertical .vertical-step-content{flex:1;padding:10px;border-radius:4px;transition:all .3s ease}.stepper-container-vertical .vertical-step-content .title-container{max-width:200px}.stepper-container-vertical .vertical-step-content .title-container .step-title{font-weight:500;color:#333;margin-bottom:10px}.stepper-container-vertical .vertical-step-content .step-content-vertical{padding:10px;background:#fff}.title-container{max-width:200px!important}.title-container .step-title{color:#101828;margin-bottom:10px}.title-container .step-description{color:#475467;margin-bottom:10px}\n"] }]
         }], propDecorators: { steps: [{
                 type: ContentChildren,
                 args: [KvStepComponent]
+            }], isSimpleStepper: [{
+                type: Input
+            }], isVertical: [{
+                type: Input
+            }], isAssociated: [{
+                type: Input
             }], submit: [{
                 type: Output
             }], closeEvent: [{
                 type: Output
+            }], isLastStep: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXZpby9zcmMvbGliL2NvbXBvbmVudHMva3Ytc3RlcHBlci9rdi1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1zdGVwcGVyL2t2LXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBb0IsU0FBUyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFhLE1BQU0sRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUNuSSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7OztBQVUvRCxNQUFNLE9BQU8sa0JBQWtCO0lBUi9CO1FBU0UsZ0JBQVcsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFJZCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNsQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQXVCakQ7SUFyQkMsa0JBQWtCO1FBQ2hCLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1lBQzNCLE9BQU8sQ0FBQyxLQUFLLENBQUMsdUNBQXVDLENBQUMsQ0FBQztTQUN4RDtJQUNILENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQzlDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsR0FBRyxDQUFDLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUM7U0FDekM7SUFDSCxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQzsrR0E1QlUsa0JBQWtCO21HQUFsQixrQkFBa0IseUpBR1osZUFBZSw2QkNmbEMsMGpDQXNCTSw2d0REZk0sWUFBWTs7NEZBS1gsa0JBQWtCO2tCQVI5QixTQUFTOytCQUNFLGdCQUFnQixjQUNkLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFRVyxLQUFLO3NCQUF0QyxlQUFlO3VCQUFDLGVBQWU7Z0JBRXRCLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBRdWVyeUxpc3QsIHNpZ25hbCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgS3ZTdGVwQ29tcG9uZW50IH0gZnJvbSAnLi4va3Ytc3RlcC9rdi1zdGVwLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1rdi1zdGVwcGVyJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1zdGVwcGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4va3Ytc3RlcHBlci5jb21wb25lbnQuc2NzcydcclxufSlcclxuXHJcbmV4cG9ydCBjbGFzcyBLdlN0ZXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlckNvbnRlbnRJbml0IHtcclxuICBjdXJyZW50U3RlcCA9IHNpZ25hbCgwKTtcclxuICBcclxuICBAQ29udGVudENoaWxkcmVuKEt2U3RlcENvbXBvbmVudCkgc3RlcHMhOiBRdWVyeUxpc3Q8S3ZTdGVwQ29tcG9uZW50PjtcclxuXHJcbiAgQE91dHB1dCgpIHN1Ym1pdCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgY2xvc2VFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgbmdBZnRlckNvbnRlbnRJbml0KCkge1xyXG4gICAgaWYgKHRoaXMuc3RlcHMubGVuZ3RoID09PSAwKSB7XHJcbiAgICAgIGNvbnNvbGUuZXJyb3IoJ05vIHNlIGVuY29udHJhcm9uIHBhc29zIGVuIGVsIHN0ZXBwZXInKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG5leHQoKSB7XHJcbiAgICBpZiAodGhpcy5jdXJyZW50U3RlcCgpIDwgdGhpcy5zdGVwcy5sZW5ndGggLSAxKSB7XHJcbiAgICAgIHRoaXMuY3VycmVudFN0ZXAudXBkYXRlKHZhbCA9PiB2YWwgKyAxKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByZXZpb3VzKCkge1xyXG4gICAgaWYgKHRoaXMuY3VycmVudFN0ZXAoKSA+IDApIHtcclxuICAgICAgdGhpcy5jdXJyZW50U3RlcC51cGRhdGUodmFsID0+IHZhbCAtIDEpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2xvc2UoKSB7XHJcbiAgICB0aGlzLmNsb3NlRXZlbnQuZW1pdCgpO1xyXG4gIH1cclxufSIsIjxkaXYgY2xhc3M9XCJzdGVwcGVyLWNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInN0ZXAtaGVhZGVyXCI+XHJcbiAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgc3RlcCBvZiBzdGVwczsgbGV0IGkgPSBpbmRleFwiIGNsYXNzPVwic3RlcC1pdGVtXCIgW2NsYXNzLmFjdGl2ZV09XCJjdXJyZW50U3RlcCgpID09PSBpXCJcclxuICAgICAgICAgICAgW2NsYXNzLmNvbXBsZXRlZF09XCJpIDwgY3VycmVudFN0ZXAoKVwiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1udW1iZXJcIj57eyBpICsgMSB9fTwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC10aXRsZVwiPnt7IHN0ZXAudGl0bGUgfX08L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJzdGVwLWNvbnRlbnRcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic3RlcHMuZ2V0KGN1cnJlbnRTdGVwKCkpPy5jb250ZW50XCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzdGVwcy5nZXQoY3VycmVudFN0ZXAoKSkhLmNvbnRlbnRcIj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGNsYXNzPVwic3RlcC1hY3Rpb25zXCI+XHJcbiAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiY2xvc2UoKVwiPkNlcnJhcjwvYnV0dG9uPlxyXG4gICAgICAgIDxidXR0b24gKm5nSWY9XCJjdXJyZW50U3RlcCgpID4gMFwiIChjbGljayk9XCJwcmV2aW91cygpXCI+QW50ZXJpb3I8L2J1dHRvbj5cclxuICAgICAgICA8YnV0dG9uICpuZ0lmPVwiY3VycmVudFN0ZXAoKSA8IHN0ZXBzLmxlbmd0aCAtIDFcIiAoY2xpY2spPVwibmV4dCgpXCI+U2lndWllbnRlPC9idXR0b24+XHJcbiAgICAgICAgPGJ1dHRvbiAqbmdJZj1cImN1cnJlbnRTdGVwKCkgPT09IHN0ZXBzLmxlbmd0aCAtIDFcIiAoY2xpY2spPVwic3VibWl0LmVtaXQoKVwiPkVudmlhcjwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXZpby9zcmMvbGliL2NvbXBvbmVudHMva3Ytc3RlcHBlci9rdi1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1zdGVwcGVyL2t2LXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBb0IsU0FBUyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBYSxNQUFNLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDMUksT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7QUFVL0QsTUFBTSxPQUFPLGtCQUFrQjtJQVIvQjtRQVNFLGdCQUFXLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBSVIsb0JBQWUsR0FBWSxLQUFLLENBQUM7UUFDakMsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixpQkFBWSxHQUFZLEtBQUssQ0FBQztRQUNwQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNsQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN0QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQXlCcEQ7SUF2QkMsa0JBQWtCO1FBQ2hCLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1lBQzNCLE9BQU8sQ0FBQyxLQUFLLENBQUMsdUNBQXVDLENBQUMsQ0FBQztTQUN4RDtJQUNILENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0IsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQzlDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsR0FBRyxDQUFDLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUM7WUFDeEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDNUI7SUFDSCxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQzsrR0FsQ1Usa0JBQWtCO21HQUFsQixrQkFBa0IsMlJBR1osZUFBZSw2QkNmbEMsdy9HQXVFZSxpaEtEaEVILFlBQVk7OzRGQUtYLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBUVcsS0FBSztzQkFBdEMsZUFBZTt1QkFBQyxlQUFlO2dCQUVoQixlQUFlO3NCQUE5QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsWUFBWTtzQkFBM0IsS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgUXVlcnlMaXN0LCBzaWduYWwsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEt2U3RlcENvbXBvbmVudCB9IGZyb20gJy4uL2t2LXN0ZXAva3Ytc3RlcC5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWIta3Ytc3RlcHBlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4va3Ytc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgS3ZTdGVwcGVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XHJcbiAgY3VycmVudFN0ZXAgPSBzaWduYWwoMCk7XHJcbiAgXHJcbiAgQENvbnRlbnRDaGlsZHJlbihLdlN0ZXBDb21wb25lbnQpIHN0ZXBzITogUXVlcnlMaXN0PEt2U3RlcENvbXBvbmVudD47XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBpc1NpbXBsZVN0ZXBwZXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgaXNWZXJ0aWNhbDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpc0Fzc29jaWF0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgc3VibWl0ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBjbG9zZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBpc0xhc3RTdGVwID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcbiAgICBpZiAodGhpcy5zdGVwcy5sZW5ndGggPT09IDApIHtcclxuICAgICAgY29uc29sZS5lcnJvcignTm8gc2UgZW5jb250cmFyb24gcGFzb3MgZW4gZWwgc3RlcHBlcicpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmV4dCgpIHtcclxuICAgIHRoaXMuaXNMYXN0U3RlcC5lbWl0KHRydWUpO1xyXG4gICAgaWYgKHRoaXMuY3VycmVudFN0ZXAoKSA8IHRoaXMuc3RlcHMubGVuZ3RoIC0gMSkge1xyXG4gICAgICB0aGlzLmN1cnJlbnRTdGVwLnVwZGF0ZSh2YWwgPT4gdmFsICsgMSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcmV2aW91cygpIHtcclxuICAgIGlmICh0aGlzLmN1cnJlbnRTdGVwKCkgPiAwKSB7XHJcbiAgICAgIHRoaXMuY3VycmVudFN0ZXAudXBkYXRlKHZhbCA9PiB2YWwgLSAxKTtcclxuICAgICAgdGhpcy5pc0xhc3RTdGVwLmVtaXQodHJ1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbG9zZSgpIHtcclxuICAgIHRoaXMuY2xvc2VFdmVudC5lbWl0KCk7XHJcbiAgfVxyXG59IiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFpc1NpbXBsZVN0ZXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzdGVwcGVyLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWhlYWRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJzdGVwLWl0ZW1cIiBbY2xhc3MuYWN0aXZlXT1cImN1cnJlbnRTdGVwKCkgPT09IGlcIlxyXG4gICAgICAgICAgICAgICAgW2NsYXNzLmNvbXBsZXRlZF09XCJpIDwgY3VycmVudFN0ZXAoKVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtbnVtYmVyXCI+e3sgaSArIDEgfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLXRpdGxlXCI+e3sgc3RlcC50aXRsZSB9fTwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIFxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWNvbnRlbnRcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0ZXBzLmdldChjdXJyZW50U3RlcCgpKT8uY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInN0ZXBzLmdldChjdXJyZW50U3RlcCgpKSEuY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtYWN0aW9uc1wiPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uLS1wcmltYXJ5LW1pblwiIChjbGljayk9XCJjbG9zZSgpXCI+Q2VycmFyPC9idXR0b24+XHJcbiAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tLXByaW1hcnktbWluXCIgKm5nSWY9XCJjdXJyZW50U3RlcCgpID4gMFwiIChjbGljayk9XCJwcmV2aW91cygpXCI+QW50ZXJpb3I8L2J1dHRvbj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbi0tcHJpbWFyeS1taW5cIiAqbmdJZj1cImN1cnJlbnRTdGVwKCkgPCBzdGVwcy5sZW5ndGggLSAxXCIgKGNsaWNrKT1cIm5leHQoKVwiIFtkaXNhYmxlZF09XCIhaXNBc3NvY2lhdGVkXCI+U2lndWllbnRlPC9idXR0b24+XHJcbiAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tLXByaW1hcnktbWluXCIgKm5nSWY9XCJjdXJyZW50U3RlcCgpID09PSBzdGVwcy5sZW5ndGggLSAxXCIgKGNsaWNrKT1cInN1Ym1pdC5lbWl0KClcIj5FbnZpYXI8L2J1dHRvbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj5cclxuXHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCJpc1NpbXBsZVN0ZXBwZXIgJiYgIWlzVmVydGljYWxcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzdGVwcGVyLWNvbnRhaW5lci1zaW1wbGVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1oZWFkZXJcIj5cclxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgc3RlcCBvZiBzdGVwczsgbGV0IGkgPSBpbmRleFwiIGNsYXNzPVwic3RlcC1pdGVtXCIgW2NsYXNzLmFjdGl2ZV09XCJjdXJyZW50U3RlcCgpID09PSBpXCJcclxuICAgICAgICAgICAgICAgIFtjbGFzcy5jb21wbGV0ZWRdPVwiaSA8IGN1cnJlbnRTdGVwKClcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLW51bWJlclwiPnt7IGkgKyAxIH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC10aXRsZVwiPnt7IHN0ZXAudGl0bGUgfX08L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICBcclxuICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1jb250ZW50LXNpbXBsZVwiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic3RlcHMuZ2V0KGN1cnJlbnRTdGVwKCkpPy5jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwic3RlcHMuZ2V0KGN1cnJlbnRTdGVwKCkpIS5jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48bmctY29udGFpbmVyICpuZ0lmPVwiaXNTaW1wbGVTdGVwcGVyICYmIGlzVmVydGljYWxcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzdGVwcGVyLWNvbnRhaW5lci12ZXJ0aWNhbFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ2ZXJ0aWNhbC1zdGVwc1wiPlxyXG4gICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgc3RlcCBvZiBzdGVwczsgbGV0IGkgPSBpbmRleFwiIGNsYXNzPVwidmVydGljYWwtc3RlcC1pdGVtXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWluZGljYXRvci1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmVydGljYWwtc3RlcC1pbmRpY2F0b3JcIiBcclxuICAgICAgICAgICAgICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiY3VycmVudFN0ZXAoKSA9PT0gaVwiXHJcbiAgICAgICAgICAgICAgICAgICBbY2xhc3MuY29tcGxldGVkXT1cImkgPCBjdXJyZW50U3RlcCgpXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1udW1iZXJcIj57eyBpICsgMSB9fTwvZGl2PlxyXG4gICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2ZXJ0aWNhbC1saW5lXCIgKm5nSWY9XCJpICE9PSBzdGVwcy5sZW5ndGggLSAxXCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGUtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC10aXRsZVwiPnt7IHN0ZXAudGl0bGUgfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWRlc2NyaXB0aW9uXCI+e3sgc3RlcC5kZXNjcmlwdGlvbiB9fTwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0ZXAtY29udGVudFwiIFxyXG4gICAgICAgICAgICAgICAgIFtjbGFzcy5hY3RpdmVdPVwiY3VycmVudFN0ZXAoKSA9PT0gaVwiXHJcbiAgICAgICAgICAgICAgICAgKGNsaWNrKT1cImN1cnJlbnRTdGVwLnNldChpKVwiPlxyXG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWNvbnRlbnQtdmVydGljYWxcIiAqbmdJZj1cImN1cnJlbnRTdGVwKCkgPT09IGlcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzdGVwLmNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPiJdfQ==

package/esm2022/lib/enums/action-type.enum.mjs

@@ -0,0 +1,7 @@
+export var ActionType;
+(function (ActionType) {
+    ActionType["Info"] = "info";
+    ActionType["Warn"] = "warn";
+    ActionType["Error"] = "error";
+})(ActionType || (ActionType = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLXR5cGUuZW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvZW51bXMvYWN0aW9uLXR5cGUuZW51bS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxVQUlYO0FBSkQsV0FBWSxVQUFVO0lBQ2xCLDJCQUFhLENBQUE7SUFDYiwyQkFBYSxDQUFBO0lBQ2IsNkJBQWUsQ0FBQTtBQUNuQixDQUFDLEVBSlcsVUFBVSxLQUFWLFVBQVUsUUFJckIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgZW51bSBBY3Rpb25UeXBlIHtcclxuICAgIEluZm8gPSBcImluZm9cIixcclxuICAgIFdhcm4gPSBcIndhcm5cIixcclxuICAgIEVycm9yID0gXCJlcnJvclwiXHJcbn0iXX0=