@progress-chef/platform-shared-components 0.0.95 → 0.0.97
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/atoms/button/button.component.mjs +12 -3
- package/esm2022/lib/atoms/clipboard/clipboard.component.mjs +1 -1
- package/esm2022/lib/atoms/dropdowntree/dropdowntree.component.mjs +1 -1
- package/esm2022/lib/molecules/dialog/confirmation-dialog/confirmation-dialog.component.mjs +1 -1
- package/esm2022/lib/molecules/grid-pagination/grid-pagination.component.mjs +137 -72
- package/fesm2022/progress-chef-platform-shared-components.mjs +156 -83
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/atoms/button/button.component.d.ts +2 -1
- package/lib/molecules/grid-pagination/grid-pagination.component.d.ts +17 -5
- package/package.json +1 -1
|
@@ -22,12 +22,19 @@ export class ButtonComponent {
|
|
|
22
22
|
this.buttonClick = new EventEmitter();
|
|
23
23
|
this.iconButton = false;
|
|
24
24
|
this.projectedIcon = false;
|
|
25
|
+
this.formatFn = (value) => this.toTitleCase(value);
|
|
25
26
|
}
|
|
26
27
|
onButtonClick(e) {
|
|
27
28
|
this.buttonClick.emit(e);
|
|
28
29
|
}
|
|
29
30
|
button_size() {
|
|
30
31
|
let classStr = this.projectedIcon ? 'projected-icon ' : '';
|
|
32
|
+
if (this.size === 'small') {
|
|
33
|
+
this.fontType = 'BUTTON_SMALL';
|
|
34
|
+
}
|
|
35
|
+
if (this.size === 'medium') {
|
|
36
|
+
this.fontType = 'BUTTON_REGULAR';
|
|
37
|
+
}
|
|
31
38
|
return classStr + 'btn-padding';
|
|
32
39
|
}
|
|
33
40
|
toTitleCase(str) {
|
|
@@ -36,11 +43,11 @@ export class ButtonComponent {
|
|
|
36
43
|
}).join(' ');
|
|
37
44
|
}
|
|
38
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonComponent, selector: "lib-button", inputs: { size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", label: "label", iconName: "iconName", disabled: "disabled", toggleable: "toggleable", iconPosition: "iconPosition", fontType: "fontType", width: "width", iconButton: "iconButton", projectedIcon: "projectedIcon" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button kendoButton [size]=\"size\" [style.width]=\"width\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [themeColor]=\"themeColor\"\n (click)=\"onButtonClick($event)\" [disabled]=\"disabled\" [toggleable]=\"toggleable\" [ngClass]=\"button_size()\">\n <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'before'\" [name]=\"iconName\" class=\"btn-icon-before btn-icon before\"></lib-icon>\n <lib-icon *ngIf=\"iconName.length > 0 && iconButton\" [name]=\"iconName\" class=\"btn-icon\" [projectedIcon]=\"projectedIcon\"></lib-icon>\n <lib-typography *ngIf=\"!iconButton\" [defaultText]=\"
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonComponent, selector: "lib-button", inputs: { size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", label: "label", iconName: "iconName", disabled: "disabled", toggleable: "toggleable", iconPosition: "iconPosition", fontType: "fontType", width: "width", iconButton: "iconButton", projectedIcon: "projectedIcon", formatFn: "formatFn" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button kendoButton [size]=\"size\" [style.width]=\"width\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [themeColor]=\"themeColor\"\n (click)=\"onButtonClick($event)\" [disabled]=\"disabled\" [toggleable]=\"toggleable\" [ngClass]=\"button_size()\">\n <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'before'\" [name]=\"iconName\" class=\"btn-icon-before btn-icon before\"></lib-icon>\n <lib-icon *ngIf=\"iconName.length > 0 && iconButton\" [name]=\"iconName\" class=\"btn-icon\" [projectedIcon]=\"projectedIcon\"></lib-icon>\n <lib-typography *ngIf=\"!iconButton\" [defaultText]=\"formatFn(label)\" [type]=\"fontType\" class=\"text\">\n </lib-typography>\n <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'after'\" [name]=\"iconName\" class=\"btn-icon-after btn-icon after\"></lib-icon>\n</button>\n", styles: [".btn-icon{top:1px;position:relative}.btn-icon-before{margin:0 8px 0 0}.after{padding-left:8px}button:disabled{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.btn-padding{padding:8px 16px}.projected-icon{padding:0 6px!important;border:none!important}.text{bottom:.5px;position:relative}button{border-radius:4px}\n"], dependencies: [{ kind: "component", type: i2.ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "component", type: i3.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i4.IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
40
47
|
}
|
|
41
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
42
49
|
type: Component,
|
|
43
|
-
args: [{ selector: 'lib-button', template: "<button kendoButton [size]=\"size\" [style.width]=\"width\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [themeColor]=\"themeColor\"\n (click)=\"onButtonClick($event)\" [disabled]=\"disabled\" [toggleable]=\"toggleable\" [ngClass]=\"button_size()\">\n <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'before'\" [name]=\"iconName\" class=\"btn-icon-before btn-icon before\"></lib-icon>\n <lib-icon *ngIf=\"iconName.length > 0 && iconButton\" [name]=\"iconName\" class=\"btn-icon\" [projectedIcon]=\"projectedIcon\"></lib-icon>\n <lib-typography *ngIf=\"!iconButton\" [defaultText]=\"
|
|
50
|
+
args: [{ selector: 'lib-button', template: "<button kendoButton [size]=\"size\" [style.width]=\"width\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [themeColor]=\"themeColor\"\n (click)=\"onButtonClick($event)\" [disabled]=\"disabled\" [toggleable]=\"toggleable\" [ngClass]=\"button_size()\">\n <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'before'\" [name]=\"iconName\" class=\"btn-icon-before btn-icon before\"></lib-icon>\n <lib-icon *ngIf=\"iconName.length > 0 && iconButton\" [name]=\"iconName\" class=\"btn-icon\" [projectedIcon]=\"projectedIcon\"></lib-icon>\n <lib-typography *ngIf=\"!iconButton\" [defaultText]=\"formatFn(label)\" [type]=\"fontType\" class=\"text\">\n </lib-typography>\n <lib-icon *ngIf=\"!iconButton && iconName.length > 0 && iconPosition === 'after'\" [name]=\"iconName\" class=\"btn-icon-after btn-icon after\"></lib-icon>\n</button>\n", styles: [".btn-icon{top:1px;position:relative}.btn-icon-before{margin:0 8px 0 0}.after{padding-left:8px}button:disabled{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.btn-padding{padding:8px 16px}.projected-icon{padding:0 6px!important;border:none!important}.text{bottom:.5px;position:relative}button{border-radius:4px}\n"] }]
|
|
44
51
|
}], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { size: [{
|
|
45
52
|
type: Input
|
|
46
53
|
}], rounded: [{
|
|
@@ -69,5 +76,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
69
76
|
type: Input
|
|
70
77
|
}], projectedIcon: [{
|
|
71
78
|
type: Input
|
|
79
|
+
}], formatFn: [{
|
|
80
|
+
type: Input
|
|
72
81
|
}] } });
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyxlQUFlO0lBQzFCLFlBQW9CLGFBQTJCO1FBQTNCLGtCQUFhLEdBQWIsYUFBYSxDQUFjO1FBRXRDLFNBQUksR0FBaUMsUUFBUSxDQUFDO1FBQzlDLFlBQU8sR0FLSCxRQUFRLENBQUM7UUFDYixhQUFRLEdBTUosT0FBTyxDQUFDO1FBQ1osZUFBVSxHQVdILE1BQU0sQ0FBQztRQUNkLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsaUJBQVksR0FBVyxFQUFFLENBQUM7UUFDMUIsYUFBUSxHQUFtQixnQkFBZ0IsQ0FBQztRQUM1QyxVQUFLLEdBQVcsS0FBSyxDQUFDO1FBQ3JCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN2QyxlQUFVLEdBQUMsS0FBSyxDQUFDO1FBQ2pCLGtCQUFhLEdBQUMsS0FBSyxDQUFDO1FBQ3BCLGFBQVEsR0FBWSxDQUFDLEtBQVUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQXRDbEIsQ0FBQztJQXdDcEQsYUFBYSxDQUFDLENBQU07UUFDbEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLFFBQVEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQzNELElBQUksSUFBSSxDQUFDLElBQUksS0FBSyxPQUFPLEVBQUU7WUFDekIsSUFBSSxDQUFDLFFBQVEsR0FBRyxjQUFjLENBQUE7U0FDL0I7UUFDRCxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssUUFBUSxFQUFFO1lBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsZ0JBQWdCLENBQUE7U0FDakM7UUFDRCxPQUFPLFFBQVEsR0FBRyxhQUFhLENBQUM7SUFDbEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxHQUFRO1FBQ2xCLE9BQU8sR0FBRyxDQUFDLFdBQVcsRUFBRSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFTLEVBQUUsRUFBRTtZQUNwRCxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDeEQsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2YsQ0FBQzsrR0E1RFUsZUFBZTttR0FBZixlQUFlLG1hQ1I1QiwyMUJBUUE7OzRGREFhLGVBQWU7a0JBTDNCLFNBQVM7K0JBQ0UsWUFBWTtvR0FPYixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQU1HLFFBQVE7c0JBQWhCLEtBQUs7Z0JBT0csVUFBVTtzQkFBbEIsS0FBSztnQkFZRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDSSxXQUFXO3NCQUFwQixNQUFNO2dCQUNFLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFR5cG9ncmFwaHlUeXBlIH0gZnJvbSAnLi4vdHlwb2dyYXBoeS9UeXBvZ3JhcGh5VHlwZSc7XG5pbXBvcnQgeyBUaGVtZXNTZXJ2aWNlIH0gZnJvbSAnQHByb2dyZXNzLWNoZWYvcGxhdGZvcm0tdGhlbWVzLXNlcnZpY2UnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Db21wb25lbnQge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRoZW1lc1NlcnZpY2U6VGhlbWVzU2VydmljZSkgeyB9XG5cbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdtZWRpdW0nO1xuICBASW5wdXQoKSByb3VuZGVkOlxuICAgIHwgJ3NtYWxsJ1xuICAgIHwgJ21lZGl1bSdcbiAgICB8ICdsYXJnZSdcbiAgICB8ICdmdWxsJ1xuICAgIHwgJ25vbmUnID0gJ21lZGl1bSc7XG4gIEBJbnB1dCgpIGZpbGxNb2RlOlxuICAgIHwgJ3NvbGlkJ1xuICAgIHwgJ2ZsYXQnXG4gICAgfCAnb3V0bGluZSdcbiAgICB8ICdjbGVhcidcbiAgICB8ICdsaW5rJ1xuICAgIHwgJ25vbmUnID0gJ3NvbGlkJztcbiAgQElucHV0KCkgdGhlbWVDb2xvcjpcbiAgICB8ICdiYXNlJ1xuICAgIHwgJ3ByaW1hcnknXG4gICAgfCAnc2Vjb25kYXJ5J1xuICAgIHwgJ3RlcnRpYXJ5J1xuICAgIHwgJ2luZm8nXG4gICAgfCAnc3VjY2VzcydcbiAgICB8ICd3YXJuaW5nJ1xuICAgIHwgJ2Vycm9yJ1xuICAgIHwgJ2RhcmsnXG4gICAgfCAnbGlnaHQnXG4gICAgfCAnaW52ZXJzZScgPSAnYmFzZSc7XG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgaWNvbk5hbWU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0b2dnbGVhYmxlOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGljb25Qb3NpdGlvbjogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGZvbnRUeXBlOiBUeXBvZ3JhcGh5VHlwZSA9ICdCVVRUT05fUkVHVUxBUic7XG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnMzAwJztcbiAgQE91dHB1dCgpIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBJbnB1dCgpIGljb25CdXR0b249ZmFsc2U7XG4gIEBJbnB1dCgpIHByb2plY3RlZEljb249ZmFsc2U7XG4gIEBJbnB1dCgpIGZvcm1hdEZuOkZ1bmN0aW9uID0gKHZhbHVlOiBhbnkpID0+IHRoaXMudG9UaXRsZUNhc2UodmFsdWUpO1xuXG4gIG9uQnV0dG9uQ2xpY2soZTogYW55KSB7XG4gICAgdGhpcy5idXR0b25DbGljay5lbWl0KGUpO1xuICB9XG5cbiAgYnV0dG9uX3NpemUoKXtcbiAgICBsZXQgY2xhc3NTdHIgPSB0aGlzLnByb2plY3RlZEljb24gPyAncHJvamVjdGVkLWljb24gJyA6ICcnO1xuICAgIGlmICh0aGlzLnNpemUgPT09ICdzbWFsbCcpIHtcbiAgICAgIHRoaXMuZm9udFR5cGUgPSAnQlVUVE9OX1NNQUxMJ1xuICAgIH1cbiAgICBpZiAodGhpcy5zaXplID09PSAnbWVkaXVtJykge1xuICAgICAgdGhpcy5mb250VHlwZSA9ICdCVVRUT05fUkVHVUxBUidcbiAgICB9XG4gICAgcmV0dXJuIGNsYXNzU3RyICsgJ2J0bi1wYWRkaW5nJztcbiAgfVxuXG4gIHRvVGl0bGVDYXNlKHN0cjogYW55KSB7XG4gICAgcmV0dXJuIHN0ci50b0xvd2VyQ2FzZSgpLnNwbGl0KCcgJykubWFwKCh3b3JkOiBhbnkpID0+IHtcbiAgICAgIHJldHVybiAod29yZC5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIHdvcmQuc2xpY2UoMSkpO1xuICAgIH0pLmpvaW4oJyAnKTtcbiAgfVxuXG59XG4iLCI8YnV0dG9uIGtlbmRvQnV0dG9uIFtzaXplXT1cInNpemVcIiBbc3R5bGUud2lkdGhdPVwid2lkdGhcIiBbZmlsbE1vZGVdPVwiZmlsbE1vZGVcIiBbcm91bmRlZF09XCJyb3VuZGVkXCIgW3RoZW1lQ29sb3JdPVwidGhlbWVDb2xvclwiXG4gIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrKCRldmVudClcIiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiBbdG9nZ2xlYWJsZV09XCJ0b2dnbGVhYmxlXCIgW25nQ2xhc3NdPVwiYnV0dG9uX3NpemUoKVwiPlxuICA8bGliLWljb24gKm5nSWY9XCIhaWNvbkJ1dHRvbiAmJiBpY29uTmFtZS5sZW5ndGggPiAwICYmIGljb25Qb3NpdGlvbiA9PT0gJ2JlZm9yZSdcIiBbbmFtZV09XCJpY29uTmFtZVwiIGNsYXNzPVwiYnRuLWljb24tYmVmb3JlIGJ0bi1pY29uIGJlZm9yZVwiPjwvbGliLWljb24+XG4gIDxsaWItaWNvbiAqbmdJZj1cImljb25OYW1lLmxlbmd0aCA+IDAgJiYgaWNvbkJ1dHRvblwiIFtuYW1lXT1cImljb25OYW1lXCIgY2xhc3M9XCJidG4taWNvblwiIFtwcm9qZWN0ZWRJY29uXT1cInByb2plY3RlZEljb25cIj48L2xpYi1pY29uPlxuICA8bGliLXR5cG9ncmFwaHkgKm5nSWY9XCIhaWNvbkJ1dHRvblwiIFtkZWZhdWx0VGV4dF09XCJmb3JtYXRGbihsYWJlbClcIiBbdHlwZV09XCJmb250VHlwZVwiIGNsYXNzPVwidGV4dFwiPlxuICA8L2xpYi10eXBvZ3JhcGh5PlxuICA8bGliLWljb24gKm5nSWY9XCIhaWNvbkJ1dHRvbiAmJiBpY29uTmFtZS5sZW5ndGggPiAwICYmIGljb25Qb3NpdGlvbiA9PT0gJ2FmdGVyJ1wiIFtuYW1lXT1cImljb25OYW1lXCIgY2xhc3M9XCJidG4taWNvbi1hZnRlciBidG4taWNvbiBhZnRlclwiPjwvbGliLWljb24+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -86,7 +86,7 @@ export class ClipboardComponent {
|
|
|
86
86
|
this.tooltipText = this.preCopyText;
|
|
87
87
|
}
|
|
88
88
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
89
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ClipboardComponent, selector: "lib-clipboard", inputs: { clipboardData: "clipboardData", tooltipPosition: "tooltipPosition", preCopyText: "preCopyText", postCopyText: "postCopyText" }, ngImport: i0, template: "<lib-tooltip class=\"cb-tooltip\" [callout]=\"true\" [position]=\"tooltipPosition\"\n [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <lib-button class=\"copy-button\" themeColor=\"primary\" label=\"Copy\" fillMode=\"outline\" iconName=\"copy\"\n iconPosition=\"before\" (buttonClick)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\"></lib-button>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: ["::ng-deep .cb-tooltip .copy-button .k-button-outline-primary:focus,::ng-deep .cb-tooltip .copy-button .k-button-outline-primary.k-focus{box-shadow:none!important}.cb-tooltip-text{padding:.25rem}\n"], dependencies: [{ kind: "component", type: i2.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon"], outputs: ["buttonClick"] }, { kind: "component", type: i3.TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }] }); }
|
|
89
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ClipboardComponent, selector: "lib-clipboard", inputs: { clipboardData: "clipboardData", tooltipPosition: "tooltipPosition", preCopyText: "preCopyText", postCopyText: "postCopyText" }, ngImport: i0, template: "<lib-tooltip class=\"cb-tooltip\" [callout]=\"true\" [position]=\"tooltipPosition\"\n [showOn]=\" !!tooltipText === false ? 'none' : 'hover' \">\n <lib-button class=\"copy-button\" themeColor=\"primary\" label=\"Copy\" fillMode=\"outline\" iconName=\"copy\"\n iconPosition=\"before\" (buttonClick)=\"copyToClipboard()\" (mouseleave)=\"revertTooltipText()\"></lib-button>\n <div class=\"cb-tooltip-text tooltip-content\">\n {{tooltipText}}\n </div>\n</lib-tooltip>\n", styles: ["::ng-deep .cb-tooltip .copy-button .k-button-outline-primary:focus,::ng-deep .cb-tooltip .copy-button .k-button-outline-primary.k-focus{box-shadow:none!important}.cb-tooltip-text{padding:.25rem}\n"], dependencies: [{ kind: "component", type: i2.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn"], outputs: ["buttonClick"] }, { kind: "component", type: i3.TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }] }); }
|
|
90
90
|
}
|
|
91
91
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardComponent, decorators: [{
|
|
92
92
|
type: Component,
|
|
@@ -49,7 +49,7 @@ export class DropdowntreeComponent {
|
|
|
49
49
|
this.buttonClick.emit(e);
|
|
50
50
|
}
|
|
51
51
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeComponent, deps: [{ token: i1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdowntreeComponent, selector: "lib-dropdowntree", inputs: { childrenField: "childrenField", hasDefaultValue: "hasDefaultValue", isDisabled: "isDisabled", listHeight: "listHeight", value: "value", placeholder: "placeholder", clearButton: "clearButton", expandBy: "expandBy", expandedKeys: "expandedKeys", data: "data", textField: "textField", readonly: "readonly", valueField: "valueField", footerBtnLabel: "footerBtnLabel", footerBtnIcon: "footerBtnIcon", hasFooterBtn: "hasFooterBtn", rounded: "rounded", fillMode: "fillMode", size: "size", control: "control" }, outputs: { selectedItem: "selectedItem", buttonClick: "buttonClick" }, usesOnChanges: true, ngImport: i0, template: "<kendo-dropdowntree kendoDropDownTreeExpandable [kendoDropDownTreeHierarchyBinding]=\"data\"\n [childrenField]=\"childrenField\" [textField]=\"textField\" [valueField]=\"valueField\"\n class=\"dropdown\" (valueChange)=\"valueChange($event)\" [placeholder]=\"placeholder\" [ngModel]=\"value\"\n [listHeight]=\"listHeight\" [expandBy]=\"expandBy\" [(expandedKeys)]=\"expandedKeys\" [clearButton]=\"clearButton\"\n [rounded]=\"rounded\" [size]=\"size\" [fillMode]=\"fillMode\" [readonly]=\"readonly\" [formControl]=\"control\">\n\n <ng-template kendoDropDownTreeNodeTemplate let-dataItem>\n <img *ngIf=\"dataItem.imageUrl && dataItem.imageUrl.length > 0\" [src]=\"dataItem.imageUrl\" width=\"24\" height=\"24\"\n [alt]=\"dataItem.imageUrl\" class=\"image\" />\n {{ dataItem.text }}\n </ng-template>\n\n <ng-template *ngIf=\"hasDefaultValue; else myTemplate\" kendoDropDownTreeValueTemplate let-dataItem>\n <img *ngIf=\"dataItem.imageUrl && dataItem.imageUrl.length > 0\" [src]=\"dataItem.imageUrl\" width=\"24\" height=\"24\"\n [alt]=\"dataItem.imageUrl\" class=\"image\" />\n {{ dataItem.text }}\n </ng-template>\n\n <ng-template kendoDropDownTreeItemTemplate let-dataItem #myTemplate>\n {{ dataItem.text }}\n </ng-template>\n\n <ng-template *ngIf=\"hasFooterBtn\" kendoDropDownTreeFooterTemplate>\n <lib-button [label]=\"footerBtnLabel\" fillMode=\"flat\" themeColor=\"primary\" (buttonClick)=\"onButtonClick($event)\"\n iconPosition=\"before\" size=\"medium\" [iconName]=\"footerBtnIcon\" fontType=\"BODY_LARGE\"\n class=\"footer-btn\"></lib-button>\n </ng-template>\n\n</kendo-dropdowntree>\n", styles: [".dropdown{width:310px}.image{margin-right:10px;margin-bottom:2px}::ng-deep li .k-treeview-item{padding-top:8px}::ng-deep .k-treeview-md .k-treeview-leaf{width:284px}::ng-deep .k-treeview-item{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep li .k-treeview-item :hover{cursor:pointer}::ng-deep .footer-btn .k-button{height:34px;margin:6px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: i3.DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: ["icon", "svgIcon", "loading", "clearButton", "data", "value", "textField", "valueField", "valueDepth", "hasChildren", "fetchChildren", "placeholder", "popupSettings", "dataItem", "listHeight", "disabled", "readonly", "valuePrimitive", "tabindex", "size", "rounded", "fillMode", "itemDisabled", "isNodeExpanded", "isNodeVisible", "loadOnDemand", "filterable", "filter", "focusableId", "adaptiveMode", "title", "subtitle"], outputs: ["open", "opened", "close", "closed", "nodeExpand", "nodeCollapse", "focus", "blur", "valueChange", "filterChange"], exportAs: ["kendoDropDownTree"] }, { kind: "directive", type: i3.DropDownTreeHierarchyBindingDirective, selector: "[kendoDropDownTreeHierarchyBinding]", inputs: ["kendoDropDownTreeHierarchyBinding"] }, { kind: "directive", type: i3.DropDownTreesExpandDirective, selector: "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", inputs: ["isNodeExpanded"] }, { kind: "directive", type: i3.NodeTemplateDirective, selector: "[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon"], outputs: ["buttonClick"] }] }); }
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdowntreeComponent, selector: "lib-dropdowntree", inputs: { childrenField: "childrenField", hasDefaultValue: "hasDefaultValue", isDisabled: "isDisabled", listHeight: "listHeight", value: "value", placeholder: "placeholder", clearButton: "clearButton", expandBy: "expandBy", expandedKeys: "expandedKeys", data: "data", textField: "textField", readonly: "readonly", valueField: "valueField", footerBtnLabel: "footerBtnLabel", footerBtnIcon: "footerBtnIcon", hasFooterBtn: "hasFooterBtn", rounded: "rounded", fillMode: "fillMode", size: "size", control: "control" }, outputs: { selectedItem: "selectedItem", buttonClick: "buttonClick" }, usesOnChanges: true, ngImport: i0, template: "<kendo-dropdowntree kendoDropDownTreeExpandable [kendoDropDownTreeHierarchyBinding]=\"data\"\n [childrenField]=\"childrenField\" [textField]=\"textField\" [valueField]=\"valueField\"\n class=\"dropdown\" (valueChange)=\"valueChange($event)\" [placeholder]=\"placeholder\" [ngModel]=\"value\"\n [listHeight]=\"listHeight\" [expandBy]=\"expandBy\" [(expandedKeys)]=\"expandedKeys\" [clearButton]=\"clearButton\"\n [rounded]=\"rounded\" [size]=\"size\" [fillMode]=\"fillMode\" [readonly]=\"readonly\" [formControl]=\"control\">\n\n <ng-template kendoDropDownTreeNodeTemplate let-dataItem>\n <img *ngIf=\"dataItem.imageUrl && dataItem.imageUrl.length > 0\" [src]=\"dataItem.imageUrl\" width=\"24\" height=\"24\"\n [alt]=\"dataItem.imageUrl\" class=\"image\" />\n {{ dataItem.text }}\n </ng-template>\n\n <ng-template *ngIf=\"hasDefaultValue; else myTemplate\" kendoDropDownTreeValueTemplate let-dataItem>\n <img *ngIf=\"dataItem.imageUrl && dataItem.imageUrl.length > 0\" [src]=\"dataItem.imageUrl\" width=\"24\" height=\"24\"\n [alt]=\"dataItem.imageUrl\" class=\"image\" />\n {{ dataItem.text }}\n </ng-template>\n\n <ng-template kendoDropDownTreeItemTemplate let-dataItem #myTemplate>\n {{ dataItem.text }}\n </ng-template>\n\n <ng-template *ngIf=\"hasFooterBtn\" kendoDropDownTreeFooterTemplate>\n <lib-button [label]=\"footerBtnLabel\" fillMode=\"flat\" themeColor=\"primary\" (buttonClick)=\"onButtonClick($event)\"\n iconPosition=\"before\" size=\"medium\" [iconName]=\"footerBtnIcon\" fontType=\"BODY_LARGE\"\n class=\"footer-btn\"></lib-button>\n </ng-template>\n\n</kendo-dropdowntree>\n", styles: [".dropdown{width:310px}.image{margin-right:10px;margin-bottom:2px}::ng-deep li .k-treeview-item{padding-top:8px}::ng-deep .k-treeview-md .k-treeview-leaf{width:284px}::ng-deep .k-treeview-item{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}::ng-deep li .k-treeview-item :hover{cursor:pointer}::ng-deep .footer-btn .k-button{height:34px;margin:6px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: i3.DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: ["icon", "svgIcon", "loading", "clearButton", "data", "value", "textField", "valueField", "valueDepth", "hasChildren", "fetchChildren", "placeholder", "popupSettings", "dataItem", "listHeight", "disabled", "readonly", "valuePrimitive", "tabindex", "size", "rounded", "fillMode", "itemDisabled", "isNodeExpanded", "isNodeVisible", "loadOnDemand", "filterable", "filter", "focusableId", "adaptiveMode", "title", "subtitle"], outputs: ["open", "opened", "close", "closed", "nodeExpand", "nodeCollapse", "focus", "blur", "valueChange", "filterChange"], exportAs: ["kendoDropDownTree"] }, { kind: "directive", type: i3.DropDownTreeHierarchyBindingDirective, selector: "[kendoDropDownTreeHierarchyBinding]", inputs: ["kendoDropDownTreeHierarchyBinding"] }, { kind: "directive", type: i3.DropDownTreesExpandDirective, selector: "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", inputs: ["isNodeExpanded"] }, { kind: "directive", type: i3.NodeTemplateDirective, selector: "[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn"], outputs: ["buttonClick"] }] }); }
|
|
53
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
@@ -50,7 +50,7 @@ export class ConfirmationDialogComponent {
|
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationDialogComponent, selector: "lib-confirmation-dialog", inputs: { title: "title", secondaryBtnLabel: "secondaryBtnLabel", btnText: "btnText", type: "type", dialogInfoText: "dialogInfoText", dialogConfirmationText: "dialogConfirmationText", fillMode: "fillMode", themeColor: "themeColor", secondaryBtnFillMode: "secondaryBtnFillMode" }, outputs: { confirmationDialogCloseEvent: "confirmationDialogCloseEvent", popupEvent: "popupEvent" }, usesOnChanges: true, ngImport: i0, template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"HEADING_MEDIUM\"\n [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n <div class=\"confirmation-popup-text\">\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n </div>\n <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n <lib-button [label]=\"secondaryBtnLabel\" [fillMode]=\"secondaryBtnFillMode\" themeColor=\"primary\" (buttonClick)=\"dialogClose()\" width=\"144px\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (buttonClick)=\"eventClicked()\" [fillMode]=\"fillMode\" width=\"144px\"></lib-button>\n </lib-dialog-actions>\n</lib-dialog>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i2.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon"], outputs: ["buttonClick"] }, { kind: "component", type: i3.DialogComponent, selector: "lib-dialog", inputs: ["width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight", "opened"] }, { kind: "component", type: i4.DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: ["title", "titleFont", "hideCloseIcon"], outputs: ["closeDialog"] }, { kind: "component", type: i5.DialogActionsComponent, selector: "lib-dialog-actions", inputs: ["buttonLayout"] }] }); }
|
|
53
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationDialogComponent, selector: "lib-confirmation-dialog", inputs: { title: "title", secondaryBtnLabel: "secondaryBtnLabel", btnText: "btnText", type: "type", dialogInfoText: "dialogInfoText", dialogConfirmationText: "dialogConfirmationText", fillMode: "fillMode", themeColor: "themeColor", secondaryBtnFillMode: "secondaryBtnFillMode" }, outputs: { confirmationDialogCloseEvent: "confirmationDialogCloseEvent", popupEvent: "popupEvent" }, usesOnChanges: true, ngImport: i0, template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"HEADING_MEDIUM\"\n [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n <div class=\"confirmation-popup-text\">\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n <lib-typography type=\"BODY_MEDIUM\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n </div>\n <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n <lib-button [label]=\"secondaryBtnLabel\" [fillMode]=\"secondaryBtnFillMode\" themeColor=\"primary\" (buttonClick)=\"dialogClose()\" width=\"144px\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (buttonClick)=\"eventClicked()\" [fillMode]=\"fillMode\" width=\"144px\"></lib-button>\n </lib-dialog-actions>\n</lib-dialog>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i1.TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: i2.ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn"], outputs: ["buttonClick"] }, { kind: "component", type: i3.DialogComponent, selector: "lib-dialog", inputs: ["width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight", "opened"] }, { kind: "component", type: i4.DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: ["title", "titleFont", "hideCloseIcon"], outputs: ["closeDialog"] }, { kind: "component", type: i5.DialogActionsComponent, selector: "lib-dialog-actions", inputs: ["buttonLayout"] }] }); }
|
|
54
54
|
}
|
|
55
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
|
|
56
56
|
type: Component,
|