@progress-chef/platform-shared-components 0.0.94 → 0.0.96
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/assets/IconFont.css +65 -64
- package/assets/IconFont.scss +4 -3
- package/assets/IconFont.ttf +0 -0
- package/assets/IconFont.woff +0 -0
- package/assets/IconFont.woff2 +0 -0
- package/esm2022/lib/atoms/button/button.component.mjs +6 -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/fesm2022/progress-chef-platform-shared-components.mjs +8 -5
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/atoms/button/button.component.d.ts +2 -1
- package/package.json +1 -1
package/assets/IconFont.css
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: "IconFont";
|
|
3
|
-
src: url('IconFont.woff2?t=
|
|
4
|
-
url('IconFont.woff?t=
|
|
5
|
-
url('IconFont.ttf?t=
|
|
3
|
+
src: url('IconFont.woff2?t=1727845744366') format('woff2'),
|
|
4
|
+
url('IconFont.woff?t=1727845744366') format('woff'),
|
|
5
|
+
url('IconFont.ttf?t=1727845744366') format('truetype');
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.iconfont {
|
|
@@ -13,84 +13,85 @@
|
|
|
13
13
|
-moz-osx-font-smoothing: grayscale;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.icon-
|
|
17
|
-
.icon-
|
|
18
|
-
.icon-tasks:before { content: "\e902"; }
|
|
19
|
-
.icon-information:before { content: "\e903"; }
|
|
20
|
-
.icon-search:before { content: "\e904"; }
|
|
21
|
-
.icon-home:before { content: "\e905"; }
|
|
22
|
-
.icon-close:before { content: "\e906"; }
|
|
23
|
-
.icon-launch:before { content: "\e907"; }
|
|
16
|
+
.icon-add:before { content: "\e922"; }
|
|
17
|
+
.icon-app-switcher:before { content: "\e92f"; }
|
|
24
18
|
.icon-arrow-right:before { content: "\e908"; }
|
|
25
|
-
.icon-
|
|
26
|
-
.icon-
|
|
27
|
-
.icon-
|
|
28
|
-
.icon-
|
|
19
|
+
.icon-aws:before { content: "\e91f"; }
|
|
20
|
+
.icon-Azure:before { content: "\e91e"; }
|
|
21
|
+
.icon-caret-down:before { content: "\e911"; }
|
|
22
|
+
.icon-caret-right:before { content: "\e94d"; }
|
|
23
|
+
.icon-checkbox:before { content: "\e915"; }
|
|
29
24
|
.icon-chevron-down:before { content: "\e90d"; }
|
|
30
25
|
.icon-chevron-left:before { content: "\e90e"; }
|
|
26
|
+
.icon-chevron-right:before { content: "\e90c"; }
|
|
27
|
+
.icon-chevron-up:before { content: "\e90b"; }
|
|
31
28
|
.icon-circle-checked:before { content: "\e90f"; }
|
|
29
|
+
.icon-close:before { content: "\e906"; }
|
|
30
|
+
.icon-copy:before { content: "\e923"; }
|
|
31
|
+
.icon-courier:before { content: "\e930"; }
|
|
32
|
+
.icon-courier-global-exceptions:before { content: "\e940"; }
|
|
33
|
+
.icon-courier-job-instances:before { content: "\e93f"; }
|
|
34
|
+
.icon-courier-jobs:before { content: "\e941"; }
|
|
35
|
+
.icon-cross-filled:before { content: "\e91a"; }
|
|
36
|
+
.icon-dashboard:before { content: "\e929"; }
|
|
37
|
+
.icon-data:before { content: "\e901"; }
|
|
38
|
+
.icon-data-diagram:before { content: "\e916"; }
|
|
32
39
|
.icon-delete:before { content: "\e910"; }
|
|
33
|
-
.icon-
|
|
34
|
-
.icon-
|
|
40
|
+
.icon-docker:before { content: "\e921"; }
|
|
41
|
+
.icon-download:before { content: "\e94e"; }
|
|
42
|
+
.icon-download-center:before { content: "\e932"; }
|
|
43
|
+
.icon-edit:before { content: "\e926"; }
|
|
35
44
|
.icon-edit-filter:before { content: "\e913"; }
|
|
36
|
-
.icon-overflow-menu-vertical:before { content: "\e914"; }
|
|
37
|
-
.icon-checkbox:before { content: "\e915"; }
|
|
38
|
-
.icon-data-diagram:before { content: "\e916"; }
|
|
39
45
|
.icon-error-filled:before { content: "\e917"; }
|
|
40
|
-
.icon-
|
|
41
|
-
.icon-notification-filled:before { content: "\e919"; }
|
|
42
|
-
.icon-cross-filled:before { content: "\e91a"; }
|
|
43
|
-
.icon-filter:before { content: "\e91b"; }
|
|
44
|
-
.icon-reset:before { content: "\e91c"; }
|
|
45
|
-
.icon-GCP:before { content: "\e91d"; }
|
|
46
|
-
.icon-Azure:before { content: "\e91e"; }
|
|
47
|
-
.icon-aws:before { content: "\e91f"; }
|
|
48
|
-
.icon-kubernates:before { content: "\e920"; }
|
|
49
|
-
.icon-docker:before { content: "\e921"; }
|
|
50
|
-
.icon-add:before { content: "\e922"; }
|
|
51
|
-
.icon-copy:before { content: "\e923"; }
|
|
46
|
+
.icon-event-center:before { content: "\e92a"; }
|
|
52
47
|
.icon-eye-closed:before { content: "\e924"; }
|
|
53
48
|
.icon-eye-open:before { content: "\e925"; }
|
|
54
|
-
.icon-
|
|
55
|
-
.icon-
|
|
56
|
-
.icon-
|
|
57
|
-
.icon-
|
|
58
|
-
.icon-event-center:before { content: "\e92a"; }
|
|
59
|
-
.icon-news-feed:before { content: "\e92b"; }
|
|
60
|
-
.icon-user-identification:before { content: "\e92c"; }
|
|
49
|
+
.icon-filter:before { content: "\e91b"; }
|
|
50
|
+
.icon-GCP:before { content: "\e91d"; }
|
|
51
|
+
.icon-home:before { content: "\e905"; }
|
|
52
|
+
.icon-idea:before { content: "\e90a"; }
|
|
61
53
|
.icon-info:before { content: "\e92d"; }
|
|
62
|
-
.icon-
|
|
63
|
-
.icon-
|
|
64
|
-
.icon-courier:before { content: "\e930"; }
|
|
65
|
-
.icon-org-management:before { content: "\e931"; }
|
|
66
|
-
.icon-download-center:before { content: "\e932"; }
|
|
54
|
+
.icon-information:before { content: "\e903"; }
|
|
55
|
+
.icon-infra-clients:before { content: "\e937"; }
|
|
67
56
|
.icon-infra-cookbooks:before { content: "\e933"; }
|
|
68
|
-
.icon-infra-roles:before { content: "\e934"; }
|
|
69
|
-
.icon-infra-env:before { content: "\e935"; }
|
|
70
57
|
.icon-infra-data-bags:before { content: "\e936"; }
|
|
71
|
-
.icon-infra-
|
|
58
|
+
.icon-infra-env:before { content: "\e935"; }
|
|
72
59
|
.icon-infra-policy-groups:before { content: "\e938"; }
|
|
73
|
-
.icon-
|
|
74
|
-
.icon-om-linked-system:before { content: "\e93a"; }
|
|
75
|
-
.icon-tm-infra-server:before { content: "\e93b"; }
|
|
76
|
-
.icon-tm-org-units:before { content: "\e93c"; }
|
|
77
|
-
.icon-nm-node-collection:before { content: "\e93d"; }
|
|
78
|
-
.icon-nm-node-view:before { content: "\e93e"; }
|
|
79
|
-
.icon-courier-job-instances:before { content: "\e93f"; }
|
|
80
|
-
.icon-courier-global-exceptions:before { content: "\e940"; }
|
|
81
|
-
.icon-courier-jobs:before { content: "\e941"; }
|
|
82
|
-
.icon-nm-discovery:before { content: "\e942"; }
|
|
83
|
-
.icon-nm-enrolment:before { content: "\e943"; }
|
|
84
|
-
.icon-play-filled:before { content: "\e944"; }
|
|
85
|
-
.icon-node-management:before { content: "\e945"; }
|
|
60
|
+
.icon-infra-roles:before { content: "\e934"; }
|
|
86
61
|
.icon-infra-server-management:before { content: "\e946"; }
|
|
62
|
+
.icon-kubernates:before { content: "\e920"; }
|
|
63
|
+
.icon-launch:before { content: "\e907"; }
|
|
87
64
|
.icon-laptop:before { content: "\e947"; }
|
|
88
|
-
.icon-
|
|
89
|
-
.icon-
|
|
90
|
-
.icon-
|
|
65
|
+
.icon-logout:before { content: "\e927"; }
|
|
66
|
+
.icon-menu:before { content: "\e909"; }
|
|
67
|
+
.icon-news-feed:before { content: "\e92b"; }
|
|
91
68
|
.icon-node-cohort:before { content: "\e94b"; }
|
|
69
|
+
.icon-node-management:before { content: "\e945"; }
|
|
70
|
+
.icon-nm-agent:before { content: "\e949"; }
|
|
71
|
+
.icon-nm-discovery:before { content: "\e942"; }
|
|
72
|
+
.icon-nm-enrolment:before { content: "\e943"; }
|
|
73
|
+
.icon-nm-node-collection:before { content: "\e93d"; }
|
|
74
|
+
.icon-nm-node-view:before { content: "\e93e"; }
|
|
75
|
+
.icon-notification-filled:before { content: "\e919"; }
|
|
76
|
+
.icon-om-linked-system:before { content: "\e93a"; }
|
|
77
|
+
.icon-org-management:before { content: "\e931"; }
|
|
78
|
+
.icon-overflow-menu-vertical:before { content: "\e914"; }
|
|
79
|
+
.icon-play-filled:before { content: "\e944"; }
|
|
80
|
+
.icon-reset:before { content: "\e91c"; }
|
|
81
|
+
.icon-scan:before { content: "\e900"; }
|
|
82
|
+
.icon-search:before { content: "\e904"; }
|
|
83
|
+
.icon-settings:before { content: "\e928"; }
|
|
92
84
|
.icon-skill-assembly:before { content: "\e94c"; }
|
|
93
|
-
.icon-
|
|
85
|
+
.icon-skill-definition:before { content: "\e94a"; }
|
|
86
|
+
.icon-tasks:before { content: "\e902"; }
|
|
87
|
+
.icon-tenant-management:before { content: "\e948"; }
|
|
88
|
+
.icon-tm-infra-server:before { content: "\e93b"; }
|
|
89
|
+
.icon-tm-org-units:before { content: "\e93c"; }
|
|
90
|
+
.icon-upload:before { content: "\e912"; }
|
|
91
|
+
.icon-user-identification:before { content: "\e92c"; }
|
|
92
|
+
.icon-user-management:before { content: "\e939"; }
|
|
93
|
+
.icon-warning:before { content: "\e92e"; }
|
|
94
|
+
.icon-warning-filled:before { content: "\e918"; }
|
|
94
95
|
|
|
95
96
|
|
|
96
97
|
/**
|
package/assets/IconFont.scss
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: "IconFont";
|
|
3
|
-
src: url('IconFont.woff2?t=
|
|
4
|
-
url('IconFont.woff?t=
|
|
5
|
-
url('IconFont.ttf?t=
|
|
3
|
+
src: url('IconFont.woff2?t=1727845744366') format('woff2'),
|
|
4
|
+
url('IconFont.woff?t=1727845744366') format('woff'),
|
|
5
|
+
url('IconFont.ttf?t=1727845744366') format('truetype');
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.iconfont {
|
|
@@ -91,6 +91,7 @@
|
|
|
91
91
|
.icon-node-cohort:before { content: "\e94b"; }
|
|
92
92
|
.icon-skill-assembly:before { content: "\e94c"; }
|
|
93
93
|
.icon-caret-right:before { content: "\e94d"; }
|
|
94
|
+
.icon-download:before { content: "\e94e"; }
|
|
94
95
|
|
|
95
96
|
|
|
96
97
|
/**
|
package/assets/IconFont.ttf
CHANGED
|
Binary file
|
package/assets/IconFont.woff
CHANGED
|
Binary file
|
package/assets/IconFont.woff2
CHANGED
|
Binary file
|
|
@@ -22,6 +22,7 @@ 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);
|
|
@@ -36,11 +37,11 @@ export class ButtonComponent {
|
|
|
36
37
|
}).join(' ');
|
|
37
38
|
}
|
|
38
39
|
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]=\"
|
|
40
|
+
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
41
|
}
|
|
41
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
42
43
|
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]=\"
|
|
44
|
+
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
45
|
}], ctorParameters: function () { return [{ type: i1.ThemesService }]; }, propDecorators: { size: [{
|
|
45
46
|
type: Input
|
|
46
47
|
}], rounded: [{
|
|
@@ -69,5 +70,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
69
70
|
type: Input
|
|
70
71
|
}], projectedIcon: [{
|
|
71
72
|
type: Input
|
|
73
|
+
}], formatFn: [{
|
|
74
|
+
type: Input
|
|
72
75
|
}] } });
|
|
73
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2F0b21zL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkL3NyYy9saWIvYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7O0FBUXZFLE1BQU0sT0FBTyxlQUFlO0lBQzFCLFlBQW9CLGFBQTJCO1FBQTNCLGtCQUFhLEdBQWIsYUFBYSxDQUFjO1FBRXRDLFNBQUksR0FBaUMsUUFBUSxDQUFDO1FBQzlDLFlBQU8sR0FLSCxRQUFRLENBQUM7UUFDYixhQUFRLEdBTUosT0FBTyxDQUFDO1FBQ1osZUFBVSxHQVdILE1BQU0sQ0FBQztRQUNkLFVBQUssR0FBVyxFQUFFLENBQUM7UUFDbkIsYUFBUSxHQUFXLEVBQUUsQ0FBQztRQUN0QixhQUFRLEdBQVksS0FBSyxDQUFDO1FBQzFCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsaUJBQVksR0FBVyxFQUFFLENBQUM7UUFDMUIsYUFBUSxHQUFtQixnQkFBZ0IsQ0FBQztRQUM1QyxVQUFLLEdBQVcsS0FBSyxDQUFDO1FBQ3JCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUN2QyxlQUFVLEdBQUMsS0FBSyxDQUFDO1FBQ2pCLGtCQUFhLEdBQUMsS0FBSyxDQUFDO1FBQ3BCLGFBQVEsR0FBWSxDQUFDLEtBQVUsRUFBRSxFQUFFLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQXRDbEIsQ0FBQztJQXdDcEQsYUFBYSxDQUFDLENBQU07UUFDbEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLFFBQVEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBQzNELE9BQU8sUUFBUSxHQUFHLGFBQWEsQ0FBQztJQUNsQyxDQUFDO0lBRUQsV0FBVyxDQUFDLEdBQVE7UUFDbEIsT0FBTyxHQUFHLENBQUMsV0FBVyxFQUFFLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQVMsRUFBRSxFQUFFO1lBQ3BELE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN4RCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDZixDQUFDOytHQXREVSxlQUFlO21HQUFmLGVBQWUsbWFDUjVCLDIxQkFRQTs7NEZEQWEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxZQUFZO29HQU9iLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBTUcsUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxVQUFVO3NCQUFsQixLQUFLO2dCQVlHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0UsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeVR5cGUgfSBmcm9tICcuLi90eXBvZ3JhcGh5L1R5cG9ncmFwaHlUeXBlJztcbmltcG9ydCB7IFRoZW1lc1NlcnZpY2UgfSBmcm9tICdAcHJvZ3Jlc3MtY2hlZi9wbGF0Zm9ybS10aGVtZXMtc2VydmljZSc7XG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgdGhlbWVzU2VydmljZTpUaGVtZXNTZXJ2aWNlKSB7IH1cblxuICBASW5wdXQoKSBzaXplOiAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnID0gJ21lZGl1bSc7XG4gIEBJbnB1dCgpIHJvdW5kZWQ6XG4gICAgfCAnc21hbGwnXG4gICAgfCAnbWVkaXVtJ1xuICAgIHwgJ2xhcmdlJ1xuICAgIHwgJ2Z1bGwnXG4gICAgfCAnbm9uZScgPSAnbWVkaXVtJztcbiAgQElucHV0KCkgZmlsbE1vZGU6XG4gICAgfCAnc29saWQnXG4gICAgfCAnZmxhdCdcbiAgICB8ICdvdXRsaW5lJ1xuICAgIHwgJ2NsZWFyJ1xuICAgIHwgJ2xpbmsnXG4gICAgfCAnbm9uZScgPSAnc29saWQnO1xuICBASW5wdXQoKSB0aGVtZUNvbG9yOlxuICAgIHwgJ2Jhc2UnXG4gICAgfCAncHJpbWFyeSdcbiAgICB8ICdzZWNvbmRhcnknXG4gICAgfCAndGVydGlhcnknXG4gICAgfCAnaW5mbydcbiAgICB8ICdzdWNjZXNzJ1xuICAgIHwgJ3dhcm5pbmcnXG4gICAgfCAnZXJyb3InXG4gICAgfCAnZGFyaydcbiAgICB8ICdsaWdodCdcbiAgICB8ICdpbnZlcnNlJyA9ICdiYXNlJztcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpY29uTmFtZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRvZ2dsZWFibGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgaWNvblBvc2l0aW9uOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZm9udFR5cGU6IFR5cG9ncmFwaHlUeXBlID0gJ0JVVFRPTl9SRUdVTEFSJztcbiAgQElucHV0KCkgd2lkdGg6IHN0cmluZyA9ICczMDAnO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQElucHV0KCkgaWNvbkJ1dHRvbj1mYWxzZTtcbiAgQElucHV0KCkgcHJvamVjdGVkSWNvbj1mYWxzZTtcbiAgQElucHV0KCkgZm9ybWF0Rm46RnVuY3Rpb24gPSAodmFsdWU6IGFueSkgPT4gdGhpcy50b1RpdGxlQ2FzZSh2YWx1ZSk7XG5cbiAgb25CdXR0b25DbGljayhlOiBhbnkpIHtcbiAgICB0aGlzLmJ1dHRvbkNsaWNrLmVtaXQoZSk7XG4gIH1cblxuICBidXR0b25fc2l6ZSgpe1xuICAgIGxldCBjbGFzc1N0ciA9IHRoaXMucHJvamVjdGVkSWNvbiA/ICdwcm9qZWN0ZWQtaWNvbiAnIDogJyc7XG4gICAgcmV0dXJuIGNsYXNzU3RyICsgJ2J0bi1wYWRkaW5nJztcbiAgfVxuXG4gIHRvVGl0bGVDYXNlKHN0cjogYW55KSB7XG4gICAgcmV0dXJuIHN0ci50b0xvd2VyQ2FzZSgpLnNwbGl0KCcgJykubWFwKCh3b3JkOiBhbnkpID0+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,
|
|
@@ -545,6 +545,7 @@ class ButtonComponent {
|
|
|
545
545
|
this.buttonClick = new EventEmitter();
|
|
546
546
|
this.iconButton = false;
|
|
547
547
|
this.projectedIcon = false;
|
|
548
|
+
this.formatFn = (value) => this.toTitleCase(value);
|
|
548
549
|
}
|
|
549
550
|
onButtonClick(e) {
|
|
550
551
|
this.buttonClick.emit(e);
|
|
@@ -559,11 +560,11 @@ class ButtonComponent {
|
|
|
559
560
|
}).join(' ');
|
|
560
561
|
}
|
|
561
562
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
562
|
-
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]=\"
|
|
563
|
+
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$2.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: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "projectedIcon", "fontSize", "type"] }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
563
564
|
}
|
|
564
565
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
565
566
|
type: Component,
|
|
566
|
-
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]=\"
|
|
567
|
+
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"] }]
|
|
567
568
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { size: [{
|
|
568
569
|
type: Input
|
|
569
570
|
}], rounded: [{
|
|
@@ -592,6 +593,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
592
593
|
type: Input
|
|
593
594
|
}], projectedIcon: [{
|
|
594
595
|
type: Input
|
|
596
|
+
}], formatFn: [{
|
|
597
|
+
type: Input
|
|
595
598
|
}] } });
|
|
596
599
|
|
|
597
600
|
class ButtonModule {
|
|
@@ -2061,7 +2064,7 @@ class DropdowntreeComponent {
|
|
|
2061
2064
|
this.buttonClick.emit(e);
|
|
2062
2065
|
}
|
|
2063
2066
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2064
|
-
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: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$2.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: i3$2.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$2.DropDownTreeHierarchyBindingDirective, selector: "[kendoDropDownTreeHierarchyBinding]", inputs: ["kendoDropDownTreeHierarchyBinding"] }, { kind: "directive", type: i3$2.DropDownTreesExpandDirective, selector: "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", inputs: ["isNodeExpanded"] }, { kind: "directive", type: i3$2.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: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon"], outputs: ["buttonClick"] }] }); }
|
|
2067
|
+
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: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$2.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: i3$2.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$2.DropDownTreeHierarchyBindingDirective, selector: "[kendoDropDownTreeHierarchyBinding]", inputs: ["kendoDropDownTreeHierarchyBinding"] }, { kind: "directive", type: i3$2.DropDownTreesExpandDirective, selector: "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", inputs: ["isNodeExpanded"] }, { kind: "directive", type: i3$2.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: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn"], outputs: ["buttonClick"] }] }); }
|
|
2065
2068
|
}
|
|
2066
2069
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeComponent, decorators: [{
|
|
2067
2070
|
type: Component,
|
|
@@ -2230,7 +2233,7 @@ class ClipboardComponent {
|
|
|
2230
2233
|
this.tooltipText = this.preCopyText;
|
|
2231
2234
|
}
|
|
2232
2235
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2233
|
-
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: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon"], outputs: ["buttonClick"] }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }] }); }
|
|
2236
|
+
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: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn"], outputs: ["buttonClick"] }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }] }); }
|
|
2234
2237
|
}
|
|
2235
2238
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ClipboardComponent, decorators: [{
|
|
2236
2239
|
type: Component,
|
|
@@ -4063,7 +4066,7 @@ class ConfirmationDialogComponent {
|
|
|
4063
4066
|
}
|
|
4064
4067
|
}
|
|
4065
4068
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4066
|
-
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: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon"], outputs: ["buttonClick"] }, { kind: "component", type: DialogComponent, selector: "lib-dialog", inputs: ["width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight", "opened"] }, { kind: "component", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: ["title", "titleFont", "hideCloseIcon"], outputs: ["closeDialog"] }, { kind: "component", type: DialogActionsComponent, selector: "lib-dialog-actions", inputs: ["buttonLayout"] }] }); }
|
|
4069
|
+
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: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton", "projectedIcon", "formatFn"], outputs: ["buttonClick"] }, { kind: "component", type: DialogComponent, selector: "lib-dialog", inputs: ["width", "height", "minWidth", "maxWidth", "minHeight", "maxHeight", "opened"] }, { kind: "component", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: ["title", "titleFont", "hideCloseIcon"], outputs: ["closeDialog"] }, { kind: "component", type: DialogActionsComponent, selector: "lib-dialog-actions", inputs: ["buttonLayout"] }] }); }
|
|
4067
4070
|
}
|
|
4068
4071
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
|
|
4069
4072
|
type: Component,
|