kivio 1.6.5 → 1.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/kv-alert/kv-alert.component.mjs +3 -3
- package/esm2022/lib/components/kv-popup/kv-popup.component.mjs +3 -3
- package/esm2022/lib/components/kv-side-menu/kv-side-menu.component.mjs +3 -3
- package/esm2022/lib/components/kv-stepper/kv-stepper.component.mjs +3 -3
- package/fesm2022/kivio.mjs +8 -8
- package/fesm2022/kivio.mjs.map +1 -1
- package/package.json +1 -1
- package/src/styles/icons/icons.scss +0 -1
|
@@ -19,11 +19,11 @@ export class KvAlertComponent {
|
|
|
19
19
|
this.close.emit();
|
|
20
20
|
}
|
|
21
21
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
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()\">✖</button>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;
|
|
22
|
+
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()\">✖</button>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;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"] }] }); }
|
|
23
23
|
}
|
|
24
24
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvAlertComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
|
-
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()\">✖</button>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;
|
|
26
|
+
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()\">✖</button>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;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"] }]
|
|
27
27
|
}], propDecorators: { message: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}], description: [{
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
35
35
|
}], close: [{
|
|
36
36
|
type: Output
|
|
37
37
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l2aW8vc3JjL2xpYi9jb21wb25lbnRzL2t2LWFsZXJ0L2t2LWFsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1hbGVydC9rdi1hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBUy9FLE1BQU0sT0FBTyxnQkFBZ0I7SUFQN0I7UUFTVyxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLGdCQUFXLEdBQVcsRUFBRSxDQUFDO1FBQ3pCLFNBQUksR0FBRyxTQUFTLENBQUM7UUFDakIsb0JBQWUsR0FBVyxJQUFJLENBQUM7UUFDOUIsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FZNUM7SUFWQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsZUFBZSxHQUFHLENBQUMsRUFBRTtZQUM1QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxFQUFFLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQztTQUN4RDtJQUNILENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNwQixDQUFDOytHQWhCVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQixtTkNWN0Isc2tCQWNNLHNtQ0RSTSxZQUFZOzs0RkFJWCxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFNZCxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDSSxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1rdi1hbGVydCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9rdi1hbGVydC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2QWxlcnRDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXR7XHJcblxyXG4gIEBJbnB1dCgpIG1lc3NhZ2U6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSB0eXBlID0gJ3dhcm5pbmcnO1xyXG4gIEBJbnB1dCgpIHRpbWVvdXREdXJhdGlvbjogbnVtYmVyID0gNTAwMDtcclxuICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMudGltZW91dER1cmF0aW9uID4gMCkge1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMub25DbG9zZSgpLCB0aGlzLnRpbWVvdXREdXJhdGlvbik7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBvbkNsb3NlKCkge1xyXG4gICAgdGhpcy5jbG9zZS5lbWl0KCk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiYWxlcnQtY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiaWNvblwiIFtuZ0NsYXNzXT1cInR5cGVcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZSA9PT0gJ3N1Y2Nlc3MnXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbiBtYXRlcmlhbC1pY29uc1wiPmNoZWNrPC9pPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlICE9PSAnc3VjY2VzcydcIj5cclxuICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uIG1hdGVyaWFsLWljb25zXCI+Y2xvc2U8L2k+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJtZXNzYWdlXCI+XHJcbiAgICAgICAgPHN0cm9uZz57eyBtZXNzYWdlIH19PC9zdHJvbmc+XHJcbiAgICAgICAgPHA+e3sgZGVzY3JpcHRpb24gfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxidXR0b24gY2xhc3M9XCJjbG9zZS1idG5cIiAoY2xpY2spPVwib25DbG9zZSgpXCI+JiMxMDAwNjs8L2J1dHRvbj5cclxuPC9kaXY+Il19
|
|
@@ -18,11 +18,11 @@ export class KvPopupComponent {
|
|
|
18
18
|
this.onClose.emit();
|
|
19
19
|
}
|
|
20
20
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
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", showCloseButton: "showCloseButton" }, outputs: { onAccept: "onAccept", onClose: "onClose" }, ngImport: i0, template: "<div class=\"popup-backdrop\">\r\n <div class=\"popup-container\">\r\n <button class=\"close-button\" *ngIf=\"showCloseButton\" (click)=\"onCloseSubmit()\">\r\n <i class=\"icon material-icons\">close</i>\r\n </button>\r\n <div class=\"content-container\">\r\n <div *ngIf=\"!isCustomTemplate\">\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Warn\">\r\n <i class=\"icon material-icons\">error</i>\r\n </ng-container>\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Advertise\">\r\n <i class=\"icon material-icons\">warning</i>\r\n </ng-container>\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--cancel\" (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--cancel\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n <button class=\"button--warn\" (click)=\"onAcceptSubmit()\">Delete</button>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Advertise\">\r\n <div class=\"button-container\">\r\n <button class=\"button--cancel\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n <button class=\"button--warn\" (click)=\"onAcceptSubmit()\">Continuar</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;
|
|
21
|
+
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", showCloseButton: "showCloseButton" }, outputs: { onAccept: "onAccept", onClose: "onClose" }, ngImport: i0, template: "<div class=\"popup-backdrop\">\r\n <div class=\"popup-container\">\r\n <button class=\"close-button\" *ngIf=\"showCloseButton\" (click)=\"onCloseSubmit()\">\r\n <i class=\"icon material-icons\">close</i>\r\n </button>\r\n <div class=\"content-container\">\r\n <div *ngIf=\"!isCustomTemplate\">\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Warn\">\r\n <i class=\"icon material-icons\">error</i>\r\n </ng-container>\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Advertise\">\r\n <i class=\"icon material-icons\">warning</i>\r\n </ng-container>\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--cancel\" (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--cancel\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n <button class=\"button--warn\" (click)=\"onAcceptSubmit()\">Delete</button>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Advertise\">\r\n <div class=\"button-container\">\r\n <button class=\"button--cancel\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n <button class=\"button--warn\" (click)=\"onAcceptSubmit()\">Continuar</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;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;width:max-content;margin-left:8px;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}@media (max-width: 768px){.button--primary-min{padding:8px}}.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 20px;border:none;border-radius:4px;cursor:pointer;height:min-content}.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}.a-link{text-decoration:none}.a-link:hover{cursor:pointer;text-decoration:underline}.a-link2{text-decoration:underline}.a-link2: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}@media (max-width: 768px){.main-text{font-size:25px}}@media (max-width: 480px){.main-text{font-size:20px}}.secondary-text{font-size:16px;color:#475467}@media (max-width: 768px){.secondary-text{font-size:14px}}@media (max-width: 480px){.secondary-text{font-size:12px}}.sidebar-title{font-size:24px;color:#101828;font-weight:700;margin-bottom:20px}@media (max-width: 768px){.sidebar-title{margin-top:-36px;margin-bottom:3px;font-size:20px}}.description-section{margin-top:30px}@media (max-width: 768px){.description-section{margin-top:7px}}.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}@media (max-width: 768px){.list-container{margin-top:7px}}.list-container .list-section{margin:1rem;color:#101828}.list-container .list-section .list{margin-top:12px;color:#475467}@media (max-width: 768px){.list-container .list-section .list{margin-top:6px}}.required{color:#b90000;font-weight:700}.service-info{align-items:center;display:flex}.service-info img{width:40px;height:40px;border:2px solid #ccc;border-radius:50%;margin:5px}.popup-backdrop{position:fixed;inset:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;transform:translateZ(0)}.popup-container{max-height:80vh;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow-y:auto;width:50%;position:relative}@media (max-width: 768px){.popup-container{width:80%;max-height:80vh;padding:15px;border-radius:6px;margin:0 auto}}@media (max-width: 480px){.popup-container{width:90%;max-height:90vh;padding:10px;border-radius:4px}}.popup-container .close{float:right;font-size:20px;cursor:pointer}.popup-container{position:relative}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-button span{color:#475467;font-size:24px}.close-button:hover{background-color:#0000001a;border-radius:50%}.close-button:hover span{color:#101828}@media (max-width: 768px){.close-button{top:8px;right:8px;padding:4px}.close-button span{font-size:20px}}@media (max-width: 480px){.close-button{top:6px;right:6px;padding:3px}.close-button span{font-size:18px}}.content-container{display:flex;gap:15px}.content-container .icon{color:red;font-size:30px}.content-container .title{font-size:1.5rem;color:#101828}.content-container .description{font-size:14px;color:#475467}@media (max-width: 768px){.content-container{gap:12px;margin-bottom:24px}.content-container .icon{font-size:25px}.content-container .title{font-size:1.3rem}.content-container .description{font-size:13px}}@media (max-width: 480px){.content-container{gap:10px;margin-bottom:18px}.content-container .icon{font-size:20px}.content-container .title{font-size:1rem}.content-container .description{font-size:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvPopupComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'lib-kv-popup', standalone: true, imports: [CommonModule], template: "<div class=\"popup-backdrop\">\r\n <div class=\"popup-container\">\r\n <button class=\"close-button\" *ngIf=\"showCloseButton\" (click)=\"onCloseSubmit()\">\r\n <i class=\"icon material-icons\">close</i>\r\n </button>\r\n <div class=\"content-container\">\r\n <div *ngIf=\"!isCustomTemplate\">\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Warn\">\r\n <i class=\"icon material-icons\">error</i>\r\n </ng-container>\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Advertise\">\r\n <i class=\"icon material-icons\">warning</i>\r\n </ng-container>\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--cancel\" (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--cancel\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n <button class=\"button--warn\" (click)=\"onAcceptSubmit()\">Delete</button>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Advertise\">\r\n <div class=\"button-container\">\r\n <button class=\"button--cancel\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n <button class=\"button--warn\" (click)=\"onAcceptSubmit()\">Continuar</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;
|
|
25
|
+
args: [{ selector: 'lib-kv-popup', standalone: true, imports: [CommonModule], template: "<div class=\"popup-backdrop\">\r\n <div class=\"popup-container\">\r\n <button class=\"close-button\" *ngIf=\"showCloseButton\" (click)=\"onCloseSubmit()\">\r\n <i class=\"icon material-icons\">close</i>\r\n </button>\r\n <div class=\"content-container\">\r\n <div *ngIf=\"!isCustomTemplate\">\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Warn\">\r\n <i class=\"icon material-icons\">error</i>\r\n </ng-container>\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Advertise\">\r\n <i class=\"icon material-icons\">warning</i>\r\n </ng-container>\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--cancel\" (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--cancel\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n <button class=\"button--warn\" (click)=\"onAcceptSubmit()\">Delete</button>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Advertise\">\r\n <div class=\"button-container\">\r\n <button class=\"button--cancel\" (click)=\"onCloseSubmit()\">Cancel</button>\r\n <button class=\"button--warn\" (click)=\"onAcceptSubmit()\">Continuar</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;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;width:max-content;margin-left:8px;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}@media (max-width: 768px){.button--primary-min{padding:8px}}.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 20px;border:none;border-radius:4px;cursor:pointer;height:min-content}.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}.a-link{text-decoration:none}.a-link:hover{cursor:pointer;text-decoration:underline}.a-link2{text-decoration:underline}.a-link2: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}@media (max-width: 768px){.main-text{font-size:25px}}@media (max-width: 480px){.main-text{font-size:20px}}.secondary-text{font-size:16px;color:#475467}@media (max-width: 768px){.secondary-text{font-size:14px}}@media (max-width: 480px){.secondary-text{font-size:12px}}.sidebar-title{font-size:24px;color:#101828;font-weight:700;margin-bottom:20px}@media (max-width: 768px){.sidebar-title{margin-top:-36px;margin-bottom:3px;font-size:20px}}.description-section{margin-top:30px}@media (max-width: 768px){.description-section{margin-top:7px}}.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}@media (max-width: 768px){.list-container{margin-top:7px}}.list-container .list-section{margin:1rem;color:#101828}.list-container .list-section .list{margin-top:12px;color:#475467}@media (max-width: 768px){.list-container .list-section .list{margin-top:6px}}.required{color:#b90000;font-weight:700}.service-info{align-items:center;display:flex}.service-info img{width:40px;height:40px;border:2px solid #ccc;border-radius:50%;margin:5px}.popup-backdrop{position:fixed;inset:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;transform:translateZ(0)}.popup-container{max-height:80vh;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;overflow-y:auto;width:50%;position:relative}@media (max-width: 768px){.popup-container{width:80%;max-height:80vh;padding:15px;border-radius:6px;margin:0 auto}}@media (max-width: 480px){.popup-container{width:90%;max-height:90vh;padding:10px;border-radius:4px}}.popup-container .close{float:right;font-size:20px;cursor:pointer}.popup-container{position:relative}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.close-button span{color:#475467;font-size:24px}.close-button:hover{background-color:#0000001a;border-radius:50%}.close-button:hover span{color:#101828}@media (max-width: 768px){.close-button{top:8px;right:8px;padding:4px}.close-button span{font-size:20px}}@media (max-width: 480px){.close-button{top:6px;right:6px;padding:3px}.close-button span{font-size:18px}}.content-container{display:flex;gap:15px}.content-container .icon{color:red;font-size:30px}.content-container .title{font-size:1.5rem;color:#101828}.content-container .description{font-size:14px;color:#475467}@media (max-width: 768px){.content-container{gap:12px;margin-bottom:24px}.content-container .icon{font-size:25px}.content-container .title{font-size:1.3rem}.content-container .description{font-size:13px}}@media (max-width: 480px){.content-container{gap:10px;margin-bottom:18px}.content-container .icon{font-size:20px}.content-container .title{font-size:1rem}.content-container .description{font-size:12px}}\n"] }]
|
|
26
26
|
}], propDecorators: { title: [{
|
|
27
27
|
type: Input
|
|
28
28
|
}], description: [{
|
|
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
38
38
|
}], onClose: [{
|
|
39
39
|
type: Output
|
|
40
40
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtcG9wdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l2aW8vc3JjL2xpYi9jb21wb25lbnRzL2t2LXBvcHVwL2t2LXBvcHVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1wb3B1cC9rdi1wb3B1cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7OztBQVMxRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBU1csVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUtuQixvQkFBZSxHQUFZLEtBQUssQ0FBQztRQUVoQyxhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDeEQsWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRTFELG1CQUFjLEdBQUcsVUFBVSxDQUFDO0tBU3BDO0lBUFEsY0FBYztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxhQUFhO1FBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzsrR0FwQlUsZ0JBQWdCO21HQUFoQixnQkFBZ0IsMlJDWDdCLG0xRUE2Q00sbXNMRHRDTSxZQUFZOzs0RkFJWCxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFNZCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFjdGlvblR5cGUgfSBmcm9tICcuLi8uLi9lbnVtcy9hY3Rpb24tdHlwZS5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWt2LXBvcHVwJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1wb3B1cC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LXBvcHVwLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZQb3B1cENvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbiE6IHN0cmluZztcclxuICBASW5wdXQoKSBpc0N1c3RvbVRlbXBsYXRlITogYm9vbGVhbjtcclxuICBASW5wdXQoKSBhY3Rpb25UeXBlITogQWN0aW9uVHlwZTtcclxuXHJcbiAgQElucHV0KCkgc2hvd0Nsb3NlQnV0dG9uOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkFjY2VwdDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBvbkNsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIHB1YmxpYyBhY3Rpb25UeXBlRW51bSA9IEFjdGlvblR5cGU7XHJcblxyXG4gIHB1YmxpYyBvbkFjY2VwdFN1Ym1pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMub25BY2NlcHQuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQ2xvc2VTdWJtaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2xvc2UuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicG9wdXAtYmFja2Ryb3BcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1jb250YWluZXJcIj5cclxuICAgICAgICA8YnV0dG9uIGNsYXNzPVwiY2xvc2UtYnV0dG9uXCIgKm5nSWY9XCJzaG93Q2xvc2VCdXR0b25cIiAoY2xpY2spPVwib25DbG9zZVN1Ym1pdCgpXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbiBtYXRlcmlhbC1pY29uc1wiPmNsb3NlPC9pPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50LWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICA8ZGl2ICAqbmdJZj1cIiFpc0N1c3RvbVRlbXBsYXRlXCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYWN0aW9uVHlwZSA9PT0gYWN0aW9uVHlwZUVudW0uV2FyblwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbiBtYXRlcmlhbC1pY29uc1wiPmVycm9yPC9pPlxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYWN0aW9uVHlwZSA9PT0gYWN0aW9uVHlwZUVudW0uQWR2ZXJ0aXNlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uIG1hdGVyaWFsLWljb25zXCI+d2FybmluZzwvaT5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZVwiPnt7IHRpdGxlIH19PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiZGVzY3JpcHRpb25cIj5cclxuICAgICAgICAgICAgICAgICAgICA8cCBjbGFzcz1cImRlc2NyaXB0aW9uXCI+e3sgZGVzY3JpcHRpb24gfX08L3A+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzQ3VzdG9tVGVtcGxhdGU7IGVsc2UgZGVmYXVsdENvbnRlbnRcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdENvbnRlbnQ+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJhY3Rpb25UeXBlID09PSBhY3Rpb25UeXBlRW51bS5JbmZvXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tLWNhbmNlbFwiIChjbGljayk9XCJvbkNsb3NlU3VibWl0KClcIj5DYW5jZWw8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uLS1wcmltYXJ5XCIgKGNsaWNrKT1cIm9uQWNjZXB0U3VibWl0KClcIj5BY2VwdGFyPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJhY3Rpb25UeXBlID09PSBhY3Rpb25UeXBlRW51bS5XYXJuXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiYnV0dG9uLWNvbnRhaW5lclwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tLWNhbmNlbFwiIChjbGljayk9XCJvbkNsb3NlU3VibWl0KClcIj5DYW5jZWw8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uLS13YXJuXCIgKGNsaWNrKT1cIm9uQWNjZXB0U3VibWl0KClcIj5EZWxldGU8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImFjdGlvblR5cGUgPT09IGFjdGlvblR5cGVFbnVtLkFkdmVydGlzZVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uLS1jYW5jZWxcIiAoY2xpY2spPVwib25DbG9zZVN1Ym1pdCgpXCI+Q2FuY2VsPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbi0td2FyblwiIChjbGljayk9XCJvbkFjY2VwdFN1Ym1pdCgpXCI+Q29udGludWFyPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -27,11 +27,11 @@ export class KvSideMenuComponent {
|
|
|
27
27
|
this.onSaveChanges.emit();
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
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", shouldShowEditButton: "shouldShowEditButton", shouldShowCloseButton: "shouldShowCloseButton" }, outputs: { onEdit: "onEdit", onClose: "onClose", onDelete: "onDelete", 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 <ng-container *ngIf=\"shouldShowEditButton\">\r\n <button class=\"delete-button section-button\" (click)=\"handleDeleteButtonClicked()\"><i\r\n class=\"icon material-icons\">delete</i></button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"shouldShowCloseButton\">\r\n <button class=\"edit-button section-button\" (click)=\"handleEditButtonClicked()\"><i\r\n class=\"icon material-icons\">edit</i></button>\r\n </ng-container>\r\n\r\n <button class=\"close-button section-button\" (click)=\"handleCloseButtonClicked()\"><i\r\n 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\r\n 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;
|
|
30
|
+
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", shouldShowEditButton: "shouldShowEditButton", shouldShowCloseButton: "shouldShowCloseButton" }, outputs: { onEdit: "onEdit", onClose: "onClose", onDelete: "onDelete", 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 <ng-container *ngIf=\"shouldShowEditButton\">\r\n <button class=\"delete-button section-button\" (click)=\"handleDeleteButtonClicked()\"><i\r\n class=\"icon material-icons\">delete</i></button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"shouldShowCloseButton\">\r\n <button class=\"edit-button section-button\" (click)=\"handleEditButtonClicked()\"><i\r\n class=\"icon material-icons\">edit</i></button>\r\n </ng-container>\r\n\r\n <button class=\"close-button section-button\" (click)=\"handleCloseButtonClicked()\"><i\r\n 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\r\n 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;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;width:max-content;margin-left:8px;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}@media (max-width: 768px){.button--primary-min{padding:8px}}.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 20px;border:none;border-radius:4px;cursor:pointer;height:min-content}.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;z-index:1001}.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}@media (max-width: 768px){.right-menu{height:100vh!important;background-color:#fff!important;position:fixed!important;top:0!important;right:0!important;box-shadow:-2px 0 5px #0000001a!important;width:100%!important;max-width:100%!important;min-width:auto!important;z-index:9999!important;margin-top:9rem!important}}@media (max-width: 768px) and (min-width: 600px){.right-menu{width:70%!important;margin-top:5rem!important}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvSideMenuComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
|
-
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 <ng-container *ngIf=\"shouldShowEditButton\">\r\n <button class=\"delete-button section-button\" (click)=\"handleDeleteButtonClicked()\"><i\r\n class=\"icon material-icons\">delete</i></button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"shouldShowCloseButton\">\r\n <button class=\"edit-button section-button\" (click)=\"handleEditButtonClicked()\"><i\r\n class=\"icon material-icons\">edit</i></button>\r\n </ng-container>\r\n\r\n <button class=\"close-button section-button\" (click)=\"handleCloseButtonClicked()\"><i\r\n 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\r\n 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;
|
|
34
|
+
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 <ng-container *ngIf=\"shouldShowEditButton\">\r\n <button class=\"delete-button section-button\" (click)=\"handleDeleteButtonClicked()\"><i\r\n class=\"icon material-icons\">delete</i></button>\r\n </ng-container>\r\n\r\n <ng-container *ngIf=\"shouldShowCloseButton\">\r\n <button class=\"edit-button section-button\" (click)=\"handleEditButtonClicked()\"><i\r\n class=\"icon material-icons\">edit</i></button>\r\n </ng-container>\r\n\r\n <button class=\"close-button section-button\" (click)=\"handleCloseButtonClicked()\"><i\r\n 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\r\n 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;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;width:max-content;margin-left:8px;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}@media (max-width: 768px){.button--primary-min{padding:8px}}.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 20px;border:none;border-radius:4px;cursor:pointer;height:min-content}.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;z-index:1001}.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}@media (max-width: 768px){.right-menu{height:100vh!important;background-color:#fff!important;position:fixed!important;top:0!important;right:0!important;box-shadow:-2px 0 5px #0000001a!important;width:100%!important;max-width:100%!important;min-width:auto!important;z-index:9999!important;margin-top:9rem!important}}@media (max-width: 768px) and (min-width: 600px){.right-menu{width:70%!important;margin-top:5rem!important}}\n"] }]
|
|
35
35
|
}], propDecorators: { breadcrumb: [{
|
|
36
36
|
type: Input
|
|
37
37
|
}], shouldShowEditButton: [{
|
|
@@ -47,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
47
47
|
}], onSaveChanges: [{
|
|
48
48
|
type: Output
|
|
49
49
|
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc2lkZS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1zaWRlLW1lbnUva3Ytc2lkZS1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1zaWRlLW1lbnUva3Ytc2lkZS1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTdkUsTUFBTSxPQUFPLG1CQUFtQjtJQVBoQztRQVFXLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDeEIseUJBQW9CLEdBQVksSUFBSSxDQUFDO1FBQ3JDLDBCQUFxQixHQUFZLElBQUksQ0FBQztRQUNyQyxXQUFNLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFDNUQsWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBQ3ZELGFBQVEsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN4RCxrQkFBYSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWhFLGVBQVUsR0FBWSxLQUFLLENBQUM7S0FrQnBDO0lBaEJRLHVCQUF1QjtRQUM1QixJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQztRQUNuQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVNLHdCQUF3QjtRQUM3QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFTSx5QkFBeUI7UUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRU0sOEJBQThCO1FBQ25DLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDNUIsQ0FBQzsrR0ExQlUsbUJBQW1CO21HQUFuQixtQkFBbUIseVRDVmhDLGkvQ0ErQk0sa21IRHpCTSxZQUFZOzs0RkFJWCxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFLZCxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxxQkFBcUI7c0JBQTdCLEtBQUs7Z0JBQ0ksTUFBTTtzQkFBZixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWt2LXNpZGUtbWVudScsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4va3Ytc2lkZS1tZW51LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4va3Ytc2lkZS1tZW51LmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgS3ZTaWRlTWVudUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgYnJlYWRjcnVtYjogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgc2hvdWxkU2hvd0VkaXRCdXR0b246IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBJbnB1dCgpIHNob3VsZFNob3dDbG9zZUJ1dHRvbjogYm9vbGVhbiA9IHRydWU7XHJcbiAgQE91dHB1dCgpIG9uRWRpdDogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG4gIEBPdXRwdXQoKSBvbkNsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIG9uRGVsZXRlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcbiAgQE91dHB1dCgpIG9uU2F2ZUNoYW5nZXM6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgcHVibGljIGlzRWRpdE1vZGU6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgcHVibGljIGhhbmRsZUVkaXRCdXR0b25DbGlja2VkKCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc0VkaXRNb2RlID0gIXRoaXMuaXNFZGl0TW9kZTtcclxuICAgIHRoaXMub25FZGl0LmVtaXQodGhpcy5pc0VkaXRNb2RlKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBoYW5kbGVDbG9zZUJ1dHRvbkNsaWNrZWQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2xvc2UuZW1pdCgpO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGhhbmRsZURlbGV0ZUJ1dHRvbkNsaWNrZWQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uRGVsZXRlLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBoYW5kbGVTYXZlQ2hhbmdlc0J1dHRvbkNsaWNrZWQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uU2F2ZUNoYW5nZXMuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwicmlnaHQtbWVudVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImhlYWRlclwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNFZGl0TW9kZVwiPlxyXG4gICAgICAgICAgICA8c3Bhbj57eyBicmVhZGNydW1iIH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3VsZFNob3dFZGl0QnV0dG9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImRlbGV0ZS1idXR0b24gc2VjdGlvbi1idXR0b25cIiAoY2xpY2spPVwiaGFuZGxlRGVsZXRlQnV0dG9uQ2xpY2tlZCgpXCI+PGlcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaWNvbiBtYXRlcmlhbC1pY29uc1wiPmRlbGV0ZTwvaT48L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG91bGRTaG93Q2xvc2VCdXR0b25cIj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiZWRpdC1idXR0b24gc2VjdGlvbi1idXR0b25cIiAoY2xpY2spPVwiaGFuZGxlRWRpdEJ1dHRvbkNsaWNrZWQoKVwiPjxpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImljb24gbWF0ZXJpYWwtaWNvbnNcIj5lZGl0PC9pPjwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImNsb3NlLWJ1dHRvbiBzZWN0aW9uLWJ1dHRvblwiIChjbGljayk9XCJoYW5kbGVDbG9zZUJ1dHRvbkNsaWNrZWQoKVwiPjxpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiaWNvbiBtYXRlcmlhbC1pY29uc1wiPmNsb3NlPC9pPjwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXNFZGl0TW9kZVwiPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiZWRpdC1idXR0b24gc2VjdGlvbi1idXR0b25cIiAoY2xpY2spPVwiaGFuZGxlRWRpdEJ1dHRvbkNsaWNrZWQoKVwiPjxpXHJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpY29uIG1hdGVyaWFsLWljb25zXCI+YXJyb3dfYmFjazwvaT48L2J1dHRvbj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tLXByaW1hcnktbWluXCIgKGNsaWNrKT1cImhhbmRsZVNhdmVDaGFuZ2VzQnV0dG9uQ2xpY2tlZCgpXCI+U2F2ZSBjaGFuZ2VzPC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImJvZHlcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -34,11 +34,11 @@ export class KvStepperComponent {
|
|
|
34
34
|
this.closeEvent.emit();
|
|
35
35
|
}
|
|
36
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
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--cancel\" (click)=\"close()\">Cancel</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()\"\r\n [disabled]=\"!isAssociated\">Next</button>\r\n <button class=\"button--primary-min\" *ngIf=\"currentStep() === steps.length - 1\"\r\n (click)=\"submit.emit()\">Create</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\" [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\" [class.active]=\"currentStep() === i\" (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;width:max-content;margin-left:8px;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}@media (max-width: 768px){.button--primary-min{padding:8px}}.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 20px;border:none;border-radius:4px;cursor:pointer;height:min-content}.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-vertical{max-width:800px;max-height:75vh;overflow-y:auto;margin:0 auto;padding:20px;background:#fff;border-radius:8px}.stepper-container-simple{margin:0 auto;padding:20px;background:#fff;border-radius:8px}@media (max-width: 768px){.stepper-container-simple{padding:0}}.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}@media (max-width: 768px){.step-content,.step-content-simple{padding:0;margin-bottom:0}}.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{pointer-events:none;flex:1;padding:10px;border-radius:4px;transition:all .3s ease}.stepper-container-vertical .vertical-step-content.active{pointer-events:auto}.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}@media (max-width: 768px){.step-header{margin-bottom:0;margin-top:2rem;font-size:12px}}\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"] }] }); }
|
|
37
|
+
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--cancel\" (click)=\"close()\">Cancel</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()\"\r\n [disabled]=\"!isAssociated\">Next</button>\r\n <button class=\"button--primary-min\" *ngIf=\"currentStep() === steps.length - 1\"\r\n (click)=\"submit.emit()\">Create</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\" [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\" [class.active]=\"currentStep() === i\" (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;width:max-content;margin-left:8px;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}@media (max-width: 768px){.button--primary-min{padding:8px}}.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 20px;border:none;border-radius:4px;cursor:pointer;height:min-content}.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-vertical{max-width:800px;max-height:75vh;overflow-y:auto;margin:0 auto;padding:20px;background:#fff;border-radius:8px}.stepper-container-simple{margin:0 auto;padding:20px;background:#fff;border-radius:8px}@media (max-width: 768px){.stepper-container-simple{padding:0}}.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}@media (max-width: 768px){.step-content,.step-content-simple{padding:0;margin-bottom:0}}.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{pointer-events:none;flex:1;padding:10px;border-radius:4px;transition:all .3s ease}.stepper-container-vertical .vertical-step-content.active{pointer-events:auto}.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}@media (max-width: 768px){.step-header{margin-bottom:15px;margin-top:5rem;font-size:12px;font-weight:600;padding:0}}\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"] }] }); }
|
|
38
38
|
}
|
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvStepperComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
|
-
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--cancel\" (click)=\"close()\">Cancel</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()\"\r\n [disabled]=\"!isAssociated\">Next</button>\r\n <button class=\"button--primary-min\" *ngIf=\"currentStep() === steps.length - 1\"\r\n (click)=\"submit.emit()\">Create</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\" [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\" [class.active]=\"currentStep() === i\" (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;width:max-content;margin-left:8px;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}@media (max-width: 768px){.button--primary-min{padding:8px}}.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 20px;border:none;border-radius:4px;cursor:pointer;height:min-content}.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-vertical{max-width:800px;max-height:75vh;overflow-y:auto;margin:0 auto;padding:20px;background:#fff;border-radius:8px}.stepper-container-simple{margin:0 auto;padding:20px;background:#fff;border-radius:8px}@media (max-width: 768px){.stepper-container-simple{padding:0}}.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}@media (max-width: 768px){.step-content,.step-content-simple{padding:0;margin-bottom:0}}.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{pointer-events:none;flex:1;padding:10px;border-radius:4px;transition:all .3s ease}.stepper-container-vertical .vertical-step-content.active{pointer-events:auto}.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}@media (max-width: 768px){.step-header{margin-bottom:
|
|
41
|
+
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--cancel\" (click)=\"close()\">Cancel</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()\"\r\n [disabled]=\"!isAssociated\">Next</button>\r\n <button class=\"button--primary-min\" *ngIf=\"currentStep() === steps.length - 1\"\r\n (click)=\"submit.emit()\">Create</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\" [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\" [class.active]=\"currentStep() === i\" (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;width:max-content;margin-left:8px;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}@media (max-width: 768px){.button--primary-min{padding:8px}}.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 20px;border:none;border-radius:4px;cursor:pointer;height:min-content}.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-vertical{max-width:800px;max-height:75vh;overflow-y:auto;margin:0 auto;padding:20px;background:#fff;border-radius:8px}.stepper-container-simple{margin:0 auto;padding:20px;background:#fff;border-radius:8px}@media (max-width: 768px){.stepper-container-simple{padding:0}}.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}@media (max-width: 768px){.step-content,.step-content-simple{padding:0;margin-bottom:0}}.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{pointer-events:none;flex:1;padding:10px;border-radius:4px;transition:all .3s ease}.stepper-container-vertical .vertical-step-content.active{pointer-events:auto}.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}@media (max-width: 768px){.step-header{margin-bottom:15px;margin-top:5rem;font-size:12px;font-weight:600;padding:0}}\n"] }]
|
|
42
42
|
}], propDecorators: { steps: [{
|
|
43
43
|
type: ContentChildren,
|
|
44
44
|
args: [KvStepComponent]
|
|
@@ -55,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
55
55
|
}], isLastStep: [{
|
|
56
56
|
type: Output
|
|
57
57
|
}] } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc3RlcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXZpby9zcmMvbGliL2NvbXBvbmVudHMva3Ytc3RlcHBlci9rdi1zdGVwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1zdGVwcGVyL2t2LXN0ZXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBb0IsU0FBUyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBYSxNQUFNLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDMUksT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7QUFVL0QsTUFBTSxPQUFPLGtCQUFrQjtJQVIvQjtRQVNFLGdCQUFXLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBSVIsb0JBQWUsR0FBWSxLQUFLLENBQUM7UUFDakMsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixpQkFBWSxHQUFZLEtBQUssQ0FBQztRQUNwQyxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUNsQyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN0QyxlQUFVLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztLQXlCcEQ7SUF2QkMsa0JBQWtCO1FBQ2hCLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1lBQzNCLE9BQU8sQ0FBQyxLQUFLLENBQUMsdUNBQXVDLENBQUMsQ0FBQztTQUN4RDtJQUNILENBQUM7SUFFRCxJQUFJO1FBQ0YsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDM0IsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQzlDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDO1NBQ3pDO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsR0FBRyxDQUFDLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUM7WUFDeEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDNUI7SUFDSCxDQUFDO0lBRUQsS0FBSztRQUNILElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDekIsQ0FBQzsrR0FsQ1Usa0JBQWtCO21HQUFsQixrQkFBa0IsMlJBR1osZUFBZSw2QkNmbEMsNmhIQXNFZSwwaUxEL0RILFlBQVk7OzRGQUtYLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBUVcsS0FBSztzQkFBdEMsZUFBZTt1QkFBQyxlQUFlO2dCQUVoQixlQUFlO3NCQUE5QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsWUFBWTtzQkFBM0IsS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU07Z0JBQ0csVUFBVTtzQkFBbkIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCwgUXVlcnlMaXN0LCBzaWduYWwsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEt2U3RlcENvbXBvbmVudCB9IGZyb20gJy4uL2t2LXN0ZXAva3Ytc3RlcC5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWIta3Ytc3RlcHBlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4va3Ytc3RlcHBlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LXN0ZXBwZXIuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcblxyXG5leHBvcnQgY2xhc3MgS3ZTdGVwcGVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XHJcbiAgY3VycmVudFN0ZXAgPSBzaWduYWwoMCk7XHJcbiAgXHJcbiAgQENvbnRlbnRDaGlsZHJlbihLdlN0ZXBDb21wb25lbnQpIHN0ZXBzITogUXVlcnlMaXN0PEt2U3RlcENvbXBvbmVudD47XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyBpc1NpbXBsZVN0ZXBwZXI6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBwdWJsaWMgaXNWZXJ0aWNhbDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBpc0Fzc29jaWF0ZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBAT3V0cHV0KCkgc3VibWl0ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBjbG9zZUV2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBpc0xhc3RTdGVwID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xyXG5cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcbiAgICBpZiAodGhpcy5zdGVwcy5sZW5ndGggPT09IDApIHtcclxuICAgICAgY29uc29sZS5lcnJvcignTm8gc2UgZW5jb250cmFyb24gcGFzb3MgZW4gZWwgc3RlcHBlcicpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmV4dCgpIHtcclxuICAgIHRoaXMuaXNMYXN0U3RlcC5lbWl0KHRydWUpO1xyXG4gICAgaWYgKHRoaXMuY3VycmVudFN0ZXAoKSA8IHRoaXMuc3RlcHMubGVuZ3RoIC0gMSkge1xyXG4gICAgICB0aGlzLmN1cnJlbnRTdGVwLnVwZGF0ZSh2YWwgPT4gdmFsICsgMSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwcmV2aW91cygpIHtcclxuICAgIGlmICh0aGlzLmN1cnJlbnRTdGVwKCkgPiAwKSB7XHJcbiAgICAgIHRoaXMuY3VycmVudFN0ZXAudXBkYXRlKHZhbCA9PiB2YWwgLSAxKTtcclxuICAgICAgdGhpcy5pc0xhc3RTdGVwLmVtaXQodHJ1ZSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbG9zZSgpIHtcclxuICAgIHRoaXMuY2xvc2VFdmVudC5lbWl0KCk7XHJcbiAgfVxyXG59IiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFpc1NpbXBsZVN0ZXBwZXJcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJzdGVwcGVyLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWhlYWRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJzdGVwLWl0ZW1cIiBbY2xhc3MuYWN0aXZlXT1cImN1cnJlbnRTdGVwKCkgPT09IGlcIlxyXG4gICAgICAgICAgICAgICAgW2NsYXNzLmNvbXBsZXRlZF09XCJpIDwgY3VycmVudFN0ZXAoKVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtbnVtYmVyXCI+e3sgaSArIDEgfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLXRpdGxlXCI+e3sgc3RlcC50aXRsZSB9fTwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtY29udGVudFwiPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic3RlcHMuZ2V0KGN1cnJlbnRTdGVwKCkpPy5jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwic3RlcHMuZ2V0KGN1cnJlbnRTdGVwKCkpIS5jb250ZW50XCI+XHJcbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWFjdGlvbnNcIj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbi0tY2FuY2VsXCIgKGNsaWNrKT1cImNsb3NlKClcIj5DYW5jZWw8L2J1dHRvbj5cclxuICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbi0tcHJpbWFyeS1taW5cIiAqbmdJZj1cImN1cnJlbnRTdGVwKCkgPiAwXCIgKGNsaWNrKT1cInByZXZpb3VzKClcIj5BbnRlcmlvcjwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uLS1wcmltYXJ5LW1pblwiICpuZ0lmPVwiY3VycmVudFN0ZXAoKSA8IHN0ZXBzLmxlbmd0aCAtIDFcIiAoY2xpY2spPVwibmV4dCgpXCJcclxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCIhaXNBc3NvY2lhdGVkXCI+TmV4dDwvYnV0dG9uPlxyXG4gICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uLS1wcmltYXJ5LW1pblwiICpuZ0lmPVwiY3VycmVudFN0ZXAoKSA9PT0gc3RlcHMubGVuZ3RoIC0gMVwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic3VibWl0LmVtaXQoKVwiPkNyZWF0ZTwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzU2ltcGxlU3RlcHBlciAmJiAhaXNWZXJ0aWNhbFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInN0ZXBwZXItY29udGFpbmVyLXNpbXBsZVwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLWhlYWRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0Zvcj1cImxldCBzdGVwIG9mIHN0ZXBzOyBsZXQgaSA9IGluZGV4XCIgY2xhc3M9XCJzdGVwLWl0ZW1cIiBbY2xhc3MuYWN0aXZlXT1cImN1cnJlbnRTdGVwKCkgPT09IGlcIlxyXG4gICAgICAgICAgICAgICAgW2NsYXNzLmNvbXBsZXRlZF09XCJpIDwgY3VycmVudFN0ZXAoKVwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtbnVtYmVyXCI+e3sgaSArIDEgfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLXRpdGxlXCI+e3sgc3RlcC50aXRsZSB9fTwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtY29udGVudC1zaW1wbGVcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInN0ZXBzLmdldChjdXJyZW50U3RlcCgpKT8uY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cInN0ZXBzLmdldChjdXJyZW50U3RlcCgpKSEuY29udGVudFwiPlxyXG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzU2ltcGxlU3RlcHBlciAmJiBpc1ZlcnRpY2FsXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic3RlcHBlci1jb250YWluZXItdmVydGljYWxcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidmVydGljYWwtc3RlcHNcIj5cclxuICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgc3RlcCBvZiBzdGVwczsgbGV0IGkgPSBpbmRleFwiIGNsYXNzPVwidmVydGljYWwtc3RlcC1pdGVtXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1pbmRpY2F0b3ItY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0ZXAtaW5kaWNhdG9yXCIgW2NsYXNzLmFjdGl2ZV09XCJjdXJyZW50U3RlcCgpID09PSBpXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmNvbXBsZXRlZF09XCJpIDwgY3VycmVudFN0ZXAoKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1udW1iZXJcIj57eyBpICsgMSB9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2ZXJ0aWNhbC1saW5lXCIgKm5nSWY9XCJpICE9PSBzdGVwcy5sZW5ndGggLSAxXCI+PC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZS1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC10aXRsZVwiPnt7IHN0ZXAudGl0bGUgfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1kZXNjcmlwdGlvblwiPnt7IHN0ZXAuZGVzY3JpcHRpb24gfX08L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInZlcnRpY2FsLXN0ZXAtY29udGVudFwiIFtjbGFzcy5hY3RpdmVdPVwiY3VycmVudFN0ZXAoKSA9PT0gaVwiIChjbGljayk9XCJjdXJyZW50U3RlcC5zZXQoaSlcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RlcC1jb250ZW50LXZlcnRpY2FsXCIgKm5nSWY9XCJjdXJyZW50U3RlcCgpID09PSBpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJzdGVwLmNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj4iXX0=
|