kivio 1.0.3 → 1.0.5
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/date-picker/date-picker.component.mjs +14 -6
- package/esm2022/lib/components/kv-accordion/kv-accordion.component.mjs +3 -3
- package/esm2022/lib/components/kv-main-table/kv-main-table.component.mjs +4 -4
- package/esm2022/lib/components/kv-popup/kv-popup.component.mjs +3 -3
- package/esm2022/lib/components/kv-side-menu/kv-side-menu.component.mjs +13 -7
- package/esm2022/lib/components/kv-stepper/kv-stepper.component.mjs +3 -3
- package/esm2022/lib/enums/action-type.enum.mjs +2 -1
- package/esm2022/lib/services/auth.service.mjs +2 -2
- package/esm2022/lib/services/navigation.service.mjs +7 -1
- package/fesm2022/kivio.mjs +42 -21
- package/fesm2022/kivio.mjs.map +1 -1
- package/lib/components/date-picker/date-picker.component.d.ts +1 -0
- package/lib/components/kv-side-menu/kv-side-menu.component.d.ts +7 -5
- package/lib/enums/action-type.enum.d.ts +2 -1
- package/lib/services/navigation.service.d.ts +2 -0
- package/package.json +2 -2
- package/src/styles/components/_button.scss +2 -2
- package/src/styles/components/_form.scss +5 -0
- package/src/styles/components/_menu.scss +26 -0
- package/src/styles/components/_select.scss +3 -2
- package/src/styles/components/_table.scss +50 -9
- package/src/styles/components/_utils.scss +13 -0
- package/src/styles/main.scss +2 -1
- package/esm2022/lib/services/token-refresh.service.mjs +0 -26
- package/lib/services/token-refresh.service.d.ts +0 -12
|
@@ -8,10 +8,12 @@ export class DatePickerComponent {
|
|
|
8
8
|
this.showDetails = false;
|
|
9
9
|
this.dateSelected = new EventEmitter();
|
|
10
10
|
this.selectedDate = new Date();
|
|
11
|
+
this.minDate = '';
|
|
11
12
|
}
|
|
12
13
|
ngOnInit() {
|
|
14
|
+
this.minDate = this.formatDateForInput(new Date());
|
|
13
15
|
if (this.initialDate) {
|
|
14
|
-
this.selectedDate = this.initialDate;
|
|
16
|
+
this.selectedDate = this.initialDate >= new Date(this.minDate) ? this.initialDate : new Date();
|
|
15
17
|
}
|
|
16
18
|
}
|
|
17
19
|
formatDateForInput(date) {
|
|
@@ -22,15 +24,21 @@ export class DatePickerComponent {
|
|
|
22
24
|
}
|
|
23
25
|
onDateChange(event) {
|
|
24
26
|
const input = event.target;
|
|
25
|
-
|
|
26
|
-
|
|
27
|
+
const newDate = new Date(input.value);
|
|
28
|
+
if (newDate >= new Date(this.minDate)) {
|
|
29
|
+
this.selectedDate = newDate;
|
|
30
|
+
this.dateSelected.emit(this.selectedDate);
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
input.value = this.minDate;
|
|
34
|
+
}
|
|
27
35
|
}
|
|
28
36
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DatePickerComponent, isStandalone: true, selector: "lib-kv-date-picker", inputs: { initialDate: "initialDate", showDetails: "showDetails" }, outputs: { dateSelected: "dateSelected" }, ngImport: i0, template: "<div class=\"date-picker\">\r\n <input type=\"date\" [value]=\"formatDateForInput(selectedDate)\" (input)=\"onDateChange($event)\" class=\"form-control\">\r\n <div *ngIf=\"showDetails\" class=\"date-details\">\r\n <p>{{ selectedDate | date:'fullDate' }}</p>\r\n </div>\r\n</div
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DatePickerComponent, isStandalone: true, selector: "lib-kv-date-picker", inputs: { initialDate: "initialDate", showDetails: "showDetails" }, outputs: { dateSelected: "dateSelected" }, ngImport: i0, template: "<div class=\"date-picker\">\r\n <input \r\n type=\"date\" \r\n [value]=\"formatDateForInput(selectedDate)\" \r\n [min]=\"minDate\" \r\n (input)=\"onDateChange($event)\" \r\n class=\"form-control\">\r\n \r\n <div *ngIf=\"showDetails\" class=\"date-details\">\r\n <p>{{ selectedDate | date:'fullDate' }}</p>\r\n </div>\r\n</div>\r\n", styles: ["input,textarea{padding:10px;width:-webkit-fill-available;border:1px solid #ccc;border-radius:5px;font-size:16px;font-family:Roboto,sans-serif!important;color:#101828;background-color:#fff}input::placeholder,textarea::placeholder{color:#475467}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;background-color:#fff}input.error,textarea.error{border-color:#fcd9d9;box-shadow:0 0 8px #fcd9d980}.input-group{margin-bottom:15px}.input-group label{font-size:14px;margin-bottom:5px;color:#555}.input-group .error-message{color:red}.input-cost{display:flex;gap:10px}.date-picker{margin:10px 0;cursor:pointer}.date-details{font-size:.9em;color:#666}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }] }); }
|
|
30
38
|
}
|
|
31
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DatePickerComponent, decorators: [{
|
|
32
40
|
type: Component,
|
|
33
|
-
args: [{ selector: 'lib-kv-date-picker', standalone: true, imports: [FormsModule, CommonModule], template: "<div class=\"date-picker\">\r\n <input type=\"date\" [value]=\"formatDateForInput(selectedDate)\" (input)=\"onDateChange($event)\" class=\"form-control\">\r\n <div *ngIf=\"showDetails\" class=\"date-details\">\r\n <p>{{ selectedDate | date:'fullDate' }}</p>\r\n </div>\r\n</div
|
|
41
|
+
args: [{ selector: 'lib-kv-date-picker', standalone: true, imports: [FormsModule, CommonModule], template: "<div class=\"date-picker\">\r\n <input \r\n type=\"date\" \r\n [value]=\"formatDateForInput(selectedDate)\" \r\n [min]=\"minDate\" \r\n (input)=\"onDateChange($event)\" \r\n class=\"form-control\">\r\n \r\n <div *ngIf=\"showDetails\" class=\"date-details\">\r\n <p>{{ selectedDate | date:'fullDate' }}</p>\r\n </div>\r\n</div>\r\n", styles: ["input,textarea{padding:10px;width:-webkit-fill-available;border:1px solid #ccc;border-radius:5px;font-size:16px;font-family:Roboto,sans-serif!important;color:#101828;background-color:#fff}input::placeholder,textarea::placeholder{color:#475467}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;background-color:#fff}input.error,textarea.error{border-color:#fcd9d9;box-shadow:0 0 8px #fcd9d980}.input-group{margin-bottom:15px}.input-group label{font-size:14px;margin-bottom:5px;color:#555}.input-group .error-message{color:red}.input-cost{display:flex;gap:10px}.date-picker{margin:10px 0;cursor:pointer}.date-details{font-size:.9em;color:#666}\n"] }]
|
|
34
42
|
}], propDecorators: { initialDate: [{
|
|
35
43
|
type: Input
|
|
36
44
|
}], showDetails: [{
|
|
@@ -38,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
38
46
|
}], dateSelected: [{
|
|
39
47
|
type: Output
|
|
40
48
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waWNrZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l2aW8vc3JjL2xpYi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7OztBQVM3QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBU1csZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDbkIsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO1FBRWxELGlCQUFZLEdBQVMsSUFBSSxJQUFJLEVBQUUsQ0FBQztRQUNoQyxZQUFPLEdBQVcsRUFBRSxDQUFDO0tBNEJ0QjtJQTFCQyxRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxDQUFDO1FBRW5ELElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDO1NBQ2hHO0lBQ0gsQ0FBQztJQUVELGtCQUFrQixDQUFDLElBQVU7UUFDM0IsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ2hDLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLEdBQUcsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUMzRCxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQztRQUNwRCxPQUFPLEdBQUcsSUFBSSxJQUFJLEtBQUssSUFBSSxHQUFHLEVBQUUsQ0FBQztJQUNuQyxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQVk7UUFDdkIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFDL0MsTUFBTSxPQUFPLEdBQUcsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXRDLElBQUksT0FBTyxJQUFJLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUNyQyxJQUFJLENBQUMsWUFBWSxHQUFHLE9BQU8sQ0FBQztZQUM1QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDM0M7YUFBTTtZQUNMLEtBQUssQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztTQUM1QjtJQUNILENBQUM7K0dBakNVLG1CQUFtQjttR0FBbkIsbUJBQW1CLDZMQ1hoQyxzWUFZQSx1dEJETFksV0FBVyw4QkFBRSxZQUFZOzs0RkFJeEIsbUJBQW1CO2tCQVAvQixTQUFTOytCQUNFLG9CQUFvQixjQUNsQixJQUFJLFdBQ1AsQ0FBQyxXQUFXLEVBQUUsWUFBWSxDQUFDOzhCQUszQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWIta3YtZGF0ZS1waWNrZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0Zvcm1zTW9kdWxlLCBDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRlLXBpY2tlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2RhdGUtcGlja2VyLmNvbXBvbmVudC5zY3NzJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgRGF0ZVBpY2tlckNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgaW5pdGlhbERhdGU/OiBEYXRlO1xyXG4gIEBJbnB1dCgpIHNob3dEZXRhaWxzID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGRhdGVTZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RGF0ZT4oKTtcclxuXHJcbiAgc2VsZWN0ZWREYXRlOiBEYXRlID0gbmV3IERhdGUoKTtcclxuICBtaW5EYXRlOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgbmdPbkluaXQoKSB7XHJcbiAgICB0aGlzLm1pbkRhdGUgPSB0aGlzLmZvcm1hdERhdGVGb3JJbnB1dChuZXcgRGF0ZSgpKTtcclxuXHJcbiAgICBpZiAodGhpcy5pbml0aWFsRGF0ZSkge1xyXG4gICAgICB0aGlzLnNlbGVjdGVkRGF0ZSA9IHRoaXMuaW5pdGlhbERhdGUgPj0gbmV3IERhdGUodGhpcy5taW5EYXRlKSA/IHRoaXMuaW5pdGlhbERhdGUgOiBuZXcgRGF0ZSgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgZm9ybWF0RGF0ZUZvcklucHV0KGRhdGU6IERhdGUpOiBzdHJpbmcge1xyXG4gICAgY29uc3QgeWVhciA9IGRhdGUuZ2V0RnVsbFllYXIoKTtcclxuICAgIGNvbnN0IG1vbnRoID0gU3RyaW5nKGRhdGUuZ2V0TW9udGgoKSArIDEpLnBhZFN0YXJ0KDIsICcwJyk7XHJcbiAgICBjb25zdCBkYXkgPSBTdHJpbmcoZGF0ZS5nZXREYXRlKCkpLnBhZFN0YXJ0KDIsICcwJyk7XHJcbiAgICByZXR1cm4gYCR7eWVhcn0tJHttb250aH0tJHtkYXl9YDtcclxuICB9XHJcblxyXG4gIG9uRGF0ZUNoYW5nZShldmVudDogRXZlbnQpIHtcclxuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XHJcbiAgICBjb25zdCBuZXdEYXRlID0gbmV3IERhdGUoaW5wdXQudmFsdWUpO1xyXG5cclxuICAgIGlmIChuZXdEYXRlID49IG5ldyBEYXRlKHRoaXMubWluRGF0ZSkpIHtcclxuICAgICAgdGhpcy5zZWxlY3RlZERhdGUgPSBuZXdEYXRlO1xyXG4gICAgICB0aGlzLmRhdGVTZWxlY3RlZC5lbWl0KHRoaXMuc2VsZWN0ZWREYXRlKTtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIGlucHV0LnZhbHVlID0gdGhpcy5taW5EYXRlO1xyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZGF0ZS1waWNrZXJcIj5cclxuICAgIDxpbnB1dCBcclxuICAgICAgICB0eXBlPVwiZGF0ZVwiIFxyXG4gICAgICAgIFt2YWx1ZV09XCJmb3JtYXREYXRlRm9ySW5wdXQoc2VsZWN0ZWREYXRlKVwiIFxyXG4gICAgICAgIFttaW5dPVwibWluRGF0ZVwiIFxyXG4gICAgICAgIChpbnB1dCk9XCJvbkRhdGVDaGFuZ2UoJGV2ZW50KVwiIFxyXG4gICAgICAgIGNsYXNzPVwiZm9ybS1jb250cm9sXCI+XHJcbiAgICAgICAgXHJcbiAgICA8ZGl2ICpuZ0lmPVwic2hvd0RldGFpbHNcIiBjbGFzcz1cImRhdGUtZGV0YWlsc1wiPlxyXG4gICAgICAgIDxwPnt7IHNlbGVjdGVkRGF0ZSB8IGRhdGU6J2Z1bGxEYXRlJyB9fTwvcD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -9,14 +9,14 @@ export class KvAccordionComponent {
|
|
|
9
9
|
this.isOpen = !this.isOpen;
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvAccordionComponent, isStandalone: true, selector: "lib-kv-accordion", inputs: { isOpen: "isOpen", title: "title" }, ngImport: i0, template: "<div class=\"accordion\">\r\n <div class=\"accordion-header\" (click)=\"toggle()\">\r\n <span>{{ title }}</span>\r\n <span class=\"accordion-icon\" [class.open]=\"isOpen\">\u25BC</span>\r\n </div>\r\n <div class=\"accordion-content\" [class.open]=\"isOpen\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".accordion{width:100%;margin:10px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden;transition:all .3s ease}.accordion-header{padding:15px;background-color:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.accordion-header:hover{background-color:#e9ecef}.accordion-icon{transition:transform .3s ease}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;padding:0 15px;transition:max-height .3s ease-out,padding .3s ease-out}.accordion-content.open{max-height:500px;padding:15px}\n"] }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvAccordionComponent, isStandalone: true, selector: "lib-kv-accordion", inputs: { isOpen: "isOpen", title: "title" }, ngImport: i0, template: "<div class=\"accordion\">\r\n <div class=\"accordion-header\" (click)=\"toggle()\">\r\n <div class=\"accordion-title\">\r\n <img width=\"40px\" [src]=\"'https://i.imgur.com/InRaVrL.jpg'\" alt=\"User Avatar\" class=\"avatar\">\r\n <span>{{ title }}</span>\r\n </div>\r\n <span class=\"accordion-icon\" [class.open]=\"isOpen\">\u25BC</span>\r\n </div>\r\n <div class=\"accordion-content\" [class.open]=\"isOpen\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".accordion{width:100%;margin:10px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden;transition:all .3s ease}.accordion-header{padding:15px;background-color:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.accordion-header .accordion-title{display:flex;gap:10px}.accordion-header .accordion-title img{border-radius:50px}.accordion-header .accordion-title span{align-self:center}.accordion-header:hover{background-color:#e9ecef}.accordion-icon{transition:transform .3s ease}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;padding:0 15px;transition:max-height .3s ease-out,padding .3s ease-out}.accordion-content.open{max-height:500px;padding:15px}\n"] }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvAccordionComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'lib-kv-accordion', standalone: true, imports: [], template: "<div class=\"accordion\">\r\n <div class=\"accordion-header\" (click)=\"toggle()\">\r\n <span>{{ title }}</span>\r\n <span class=\"accordion-icon\" [class.open]=\"isOpen\">\u25BC</span>\r\n </div>\r\n <div class=\"accordion-content\" [class.open]=\"isOpen\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".accordion{width:100%;margin:10px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden;transition:all .3s ease}.accordion-header{padding:15px;background-color:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.accordion-header:hover{background-color:#e9ecef}.accordion-icon{transition:transform .3s ease}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;padding:0 15px;transition:max-height .3s ease-out,padding .3s ease-out}.accordion-content.open{max-height:500px;padding:15px}\n"] }]
|
|
16
|
+
args: [{ selector: 'lib-kv-accordion', standalone: true, imports: [], template: "<div class=\"accordion\">\r\n <div class=\"accordion-header\" (click)=\"toggle()\">\r\n <div class=\"accordion-title\">\r\n <img width=\"40px\" [src]=\"'https://i.imgur.com/InRaVrL.jpg'\" alt=\"User Avatar\" class=\"avatar\">\r\n <span>{{ title }}</span>\r\n </div>\r\n <span class=\"accordion-icon\" [class.open]=\"isOpen\">\u25BC</span>\r\n </div>\r\n <div class=\"accordion-content\" [class.open]=\"isOpen\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".accordion{width:100%;margin:10px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden;transition:all .3s ease}.accordion-header{padding:15px;background-color:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}.accordion-header .accordion-title{display:flex;gap:10px}.accordion-header .accordion-title img{border-radius:50px}.accordion-header .accordion-title span{align-self:center}.accordion-header:hover{background-color:#e9ecef}.accordion-icon{transition:transform .3s ease}.accordion-icon.open{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;padding:0 15px;transition:max-height .3s ease-out,padding .3s ease-out}.accordion-content.open{max-height:500px;padding:15px}\n"] }]
|
|
17
17
|
}], propDecorators: { isOpen: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], title: [{
|
|
20
20
|
type: Input
|
|
21
21
|
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1hY2NvcmRpb24va3YtYWNjb3JkaW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1hY2NvcmRpb24va3YtYWNjb3JkaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVNqRCxNQUFNLE9BQU8sb0JBQW9CO0lBUGpDO1FBUVcsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNmLFVBQUssR0FBRyxFQUFFLENBQUM7S0FLckI7SUFIQyxNQUFNO1FBQ0osSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDN0IsQ0FBQzsrR0FOVSxvQkFBb0I7bUdBQXBCLG9CQUFvQiwwSENUakMsOGdCQVdNOzs0RkRGTyxvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxFQUFFOzhCQUtGLE1BQU07c0JBQWQsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1rdi1hY2NvcmRpb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW10sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LWFjY29yZGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LWFjY29yZGlvbi5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2QWNjb3JkaW9uQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpc09wZW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB0aXRsZSA9ICcnO1xyXG5cclxuICB0b2dnbGUoKSB7XHJcbiAgICB0aGlzLmlzT3BlbiA9ICF0aGlzLmlzT3BlbjtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImFjY29yZGlvblwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImFjY29yZGlvbi1oZWFkZXJcIiAoY2xpY2spPVwidG9nZ2xlKClcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiYWNjb3JkaW9uLXRpdGxlXCI+XHJcbiAgICAgICAgICAgIDxpbWcgd2lkdGg9XCI0MHB4XCIgW3NyY109XCInaHR0cHM6Ly9pLmltZ3VyLmNvbS9JblJhVnJMLmpwZydcIiBhbHQ9XCJVc2VyIEF2YXRhclwiIGNsYXNzPVwiYXZhdGFyXCI+XHJcbiAgICAgICAgICAgIDxzcGFuPnt7IHRpdGxlIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYWNjb3JkaW9uLWljb25cIiBbY2xhc3Mub3Blbl09XCJpc09wZW5cIj7ilrw8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJhY2NvcmRpb24tY29udGVudFwiIFtjbGFzcy5vcGVuXT1cImlzT3BlblwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -12,7 +12,7 @@ export class KvMainTableComponent {
|
|
|
12
12
|
this.onNameClicked = new EventEmitter();
|
|
13
13
|
this.searchText = '';
|
|
14
14
|
this.currentPage = 1;
|
|
15
|
-
this.pageSize =
|
|
15
|
+
this.pageSize = 7;
|
|
16
16
|
}
|
|
17
17
|
get filteredData() {
|
|
18
18
|
return this.data
|
|
@@ -35,11 +35,11 @@ export class KvMainTableComponent {
|
|
|
35
35
|
this.onNameClicked.emit(data);
|
|
36
36
|
}
|
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvMainTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvMainTableComponent, isStandalone: true, selector: "lib-kv-main-table", inputs: { columns: "columns", data: "data", extraData: "extraData", showPaginator: "showPaginator" }, outputs: { onNameClicked: "onNameClicked" }, ngImport: i0, template: "<div class=\"search-container\">\r\n\r\n <div class=\"search-section\">\r\n <input type=\"text\" placeholder=\"Buscar...\" [(ngModel)]=\"searchText\" />\r\n </div>\r\n</div>\r\n\r\n<table>\r\n <thead>\r\n <tr>\r\n <th *ngFor=\"let column of columns\">{{ column.label }}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let item of filteredData\">\r\n <td *ngFor=\"let column of columns\">\r\n <div class=\"state\" [ngClass]=\"item[column.key]\">\r\n <ng-container *ngIf=\"column.key === 'name'\">\r\n <a class=\"a-link\" (click)=\"emitData(item)\">{{ item[column.key] }}</a>\r\n </ng-container>\r\n <ng-container *ngIf=\"column.key === '
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvMainTableComponent, isStandalone: true, selector: "lib-kv-main-table", inputs: { columns: "columns", data: "data", extraData: "extraData", showPaginator: "showPaginator" }, outputs: { onNameClicked: "onNameClicked" }, ngImport: i0, template: "<div class=\"search-container\">\r\n\r\n <div class=\"search-section\">\r\n <input type=\"text\" placeholder=\"Buscar...\" [(ngModel)]=\"searchText\" />\r\n </div>\r\n</div>\r\n\r\n<table>\r\n <thead>\r\n <tr>\r\n <th *ngFor=\"let column of columns\">{{ column.label }}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let item of filteredData\">\r\n <td *ngFor=\"let column of columns\">\r\n <div class=\"state\" [ngClass]=\"item[column.key]\">\r\n <ng-container *ngIf=\"column.key === 'name'\">\r\n <a class=\"a-link\" (click)=\"emitData(item)\">{{ item[column.key] }}</a>\r\n </ng-container>\r\n <ng-container *ngIf=\"column.key === 'images'\">\r\n <div class=\"image-container\">\r\n <div *ngFor=\"let image of item[column.key]?.slice(0, 3)\">\r\n <img [src]=\"image\" alt=\"Imagen\">\r\n </div>\r\n <div *ngIf=\"item[column.key]?.length > 3\" class=\"extra-images\">\r\n +{{ item[column.key].length - 3 }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"column.key === 'expire_at'\"> \r\n {{ item[column.key] | date: 'dd/MM/yyyy' }}\r\n </ng-container>\r\n <ng-container *ngIf=\"column.key !== 'expire_at' && column.key !== 'point_of_sale_id' && column.key !== 'name' && column.key !== 'pos_id' && column.key !== 'images'\">\r\n {{ item[column.key] }}\r\n </ng-container>\r\n <ng-container *ngIf=\"column.key === 'point_of_sale_id' || column.key === 'pos_id'\">\r\n {{ getPosName(item[column.key]) }}\r\n </ng-container>\r\n </div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n</table>\r\n\r\n<ng-container *ngIf=\"showPaginator\">\r\n <table class=\"table-pagination\">\r\n <tbody>\r\n <tr>\r\n <div class=\"pagination\">\r\n <div class=\"button-section\">\r\n <button (click)=\"changePage(-1)\" [disabled]=\"currentPage === 1\">Previous</button>\r\n <button (click)=\"changePage(1)\" [disabled]=\"currentPage === totalPages()\">Next</button>\r\n </div>\r\n <div class=\"current-section\">\r\n <span>Page {{ currentPage }} of {{ totalPages() }}</span>\r\n </div>\r\n </div>\r\n </tr>\r\n </tbody>\r\n </table>\r\n</ng-container>\r\n\r\n", styles: ["input,textarea{padding:10px;width:-webkit-fill-available;border:1px solid #ccc;border-radius:5px;font-size:16px;font-family:Roboto,sans-serif!important;color:#101828;background-color:#fff}input::placeholder,textarea::placeholder{color:#475467}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;background-color:#fff}input.error,textarea.error{border-color:#fcd9d9;box-shadow:0 0 8px #fcd9d980}.input-group{margin-bottom:15px}.input-group label{font-size:14px;margin-bottom:5px;color:#555}.input-group .error-message{color:red}.input-cost{display:flex;gap:10px}table{width:100%;border-collapse:collapse;text-align:left;border:1px solid #ccc;border-radius:4px}thead{background-color:#fff;color:#101828}tbody{color:#475467}th,td{padding:10px;font-size:14px;border-bottom:1px solid #ccc}tbody tr:hover{background-color:#fff}.state.Active{background-color:#12b76a;color:#039855!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Active a{color:#039855!important}.state.Pending{background-color:#12b76a;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Pending a{color:#41598d!important}.state.Created{background-color:#d7e4ff;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Created a{color:#41598d!important}.state.Offered{background-color:#d7e4ff;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Offered a{color:#41598d!important}.state.Closed{background-color:#fcd9d9;color:#581d1d;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Closed a{color:#581d1d!important}.pagination{display:flex;justify-content:space-between;margin-top:10px}.pagination button{padding:5px 10px;border:1px solid #ccc;background-color:#fff;cursor:pointer}.pagination button:disabled{color:#555;cursor:not-allowed}.search-container{margin-bottom:10px;display:flex;justify-content:flex-end;width:100%}.search-container .search-section input{width:min-content!important}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px;color:#101828}.pagination button{padding:6px 12px;border:none;color:#101828;cursor:pointer;border-radius:4px;margin-right:6px}.pagination button:disabled{background-color:#ededed;cursor:not-allowed}.table-pagination{border-top:0!important}.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}.secondary-text{font-size:16px;color:#475467}.sidebar-title{font-size:24px;color:#101828;font-weight:700;margin-bottom:20px}.description-section{margin-top:30px}.description-section .description-title{color:#101828}.description-section .description-body{color:#475467}.list-container{width:100%;border:1px solid #ccc;border-radius:12px;margin-top:22px}.list-container .list-section{margin:1rem;color:#101828}.list-container .list-section .list{margin-top:12px;color:#475467}.required{color:#b90000;font-weight:700}.image-container{display:flex;align-items:center}.image-container img{width:40px;height:40px;border:2px solid #ccc;border-radius:50%;margin-left:-10px}.extra-images{width:40px;height:40px;border-radius:50%;border:2px solid #ccc;margin-left:-10px;background-color:#0052cc;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
|
|
39
39
|
}
|
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvMainTableComponent, decorators: [{
|
|
41
41
|
type: Component,
|
|
42
|
-
args: [{ selector: 'lib-kv-main-table', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"search-container\">\r\n\r\n <div class=\"search-section\">\r\n <input type=\"text\" placeholder=\"Buscar...\" [(ngModel)]=\"searchText\" />\r\n </div>\r\n</div>\r\n\r\n<table>\r\n <thead>\r\n <tr>\r\n <th *ngFor=\"let column of columns\">{{ column.label }}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let item of filteredData\">\r\n <td *ngFor=\"let column of columns\">\r\n <div class=\"state\" [ngClass]=\"item[column.key]\">\r\n <ng-container *ngIf=\"column.key === 'name'\">\r\n <a class=\"a-link\" (click)=\"emitData(item)\">{{ item[column.key] }}</a>\r\n </ng-container>\r\n <ng-container *ngIf=\"column.key === '
|
|
42
|
+
args: [{ selector: 'lib-kv-main-table', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"search-container\">\r\n\r\n <div class=\"search-section\">\r\n <input type=\"text\" placeholder=\"Buscar...\" [(ngModel)]=\"searchText\" />\r\n </div>\r\n</div>\r\n\r\n<table>\r\n <thead>\r\n <tr>\r\n <th *ngFor=\"let column of columns\">{{ column.label }}</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let item of filteredData\">\r\n <td *ngFor=\"let column of columns\">\r\n <div class=\"state\" [ngClass]=\"item[column.key]\">\r\n <ng-container *ngIf=\"column.key === 'name'\">\r\n <a class=\"a-link\" (click)=\"emitData(item)\">{{ item[column.key] }}</a>\r\n </ng-container>\r\n <ng-container *ngIf=\"column.key === 'images'\">\r\n <div class=\"image-container\">\r\n <div *ngFor=\"let image of item[column.key]?.slice(0, 3)\">\r\n <img [src]=\"image\" alt=\"Imagen\">\r\n </div>\r\n <div *ngIf=\"item[column.key]?.length > 3\" class=\"extra-images\">\r\n +{{ item[column.key].length - 3 }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"column.key === 'expire_at'\"> \r\n {{ item[column.key] | date: 'dd/MM/yyyy' }}\r\n </ng-container>\r\n <ng-container *ngIf=\"column.key !== 'expire_at' && column.key !== 'point_of_sale_id' && column.key !== 'name' && column.key !== 'pos_id' && column.key !== 'images'\">\r\n {{ item[column.key] }}\r\n </ng-container>\r\n <ng-container *ngIf=\"column.key === 'point_of_sale_id' || column.key === 'pos_id'\">\r\n {{ getPosName(item[column.key]) }}\r\n </ng-container>\r\n </div>\r\n </td>\r\n </tr>\r\n </tbody>\r\n</table>\r\n\r\n<ng-container *ngIf=\"showPaginator\">\r\n <table class=\"table-pagination\">\r\n <tbody>\r\n <tr>\r\n <div class=\"pagination\">\r\n <div class=\"button-section\">\r\n <button (click)=\"changePage(-1)\" [disabled]=\"currentPage === 1\">Previous</button>\r\n <button (click)=\"changePage(1)\" [disabled]=\"currentPage === totalPages()\">Next</button>\r\n </div>\r\n <div class=\"current-section\">\r\n <span>Page {{ currentPage }} of {{ totalPages() }}</span>\r\n </div>\r\n </div>\r\n </tr>\r\n </tbody>\r\n </table>\r\n</ng-container>\r\n\r\n", styles: ["input,textarea{padding:10px;width:-webkit-fill-available;border:1px solid #ccc;border-radius:5px;font-size:16px;font-family:Roboto,sans-serif!important;color:#101828;background-color:#fff}input::placeholder,textarea::placeholder{color:#475467}input:focus,textarea:focus{border-color:#007bff;box-shadow:0 0 8px #007bff80;background-color:#fff}input.error,textarea.error{border-color:#fcd9d9;box-shadow:0 0 8px #fcd9d980}.input-group{margin-bottom:15px}.input-group label{font-size:14px;margin-bottom:5px;color:#555}.input-group .error-message{color:red}.input-cost{display:flex;gap:10px}table{width:100%;border-collapse:collapse;text-align:left;border:1px solid #ccc;border-radius:4px}thead{background-color:#fff;color:#101828}tbody{color:#475467}th,td{padding:10px;font-size:14px;border-bottom:1px solid #ccc}tbody tr:hover{background-color:#fff}.state.Active{background-color:#12b76a;color:#039855!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Active a{color:#039855!important}.state.Pending{background-color:#12b76a;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Pending a{color:#41598d!important}.state.Created{background-color:#d7e4ff;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Created a{color:#41598d!important}.state.Offered{background-color:#d7e4ff;color:#41598d!important;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Offered a{color:#41598d!important}.state.Closed{background-color:#fcd9d9;color:#581d1d;font-weight:700;width:min-content;padding:8px;border-radius:4px}.state.Closed a{color:#581d1d!important}.pagination{display:flex;justify-content:space-between;margin-top:10px}.pagination button{padding:5px 10px;border:1px solid #ccc;background-color:#fff;cursor:pointer}.pagination button:disabled{color:#555;cursor:not-allowed}.search-container{margin-bottom:10px;display:flex;justify-content:flex-end;width:100%}.search-container .search-section input{width:min-content!important}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:14px;color:#101828}.pagination button{padding:6px 12px;border:none;color:#101828;cursor:pointer;border-radius:4px;margin-right:6px}.pagination button:disabled{background-color:#ededed;cursor:not-allowed}.table-pagination{border-top:0!important}.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}.secondary-text{font-size:16px;color:#475467}.sidebar-title{font-size:24px;color:#101828;font-weight:700;margin-bottom:20px}.description-section{margin-top:30px}.description-section .description-title{color:#101828}.description-section .description-body{color:#475467}.list-container{width:100%;border:1px solid #ccc;border-radius:12px;margin-top:22px}.list-container .list-section{margin:1rem;color:#101828}.list-container .list-section .list{margin-top:12px;color:#475467}.required{color:#b90000;font-weight:700}.image-container{display:flex;align-items:center}.image-container img{width:40px;height:40px;border:2px solid #ccc;border-radius:50%;margin-left:-10px}.extra-images{width:40px;height:40px;border-radius:50%;border:2px solid #ccc;margin-left:-10px;background-color:#0052cc;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center}\n"] }]
|
|
43
43
|
}], propDecorators: { columns: [{
|
|
44
44
|
type: Input
|
|
45
45
|
}], data: [{
|
|
@@ -51,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
51
51
|
}], onNameClicked: [{
|
|
52
52
|
type: Output
|
|
53
53
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtbWFpbi10YWJsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXZpby9zcmMvbGliL2NvbXBvbmVudHMva3YtbWFpbi10YWJsZS9rdi1tYWluLXRhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1tYWluLXRhYmxlL2t2LW1haW4tdGFibGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBUzdDLE1BQU0sT0FBTyxvQkFBb0I7SUFQakM7UUFTVyxZQUFPLEdBQXFDLEVBQUUsQ0FBQztRQUMvQyxTQUFJLEdBQVUsRUFBRSxDQUFDO1FBRWpCLGtCQUFhLEdBQVksSUFBSSxDQUFDO1FBQzdCLGtCQUFhLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUM7UUFFckUsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN4QixnQkFBVyxHQUFXLENBQUMsQ0FBQztRQUN4QixhQUFRLEdBQVcsQ0FBQyxDQUFDO0tBcUN0QjtJQW5DQyxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxJQUFJO2FBQ2IsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FDZixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQ3hCLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUMsV0FBVyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FDaEYsQ0FDRjthQUNBLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNyRixDQUFDO0lBRUQsVUFBVTtRQUNSLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FDZCxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsQ0FDeEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUNoRixDQUNGLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQ3pCLENBQUM7SUFDSixDQUFDO0lBRUQsVUFBVSxDQUFDLFNBQWlCO1FBQzFCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO1FBQzdDLElBQUksT0FBTyxHQUFHLENBQUMsSUFBSSxPQUFPLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSxFQUFFO1lBQy9DLElBQUksQ0FBQyxXQUFXLEdBQUcsT0FBTyxDQUFDO1NBQzVCO0lBQ0gsQ0FBQztJQUVNLFVBQVUsQ0FBRSxLQUFjO1FBQy9CLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsZ0JBQWdCLEtBQUssS0FBSyxDQUFDLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQztJQUNqRixDQUFDO0lBRU0sUUFBUSxDQUFDLElBQVM7UUFDdkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQzsrR0E3Q1Usb0JBQW9CO21HQUFwQixvQkFBb0IsZ09DWGpDLHUxRkErREEsNGhIRHhEWSxZQUFZLGdaQUFFLFdBQVc7OzRGQUl4QixvQkFBb0I7a0JBUGhDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBQ2pCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxXQUFXLENBQUM7OEJBTTNCLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNJLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWt2LW1haW4tdGFibGUnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRm9ybXNNb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9rdi1tYWluLXRhYmxlLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybDogJy4va3YtbWFpbi10YWJsZS5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2TWFpblRhYmxlQ29tcG9uZW50IHtcclxuXHJcbiAgQElucHV0KCkgY29sdW1uczogeyBrZXk6IHN0cmluZzsgbGFiZWw6IHN0cmluZyB9W10gPSBbXTtcclxuICBASW5wdXQoKSBkYXRhOiBhbnlbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGV4dHJhRGF0YSE6IGFueVtdO1xyXG4gIEBJbnB1dCgpIHNob3dQYWdpbmF0b3I6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIEBPdXRwdXQoKSBvbk5hbWVDbGlja2VkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG5cclxuICBzZWFyY2hUZXh0OiBzdHJpbmcgPSAnJztcclxuICBjdXJyZW50UGFnZTogbnVtYmVyID0gMTtcclxuICBwYWdlU2l6ZTogbnVtYmVyID0gNztcclxuXHJcbiAgZ2V0IGZpbHRlcmVkRGF0YSgpIHtcclxuICAgIHJldHVybiB0aGlzLmRhdGFcclxuICAgICAgLmZpbHRlcigoaXRlbSkgPT5cclxuICAgICAgICB0aGlzLmNvbHVtbnMuc29tZSgoY29sKSA9PlxyXG4gICAgICAgICAgaXRlbVtjb2wua2V5XT8udG9TdHJpbmcoKS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKHRoaXMuc2VhcmNoVGV4dC50b0xvd2VyQ2FzZSgpKVxyXG4gICAgICAgIClcclxuICAgICAgKVxyXG4gICAgICAuc2xpY2UoKHRoaXMuY3VycmVudFBhZ2UgLSAxKSAqIHRoaXMucGFnZVNpemUsIHRoaXMuY3VycmVudFBhZ2UgKiB0aGlzLnBhZ2VTaXplKTtcclxuICB9XHJcblxyXG4gIHRvdGFsUGFnZXMoKTogbnVtYmVyIHtcclxuICAgIHJldHVybiBNYXRoLmNlaWwoXHJcbiAgICAgIHRoaXMuZGF0YS5maWx0ZXIoKGl0ZW0pID0+XHJcbiAgICAgICAgdGhpcy5jb2x1bW5zLnNvbWUoKGNvbCkgPT5cclxuICAgICAgICAgIGl0ZW1bY29sLmtleV0/LnRvU3RyaW5nKCkudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyh0aGlzLnNlYXJjaFRleHQudG9Mb3dlckNhc2UoKSlcclxuICAgICAgICApXHJcbiAgICAgICkubGVuZ3RoIC8gdGhpcy5wYWdlU2l6ZVxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIGNoYW5nZVBhZ2UoZGlyZWN0aW9uOiBudW1iZXIpIHtcclxuICAgIGNvbnN0IG5ld1BhZ2UgPSB0aGlzLmN1cnJlbnRQYWdlICsgZGlyZWN0aW9uO1xyXG4gICAgaWYgKG5ld1BhZ2UgPiAwICYmIG5ld1BhZ2UgPD0gdGhpcy50b3RhbFBhZ2VzKCkpIHtcclxuICAgICAgdGhpcy5jdXJyZW50UGFnZSA9IG5ld1BhZ2U7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgZ2V0UG9zTmFtZSggcG9zSWQgOiBzdHJpbmcpOiBzdHJpbmd7XHJcbiAgICByZXR1cm4gdGhpcy5leHRyYURhdGEuZmluZCggcG9zID0+IHBvcy5wb2ludF9vZl9zYWxlX2lkID09PSBwb3NJZCk/Lm5hbWUgfHwgXCJcIjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBlbWl0RGF0YShkYXRhOiBhbnkpe1xyXG4gICAgdGhpcy5vbk5hbWVDbGlja2VkLmVtaXQoZGF0YSk7XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwic2VhcmNoLWNvbnRhaW5lclwiPlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJzZWFyY2gtc2VjdGlvblwiPlxyXG4gICAgICAgIDxpbnB1dCB0eXBlPVwidGV4dFwiIHBsYWNlaG9sZGVyPVwiQnVzY2FyLi4uXCIgWyhuZ01vZGVsKV09XCJzZWFyY2hUZXh0XCIgLz5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjx0YWJsZT5cclxuICAgIDx0aGVhZD5cclxuICAgICAgICA8dHI+XHJcbiAgICAgICAgICAgIDx0aCAqbmdGb3I9XCJsZXQgY29sdW1uIG9mIGNvbHVtbnNcIj57eyBjb2x1bW4ubGFiZWwgfX08L3RoPlxyXG4gICAgICAgIDwvdHI+XHJcbiAgICA8L3RoZWFkPlxyXG4gICAgPHRib2R5PlxyXG4gICAgICAgIDx0ciAqbmdGb3I9XCJsZXQgaXRlbSBvZiBmaWx0ZXJlZERhdGFcIj5cclxuICAgICAgICAgICAgPHRkICpuZ0Zvcj1cImxldCBjb2x1bW4gb2YgY29sdW1uc1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN0YXRlXCIgW25nQ2xhc3NdPVwiaXRlbVtjb2x1bW4ua2V5XVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb2x1bW4ua2V5ID09PSAnbmFtZSdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGEgY2xhc3M9XCJhLWxpbmtcIiAoY2xpY2spPVwiZW1pdERhdGEoaXRlbSlcIj57eyBpdGVtW2NvbHVtbi5rZXldIH19PC9hPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb2x1bW4ua2V5ID09PSAnaW1hZ2VzJ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaW1hZ2UtY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiAqbmdGb3I9XCJsZXQgaW1hZ2Ugb2YgaXRlbVtjb2x1bW4ua2V5XT8uc2xpY2UoMCwgMylcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgW3NyY109XCJpbWFnZVwiIGFsdD1cIkltYWdlblwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtW2NvbHVtbi5rZXldPy5sZW5ndGggPiAzXCIgY2xhc3M9XCJleHRyYS1pbWFnZXNcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICt7eyBpdGVtW2NvbHVtbi5rZXldLmxlbmd0aCAtIDMgfX1cclxuICAgICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb2x1bW4ua2V5ID09PSAnZXhwaXJlX2F0J1wiPiAgICAgICAgICAgICAgICAgICAgICBcclxuICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbVtjb2x1bW4ua2V5XSB8IGRhdGU6ICdkZC9NTS95eXl5JyB9fVxyXG4gICAgICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjb2x1bW4ua2V5ICE9PSAnZXhwaXJlX2F0JyAmJiBjb2x1bW4ua2V5ICE9PSAncG9pbnRfb2Zfc2FsZV9pZCcgJiYgY29sdW1uLmtleSAhPT0gJ25hbWUnICYmIGNvbHVtbi5rZXkgIT09ICdwb3NfaWQnICYmIGNvbHVtbi5rZXkgIT09ICdpbWFnZXMnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGl0ZW1bY29sdW1uLmtleV0gfX1cclxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiY29sdW1uLmtleSA9PT0gJ3BvaW50X29mX3NhbGVfaWQnIHx8IGNvbHVtbi5rZXkgPT09ICdwb3NfaWQnXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHt7IGdldFBvc05hbWUoaXRlbVtjb2x1bW4ua2V5XSkgfX1cclxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L3RkPlxyXG4gICAgICAgIDwvdHI+XHJcbiAgICA8L3Rib2R5PlxyXG48L3RhYmxlPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dQYWdpbmF0b3JcIj5cclxuICAgIDx0YWJsZSBjbGFzcz1cInRhYmxlLXBhZ2luYXRpb25cIj5cclxuICAgICAgICA8dGJvZHk+XHJcbiAgICAgICAgICAgIDx0cj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJwYWdpbmF0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1zZWN0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxidXR0b24gKGNsaWNrKT1cImNoYW5nZVBhZ2UoLTEpXCIgW2Rpc2FibGVkXT1cImN1cnJlbnRQYWdlID09PSAxXCI+UHJldmlvdXM8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiAoY2xpY2spPVwiY2hhbmdlUGFnZSgxKVwiIFtkaXNhYmxlZF09XCJjdXJyZW50UGFnZSA9PT0gdG90YWxQYWdlcygpXCI+TmV4dDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjdXJyZW50LXNlY3Rpb25cIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+UGFnZSB7eyBjdXJyZW50UGFnZSB9fSBvZiB7eyB0b3RhbFBhZ2VzKCkgfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC90cj5cclxuICAgICAgICA8L3Rib2R5PlxyXG4gICAgPC90YWJsZT5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG4iXX0=
|
|
@@ -17,11 +17,11 @@ export class KvPopupComponent {
|
|
|
17
17
|
this.onClose.emit();
|
|
18
18
|
}
|
|
19
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvPopupComponent, isStandalone: true, selector: "lib-kv-popup", inputs: { title: "title", description: "description", isCustomTemplate: "isCustomTemplate", actionType: "actionType" }, outputs: { onAccept: "onAccept", onClose: "onClose" }, ngImport: i0, template: "<div class=\"popup-backdrop\">\r\n <div class=\"popup-container\">\r\n <div class=\"content-container\">\r\n <div *ngIf=\"!isCustomTemplate\">\r\n <i class=\"icon material-icons\">error</i>\r\n </div>\r\n <div>\r\n <div class=\"title\">{{ title }}</div>\r\n <div *ngIf=\"description\">\r\n <p class=\"description\">{{ description }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"isCustomTemplate; else defaultContent\">\r\n <ng-content></ng-content>\r\n </ng-container>\r\n <ng-template #defaultContent>\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Info\">\r\n <div class=\"button-container\">\r\n <button class=\"button--
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvPopupComponent, isStandalone: true, selector: "lib-kv-popup", inputs: { title: "title", description: "description", isCustomTemplate: "isCustomTemplate", actionType: "actionType" }, outputs: { onAccept: "onAccept", onClose: "onClose" }, ngImport: i0, template: "<div class=\"popup-backdrop\">\r\n <div class=\"popup-container\">\r\n <div class=\"content-container\">\r\n <div *ngIf=\"!isCustomTemplate\">\r\n <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;width:24px;height:24px;background-size:contain;background-repeat:no-repeat}.table-button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.table-button--primary:hover{background-color:#00438a}.table-button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--primary:hover{background-color:#00438a}.button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--minimalist{height:min-content;padding:5px;background-color:#ebebeb;color:#475467;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--minimalist:disabled{background-color:#ededed;cursor:not-allowed}.button--primary-min{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}.button--primary-min:hover{background:#00438a}.button--primary-min:disabled{background-color:#ededed;cursor:not-allowed}.button--cancel{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;color:#475467;background-color:#fff;border:1px solid #ededed}.button--cancel:disabled{background-color:#ededed;cursor:not-allowed}.button--create{height:min-content;align-self:center;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--create:hover{background-color:#00438a}.button--create:disabled{background-color:#ededed;cursor:not-allowed}.button--sidenav{background-color:#fff;color:#475467;padding:8px;font-weight:700;border:none;display:flex;border-radius:4px;cursor:pointer;gap:10px;margin-top:10px;width:100%;align-items:center}.button--sidenav:hover{background-color:#f2f4f7;color:#101828}.button--sidenav:disabled{background-color:#ededed;cursor:not-allowed}.button--warn{background-color:#b90000;color:#f2f4f7;padding:8px 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}.popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.popup-container{min-width:500px;max-width:500px;max-height:90vh;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.popup-container .content-container{display:flex;gap:15px;margin-bottom:30px}.popup-container .content-container .icon{color:red;font-size:30px}.popup-container .content-container .title{font-size:1.5rem;color:#101828}.popup-container .content-container .description{font-size:14px;color:#475467}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
21
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvPopupComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
|
-
args: [{ selector: 'lib-kv-popup', standalone: true, imports: [CommonModule], template: "<div class=\"popup-backdrop\">\r\n <div class=\"popup-container\">\r\n <div class=\"content-container\">\r\n <div *ngIf=\"!isCustomTemplate\">\r\n <i class=\"icon material-icons\">error</i>\r\n </div>\r\n <div>\r\n <div class=\"title\">{{ title }}</div>\r\n <div *ngIf=\"description\">\r\n <p class=\"description\">{{ description }}</p>\r\n </div>\r\n </div>\r\n </div>\r\n <ng-container *ngIf=\"isCustomTemplate; else defaultContent\">\r\n <ng-content></ng-content>\r\n </ng-container>\r\n <ng-template #defaultContent>\r\n <ng-container *ngIf=\"actionType === actionTypeEnum.Info\">\r\n <div class=\"button-container\">\r\n <button class=\"button--
|
|
24
|
+
args: [{ selector: 'lib-kv-popup', standalone: true, imports: [CommonModule], template: "<div class=\"popup-backdrop\">\r\n <div class=\"popup-container\">\r\n <div class=\"content-container\">\r\n <div *ngIf=\"!isCustomTemplate\">\r\n <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;width:24px;height:24px;background-size:contain;background-repeat:no-repeat}.table-button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.table-button--primary:hover{background-color:#00438a}.table-button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--primary:hover{background-color:#00438a}.button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--minimalist{height:min-content;padding:5px;background-color:#ebebeb;color:#475467;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--minimalist:disabled{background-color:#ededed;cursor:not-allowed}.button--primary-min{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}.button--primary-min:hover{background:#00438a}.button--primary-min:disabled{background-color:#ededed;cursor:not-allowed}.button--cancel{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;color:#475467;background-color:#fff;border:1px solid #ededed}.button--cancel:disabled{background-color:#ededed;cursor:not-allowed}.button--create{height:min-content;align-self:center;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--create:hover{background-color:#00438a}.button--create:disabled{background-color:#ededed;cursor:not-allowed}.button--sidenav{background-color:#fff;color:#475467;padding:8px;font-weight:700;border:none;display:flex;border-radius:4px;cursor:pointer;gap:10px;margin-top:10px;width:100%;align-items:center}.button--sidenav:hover{background-color:#f2f4f7;color:#101828}.button--sidenav:disabled{background-color:#ededed;cursor:not-allowed}.button--warn{background-color:#b90000;color:#f2f4f7;padding:8px 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}.popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.popup-container{min-width:500px;max-width:500px;max-height:90vh;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.popup-container .content-container{display:flex;gap:15px;margin-bottom:30px}.popup-container .content-container .icon{color:red;font-size:30px}.popup-container .content-container .title{font-size:1.5rem;color:#101828}.popup-container .content-container .description{font-size:14px;color:#475467}\n"] }]
|
|
25
25
|
}], propDecorators: { title: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}], description: [{
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
35
35
|
}], onClose: [{
|
|
36
36
|
type: Output
|
|
37
37
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3YtcG9wdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l2aW8vc3JjL2xpYi9jb21wb25lbnRzL2t2LXBvcHVwL2t2LXBvcHVwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1wb3B1cC9rdi1wb3B1cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUM7OztBQVMxRCxNQUFNLE9BQU8sZ0JBQWdCO0lBUDdCO1FBU1csVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUlsQixhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDeEQsWUFBTyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO1FBRTFELG1CQUFjLEdBQUcsVUFBVSxDQUFDO0tBU3BDO0lBUFEsY0FBYztRQUNuQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxhQUFhO1FBQ2xCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdEIsQ0FBQzsrR0FqQlUsZ0JBQWdCO21HQUFoQixnQkFBZ0IsdVBDWDdCLG1xRUEwQ00sdStGRG5DTSxZQUFZOzs0RkFJWCxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBQ0UsY0FBYyxjQUNaLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFNZCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBY3Rpb25UeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvYWN0aW9uLXR5cGUuZW51bSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1rdi1wb3B1cCcsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4va3YtcG9wdXAuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9rdi1wb3B1cC5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2UG9wdXBDb21wb25lbnR7XHJcblxyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBkZXNjcmlwdGlvbiE6IHN0cmluZztcclxuICBASW5wdXQoKSBpc0N1c3RvbVRlbXBsYXRlITogYm9vbGVhbjtcclxuICBASW5wdXQoKSBhY3Rpb25UeXBlITogQWN0aW9uVHlwZTtcclxuICBAT3V0cHV0KCkgb25BY2NlcHQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuICBAT3V0cHV0KCkgb25DbG9zZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBwdWJsaWMgYWN0aW9uVHlwZUVudW0gPSBBY3Rpb25UeXBlO1xyXG5cclxuICBwdWJsaWMgb25BY2NlcHRTdWJtaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQWNjZXB0LmVtaXQoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNsb3NlU3VibWl0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNsb3NlLmVtaXQoKTtcclxuICB9XHJcbn0iLCI8ZGl2IGNsYXNzPVwicG9wdXAtYmFja2Ryb3BcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJwb3B1cC1jb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGVudC1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgPGRpdiAgKm5nSWY9XCIhaXNDdXN0b21UZW1wbGF0ZVwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImFjdGlvblR5cGUgPT09IGFjdGlvblR5cGVFbnVtLldhcm5cIj5cclxuICAgICAgICAgICAgICAgICAgICA8aSBjbGFzcz1cImljb24gbWF0ZXJpYWwtaWNvbnNcIj5lcnJvcjwvaT5cclxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImFjdGlvblR5cGUgPT09IGFjdGlvblR5cGVFbnVtLkFkdmVydGlzZVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiaWNvbiBtYXRlcmlhbC1pY29uc1wiPndhcm5pbmc8L2k+XHJcbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj57eyB0aXRsZSB9fTwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiAqbmdJZj1cImRlc2NyaXB0aW9uXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPHAgY2xhc3M9XCJkZXNjcmlwdGlvblwiPnt7IGRlc2NyaXB0aW9uIH19PC9wPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc0N1c3RvbVRlbXBsYXRlOyBlbHNlIGRlZmF1bHRDb250ZW50XCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRDb250ZW50PlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYWN0aW9uVHlwZSA9PT0gYWN0aW9uVHlwZUVudW0uSW5mb1wiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uLS1jYW5jZWxcIiAoY2xpY2spPVwib25DbG9zZVN1Ym1pdCgpXCI+Q2FuY2VsPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbi0tcHJpbWFyeVwiIChjbGljayk9XCJvbkFjY2VwdFN1Ym1pdCgpXCI+QWNlcHRhcjwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYWN0aW9uVHlwZSA9PT0gYWN0aW9uVHlwZUVudW0uV2FyblwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImJ1dHRvbi1jb250YWluZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uLS1jYW5jZWxcIiAoY2xpY2spPVwib25DbG9zZVN1Ym1pdCgpXCI+Q2FuY2VsPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbi0td2FyblwiIChjbGljayk9XCJvbkFjY2VwdFN1Ym1pdCgpXCI+RGVsZXRlPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJhY3Rpb25UeXBlID09PSBhY3Rpb25UeXBlRW51bS5BZHZlcnRpc2VcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJidXR0b24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGJ1dHRvbiBjbGFzcz1cImJ1dHRvbi0tY2FuY2VsXCIgKGNsaWNrKT1cIm9uQ2xvc2VTdWJtaXQoKVwiPkNhbmNlbDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tLXdhcm5cIiAoY2xpY2spPVwib25BY2NlcHRTdWJtaXQoKVwiPkNvbnRpbnVhcjwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|
|
@@ -7,32 +7,38 @@ export class KvSideMenuComponent {
|
|
|
7
7
|
this.breadcrumb = '';
|
|
8
8
|
this.onEdit = new EventEmitter();
|
|
9
9
|
this.onClose = new EventEmitter();
|
|
10
|
+
this.onDelete = new EventEmitter();
|
|
10
11
|
this.onSaveChanges = new EventEmitter();
|
|
11
12
|
this.isEditMode = false;
|
|
12
13
|
}
|
|
13
|
-
|
|
14
|
+
handleEditButtonClicked() {
|
|
14
15
|
this.isEditMode = !this.isEditMode;
|
|
15
|
-
this.onEdit.emit();
|
|
16
|
+
this.onEdit.emit(this.isEditMode);
|
|
16
17
|
}
|
|
17
|
-
|
|
18
|
+
handleCloseButtonClicked() {
|
|
18
19
|
this.onClose.emit();
|
|
19
20
|
}
|
|
20
|
-
|
|
21
|
+
handleDeleteButtonClicked() {
|
|
22
|
+
this.onDelete.emit();
|
|
23
|
+
}
|
|
24
|
+
handleSaveChangesButtonClicked() {
|
|
21
25
|
this.onSaveChanges.emit();
|
|
22
26
|
}
|
|
23
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvSideMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvSideMenuComponent, isStandalone: true, selector: "lib-kv-side-menu", inputs: { breadcrumb: "breadcrumb" }, outputs: { onEdit: "onEdit", onClose: "onClose", onSaveChanges: "onSaveChanges" }, ngImport: i0, template: "<div class=\"right-menu\">\r\n <div class=\"header\">\r\n <ng-container *ngIf=\"!isEditMode\">\r\n <span>{{ breadcrumb }}</span>\r\n <div>\r\n <button class=\"edit-button section-button\" (click)=\"
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: KvSideMenuComponent, isStandalone: true, selector: "lib-kv-side-menu", inputs: { breadcrumb: "breadcrumb" }, outputs: { onEdit: "onEdit", onClose: "onClose", 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 <button class=\"section-button\" (click)=\"handleDeleteButtonClicked()\"><i class=\"icon material-icons\">delete</i></button>\r\n <button class=\"edit-button section-button\" (click)=\"handleEditButtonClicked()\"><i class=\"icon material-icons\">edit</i></button>\r\n <button class=\"close-button section-button\" (click)=\"handleCloseButtonClicked()\"><i class=\"icon material-icons\">close</i></button>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"isEditMode\">\r\n <button class=\"edit-button section-button\" (click)=\"handleEditButtonClicked()\"><i class=\"icon material-icons\">arrow_back</i></button>\r\n <div>\r\n <button class=\"button--primary-min\" (click)=\"handleSaveChangesButtonClicked()\">Save changes</button>\r\n </div>\r\n </ng-container>\r\n \r\n </div>\r\n <div class=\"body\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat}.table-button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.table-button--primary:hover{background-color:#00438a}.table-button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--primary:hover{background-color:#00438a}.button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--minimalist{height:min-content;padding:5px;background-color:#ebebeb;color:#475467;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--minimalist:disabled{background-color:#ededed;cursor:not-allowed}.button--primary-min{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}.button--primary-min:hover{background:#00438a}.button--primary-min:disabled{background-color:#ededed;cursor:not-allowed}.button--cancel{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;color:#475467;background-color:#fff;border:1px solid #ededed}.button--cancel:disabled{background-color:#ededed;cursor:not-allowed}.button--create{height:min-content;align-self:center;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--create:hover{background-color:#00438a}.button--create:disabled{background-color:#ededed;cursor:not-allowed}.button--sidenav{background-color:#fff;color:#475467;padding:8px;font-weight:700;border:none;display:flex;border-radius:4px;cursor:pointer;gap:10px;margin-top:10px;width:100%;align-items:center}.button--sidenav:hover{background-color:#f2f4f7;color:#101828}.button--sidenav:disabled{background-color:#ededed;cursor:not-allowed}.button--warn{background-color:#b90000;color:#f2f4f7;padding:8px 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}.right-menu .header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.right-menu .header span{color:#475467}.right-menu .header .section-button{background-color:transparent;border:none;cursor:pointer;font-size:18px;color:#475467}.right-menu .header .section-button:hover{color:#101828}.right-menu .header .save-button{padding:0}.right-menu .body{padding:1.5rem}.right-menu .body table,.right-menu .body table th{border:none!important}.description-section .description-title{color:#475467}.description-section .description-body{color:#101828}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
25
29
|
}
|
|
26
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KvSideMenuComponent, decorators: [{
|
|
27
31
|
type: Component,
|
|
28
|
-
args: [{ selector: 'lib-kv-side-menu', standalone: true, imports: [CommonModule], template: "<div class=\"right-menu\">\r\n <div class=\"header\">\r\n <ng-container *ngIf=\"!isEditMode\">\r\n <span>{{ breadcrumb }}</span>\r\n <div>\r\n <button class=\"edit-button section-button\" (click)=\"
|
|
32
|
+
args: [{ selector: 'lib-kv-side-menu', standalone: true, imports: [CommonModule], template: "<div class=\"right-menu\">\r\n <div class=\"header\">\r\n <ng-container *ngIf=\"!isEditMode\">\r\n <span>{{ breadcrumb }}</span>\r\n <div>\r\n <button class=\"section-button\" (click)=\"handleDeleteButtonClicked()\"><i class=\"icon material-icons\">delete</i></button>\r\n <button class=\"edit-button section-button\" (click)=\"handleEditButtonClicked()\"><i class=\"icon material-icons\">edit</i></button>\r\n <button class=\"close-button section-button\" (click)=\"handleCloseButtonClicked()\"><i class=\"icon material-icons\">close</i></button>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"isEditMode\">\r\n <button class=\"edit-button section-button\" (click)=\"handleEditButtonClicked()\"><i class=\"icon material-icons\">arrow_back</i></button>\r\n <div>\r\n <button class=\"button--primary-min\" (click)=\"handleSaveChangesButtonClicked()\">Save changes</button>\r\n </div>\r\n </ng-container>\r\n \r\n </div>\r\n <div class=\"body\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: ["@import\"https://fonts.googleapis.com/icon?family=Material+Icons\";.icon{display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat}.table-button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.table-button--primary:hover{background-color:#00438a}.table-button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--primary{width:100%;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--primary:hover{background-color:#00438a}.button--primary:disabled{background-color:#ededed;cursor:not-allowed}.button--minimalist{height:min-content;padding:5px;background-color:#ebebeb;color:#475467;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--minimalist:disabled{background-color:#ededed;cursor:not-allowed}.button--primary-min{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;background:#0052cc;color:#fcfcfd}.button--primary-min:hover{background:#00438a}.button--primary-min:disabled{background-color:#ededed;cursor:not-allowed}.button--cancel{height:min-content;padding:8px 20px;border:none;border-radius:4px;cursor:pointer;color:#475467;background-color:#fff;border:1px solid #ededed}.button--cancel:disabled{background-color:#ededed;cursor:not-allowed}.button--create{height:min-content;align-self:center;padding:10px;background-color:#0052cc;color:#fcfcfd;border:none;border-radius:5px;font-size:16px;cursor:pointer}.button--create:hover{background-color:#00438a}.button--create:disabled{background-color:#ededed;cursor:not-allowed}.button--sidenav{background-color:#fff;color:#475467;padding:8px;font-weight:700;border:none;display:flex;border-radius:4px;cursor:pointer;gap:10px;margin-top:10px;width:100%;align-items:center}.button--sidenav:hover{background-color:#f2f4f7;color:#101828}.button--sidenav:disabled{background-color:#ededed;cursor:not-allowed}.button--warn{background-color:#b90000;color:#f2f4f7;padding:8px 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}.right-menu .header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.right-menu .header span{color:#475467}.right-menu .header .section-button{background-color:transparent;border:none;cursor:pointer;font-size:18px;color:#475467}.right-menu .header .section-button:hover{color:#101828}.right-menu .header .save-button{padding:0}.right-menu .body{padding:1.5rem}.right-menu .body table,.right-menu .body table th{border:none!important}.description-section .description-title{color:#475467}.description-section .description-body{color:#101828}\n"] }]
|
|
29
33
|
}], propDecorators: { breadcrumb: [{
|
|
30
34
|
type: Input
|
|
31
35
|
}], onEdit: [{
|
|
32
36
|
type: Output
|
|
33
37
|
}], onClose: [{
|
|
34
38
|
type: Output
|
|
39
|
+
}], onDelete: [{
|
|
40
|
+
type: Output
|
|
35
41
|
}], onSaveChanges: [{
|
|
36
42
|
type: Output
|
|
37
43
|
}] } });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3Ytc2lkZS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1zaWRlLW1lbnUva3Ytc2lkZS1tZW51LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdmlvL3NyYy9saWIvY29tcG9uZW50cy9rdi1zaWRlLW1lbnUva3Ytc2lkZS1tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTdkUsTUFBTSxPQUFPLG1CQUFtQjtJQVBoQztRQVFXLGVBQVUsR0FBVyxFQUFFLENBQUM7UUFDdkIsV0FBTSxHQUEwQixJQUFJLFlBQVksRUFBVyxDQUFDO1FBQzVELFlBQU8sR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN2RCxhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFDeEQsa0JBQWEsR0FBdUIsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUVoRSxlQUFVLEdBQVksS0FBSyxDQUFDO0tBa0JwQztJQWhCUSx1QkFBdUI7UUFDNUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDbkMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFTSx3QkFBd0I7UUFDN0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRU0seUJBQXlCO1FBQzlCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVNLDhCQUE4QjtRQUNuQyxJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7K0dBeEJVLG1CQUFtQjttR0FBbkIsbUJBQW1CLDJOQ1ZoQyxrcUNBcUJNLDJsR0RmTSxZQUFZOzs0RkFJWCxtQkFBbUI7a0JBUC9CLFNBQVM7K0JBQ0Usa0JBQWtCLGNBQ2hCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQzs4QkFLZCxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLFFBQVE7c0JBQWpCLE1BQU07Z0JBQ0csYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1rdi1zaWRlLW1lbnUnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2t2LXNpZGUtbWVudS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2t2LXNpZGUtbWVudS5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEt2U2lkZU1lbnVDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGJyZWFkY3J1bWI6IHN0cmluZyA9ICcnO1xyXG4gIEBPdXRwdXQoKSBvbkVkaXQ6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcclxuICBAT3V0cHV0KCkgb25DbG9zZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBvbkRlbGV0ZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG4gIEBPdXRwdXQoKSBvblNhdmVDaGFuZ2VzOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XHJcblxyXG4gIHB1YmxpYyBpc0VkaXRNb2RlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIHB1YmxpYyBoYW5kbGVFZGl0QnV0dG9uQ2xpY2tlZCgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNFZGl0TW9kZSA9ICF0aGlzLmlzRWRpdE1vZGU7XHJcbiAgICB0aGlzLm9uRWRpdC5lbWl0KHRoaXMuaXNFZGl0TW9kZSk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaGFuZGxlQ2xvc2VCdXR0b25DbGlja2VkKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNsb3NlLmVtaXQoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBoYW5kbGVEZWxldGVCdXR0b25DbGlja2VkKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkRlbGV0ZS5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgaGFuZGxlU2F2ZUNoYW5nZXNCdXR0b25DbGlja2VkKCk6IHZvaWQge1xyXG4gICAgdGhpcy5vblNhdmVDaGFuZ2VzLmVtaXQoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInJpZ2h0LW1lbnVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJoZWFkZXJcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzRWRpdE1vZGVcIj5cclxuICAgICAgICAgICAgPHNwYW4+e3sgYnJlYWRjcnVtYiB9fTwvc3Bhbj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJzZWN0aW9uLWJ1dHRvblwiIChjbGljayk9XCJoYW5kbGVEZWxldGVCdXR0b25DbGlja2VkKClcIj48aSBjbGFzcz1cImljb24gbWF0ZXJpYWwtaWNvbnNcIj5kZWxldGU8L2k+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiZWRpdC1idXR0b24gc2VjdGlvbi1idXR0b25cIiAoY2xpY2spPVwiaGFuZGxlRWRpdEJ1dHRvbkNsaWNrZWQoKVwiPjxpIGNsYXNzPVwiaWNvbiBtYXRlcmlhbC1pY29uc1wiPmVkaXQ8L2k+PC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiY2xvc2UtYnV0dG9uIHNlY3Rpb24tYnV0dG9uXCIgKGNsaWNrKT1cImhhbmRsZUNsb3NlQnV0dG9uQ2xpY2tlZCgpXCI+PGkgY2xhc3M9XCJpY29uIG1hdGVyaWFsLWljb25zXCI+Y2xvc2U8L2k+PC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc0VkaXRNb2RlXCI+XHJcbiAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJlZGl0LWJ1dHRvbiBzZWN0aW9uLWJ1dHRvblwiIChjbGljayk9XCJoYW5kbGVFZGl0QnV0dG9uQ2xpY2tlZCgpXCI+PGkgY2xhc3M9XCJpY29uIG1hdGVyaWFsLWljb25zXCI+YXJyb3dfYmFjazwvaT48L2J1dHRvbj5cclxuICAgICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAgICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24tLXByaW1hcnktbWluXCIgKGNsaWNrKT1cImhhbmRsZVNhdmVDaGFuZ2VzQnV0dG9uQ2xpY2tlZCgpXCI+U2F2ZSBjaGFuZ2VzPC9idXR0b24+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIFxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYm9keVwiPlxyXG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|