@progress-chef/platform-shared-components 0.0.42 → 0.0.44
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/avatar/avatar.component.mjs +3 -3
- package/esm2022/lib/atoms/breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2022/lib/atoms/button/button.component.mjs +4 -4
- package/esm2022/lib/atoms/button-group/button-group.component.mjs +3 -3
- package/esm2022/lib/atoms/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/lib/atoms/drag-and-drop/drag-and-drop.component.mjs +13 -26
- package/esm2022/lib/atoms/dropdown/dropdown.component.mjs +2 -2
- package/esm2022/lib/atoms/dropdowntree/dropdowntree.component.mjs +3 -3
- package/esm2022/lib/atoms/expansion-panel/expansion-panel.component.mjs +3 -3
- package/esm2022/lib/atoms/label/label.component.mjs +2 -2
- package/esm2022/lib/atoms/multi-select-dropdown/multi-select-dropdown.component.mjs +2 -2
- package/esm2022/lib/atoms/radio-button/radio-button.component.mjs +2 -2
- package/esm2022/lib/atoms/slider/slider.component.mjs +3 -3
- package/esm2022/lib/atoms/text-area/text-area.component.mjs +30 -8
- package/esm2022/lib/atoms/text-area/text-area.module.mjs +6 -6
- package/esm2022/lib/atoms/timescheduler/timescheduler.component.mjs +2 -2
- package/esm2022/lib/atoms/typography/TypographyType.mjs +1 -1
- package/esm2022/lib/atoms/typography/typography.component.mjs +40 -20
- package/esm2022/lib/molecules/card/card-header/card-header.component.mjs +3 -3
- package/esm2022/lib/molecules/card/card.component.mjs +2 -2
- package/esm2022/lib/molecules/dialog/confirmation-dialog/confirmation-dialog.component.mjs +68 -0
- package/esm2022/lib/molecules/dialog/dialog-titlebar/dialog-titlebar.component.mjs +2 -2
- package/esm2022/lib/molecules/dialog/dialog.module.mjs +14 -7
- package/esm2022/lib/molecules/grid/grid-form/grid-form.component.mjs +3 -3
- package/esm2022/lib/molecules/grid/grid.component.mjs +3 -3
- package/esm2022/lib/molecules/grid-pagination/grid-pagination.component.mjs +3 -3
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/progress-chef-platform-shared-components.mjs +189 -94
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/atoms/drag-and-drop/drag-and-drop.component.d.ts +3 -3
- package/lib/atoms/text-area/text-area.component.d.ts +11 -3
- package/lib/atoms/text-area/text-area.module.d.ts +1 -1
- package/lib/atoms/typography/TypographyType.d.ts +1 -1
- package/lib/molecules/dialog/confirmation-dialog/confirmation-dialog.component.d.ts +19 -0
- package/lib/molecules/dialog/dialog.module.d.ts +7 -5
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -232,28 +232,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
232
232
|
}] });
|
|
233
233
|
|
|
234
234
|
const Typography = {
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
235
|
+
// h1 styles
|
|
236
|
+
H1_MULISH_36_BOLD: 'h1-mulish-36-bold',
|
|
237
|
+
H1_MULISH_36_REGULAR: 'h1-mulish-36-regular',
|
|
238
|
+
H1_MULISH_36_LIGHT: 'h1-mulish-36-light',
|
|
239
|
+
// h2 styles
|
|
240
|
+
H2_MULISH_24_BOLD: 'h2-mulish-24-bold',
|
|
241
|
+
H2_MULISH_24_REGULAR: 'h2-mulish-24-regular',
|
|
242
|
+
H2_MULISH_24_LIGHT: 'h2-mulish-24-light',
|
|
243
|
+
// h3 styles
|
|
244
|
+
H3_MULISH_18_BOLD: 'h3-mulish-18-bold',
|
|
245
|
+
H3_MULISH_18_REGULAR: 'h3-mulish-18-regular',
|
|
246
|
+
H3_MULISH_18_LIGHT: 'h3-mulish-18-light',
|
|
247
|
+
// h4, h5 and h6 styles
|
|
248
|
+
H4_MULISH_14_BOLD: 'h4-mulish-14-bold',
|
|
249
|
+
H5_MULISH_14_REGULAR: 'h5-mulish-14-regular',
|
|
250
|
+
H6_MULISH_14_LIGHT: 'h6-mulish-14-light',
|
|
251
|
+
// p 16px styles
|
|
252
|
+
P_MULISH_16_BOLD: 'p-mulish-16-bold',
|
|
253
|
+
P_MULISH_16_REGULAR: 'p-mulish-16-regular',
|
|
254
|
+
P_MULISH_16_REGULAR_ITALIC: 'p-mulish-16-regular-italic',
|
|
255
|
+
P_MULISH_16_LIGHT: 'p-mulish-16-light',
|
|
256
|
+
P_MULISH_16_LIGHT_ITALIC: 'p-mulish-16-light-italic',
|
|
257
|
+
// p 14px styles
|
|
258
|
+
P_MULISH_14_BOLD: 'p-mulish-14-bold',
|
|
259
|
+
P_MULISH_14_REGULAR: 'p-mulish-14-regular',
|
|
260
|
+
P_MULISH_14_REGULAR_ITALIC: 'p-mulish-14-regular-italic',
|
|
261
|
+
P_MULISH_14_LIGHT: 'p-mulish-14-light',
|
|
262
|
+
P_MULISH_14_LIGHT_ITALIC: 'p-mulish-14-light-italic',
|
|
263
|
+
// small 12px styles
|
|
264
|
+
SMALL_MULISH_12_BOLD: 'small-mulish-12-bold',
|
|
265
|
+
SMALL_MULISH_12_REGULAR: 'small-mulish-12-regular',
|
|
266
|
+
SMALL_MULISH_12_REGULAR_ITALIC: 'small-mulish-12-regular-italic',
|
|
267
|
+
SMALL_MULISH_12_LIGHT: 'small-mulish-12-light',
|
|
268
|
+
SMALL_MULISH_12_LIGHT_ITALIC: 'small-mulish-12-light-italic',
|
|
269
|
+
// Custom
|
|
270
|
+
BASE_TEXT_MULISH: 'base-text-mulish'
|
|
251
271
|
};
|
|
252
272
|
class TypographyComponent {
|
|
253
273
|
constructor(themesService, cdRef) {
|
|
254
274
|
this.themesService = themesService;
|
|
255
275
|
this.cdRef = cdRef;
|
|
256
|
-
this.type = '
|
|
276
|
+
this.type = 'P_MULISH_14_REGULAR';
|
|
257
277
|
this.defaultText = "";
|
|
258
278
|
this.isLabel = false;
|
|
259
279
|
this.hiddenLabel = "";
|
|
@@ -286,11 +306,11 @@ class TypographyComponent {
|
|
|
286
306
|
this.showDefaultText = !this.isLabel && (!childrenCount || childrenCount == 0);
|
|
287
307
|
}
|
|
288
308
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
289
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TypographyComponent, selector: "lib-typography", inputs: { type: "type", defaultText: "defaultText", isLabel: "isLabel", hiddenLabel: "hiddenLabel" }, viewQueries: [{ propertyName: "child", first: true, predicate: ["ref"], descendants: true }, { propertyName: "labelChild", first: true, predicate: ["ref_label"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".
|
|
309
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TypographyComponent, selector: "lib-typography", inputs: { type: "type", defaultText: "defaultText", isLabel: "isLabel", hiddenLabel: "hiddenLabel" }, viewQueries: [{ propertyName: "child", first: true, predicate: ["ref"], descendants: true }, { propertyName: "labelChild", first: true, predicate: ["ref_label"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".h1-mulish-36-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h2-mulish-24-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h3-mulish-18-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h4-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h5-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h6-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.p-mulish-16-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.small-mulish-12-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.base-text-mulish{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0px;text-align:left}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
290
310
|
}
|
|
291
311
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, decorators: [{
|
|
292
312
|
type: Component,
|
|
293
|
-
args: [{ selector: 'lib-typography', template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".
|
|
313
|
+
args: [{ selector: 'lib-typography', template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">\n {{defaultText}}\n <ng-container *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".h1-mulish-36-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h1-mulish-36-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:36px;line-height:54px;letter-spacing:.8px}.h2-mulish-24-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h2-mulish-24-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:24px;line-height:36px;letter-spacing:.8px}.h3-mulish-18-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h3-mulish-18-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:18px;line-height:27px;letter-spacing:.8px}.h4-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h5-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.h6-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}.p-mulish-16-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-16-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:16px;line-height:24px;letter-spacing:.2px}.p-mulish-14-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}.p-mulish-14-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:14px;line-height:21px;letter-spacing:.2px}.small-mulish-12-bold{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-regular-italic{font-family:Mulish,sans-serif;font-weight:400;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light{font-family:Mulish,sans-serif;font-weight:300;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}.small-mulish-12-light-italic{font-family:Mulish,sans-serif;font-weight:300;font-style:italic;font-size:12px;line-height:18px;letter-spacing:.2px}.base-text-mulish{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:0px;text-align:left}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"] }]
|
|
294
314
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
|
|
295
315
|
type: Input
|
|
296
316
|
}], defaultText: [{
|
|
@@ -361,11 +381,11 @@ class AvatarComponent {
|
|
|
361
381
|
this.letters = letters;
|
|
362
382
|
}
|
|
363
383
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
364
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AvatarComponent, selector: "lib-avatar", inputs: { showInitials: "showInitials", imageURL: "imageURL", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", name: "name" }, ngImport: i0, template: "<div class=\"avatar\">\n <kendo-avatar\n *ngIf=\"!showInitials && imageURL\"\n [imageSrc]=\"imageURL\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n ></kendo-avatar>\n <kendo-avatar\n *ngIf=\"showInitials && imageURL\"\n [imageSrc]=\"imageURL\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n ></kendo-avatar>\n <kendo-avatar\n *ngIf=\"showInitials && !imageURL\"\n [initials]=\"letters\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n >\n <lib-typography [defaultText]=\"letters\" type=\"
|
|
384
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AvatarComponent, selector: "lib-avatar", inputs: { showInitials: "showInitials", imageURL: "imageURL", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", name: "name" }, ngImport: i0, template: "<div class=\"avatar\">\n <kendo-avatar\n *ngIf=\"!showInitials && imageURL\"\n [imageSrc]=\"imageURL\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n ></kendo-avatar>\n <kendo-avatar\n *ngIf=\"showInitials && imageURL\"\n [imageSrc]=\"imageURL\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n ></kendo-avatar>\n <kendo-avatar\n *ngIf=\"showInitials && !imageURL\"\n [initials]=\"letters\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n >\n <lib-typography [defaultText]=\"letters\" type=\"P_MULISH_14_REGULAR\">\n </lib-typography>\n </kendo-avatar>\n <kendo-avatar\n *ngIf=\"!imageURL && !showInitials\"\n [svgIcon]=\"userSvg\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n ></kendo-avatar>\n</div>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.AvatarComponent, selector: "kendo-avatar", inputs: ["shape", "size", "rounded", "themeColor", "fillMode", "fill", "border", "iconClass", "width", "height", "cssStyle", "initials", "icon", "imageSrc", "svgIcon"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
365
385
|
}
|
|
366
386
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
367
387
|
type: Component,
|
|
368
|
-
args: [{ selector: 'lib-avatar', template: "<div class=\"avatar\">\n <kendo-avatar\n *ngIf=\"!showInitials && imageURL\"\n [imageSrc]=\"imageURL\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n ></kendo-avatar>\n <kendo-avatar\n *ngIf=\"showInitials && imageURL\"\n [imageSrc]=\"imageURL\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n ></kendo-avatar>\n <kendo-avatar\n *ngIf=\"showInitials && !imageURL\"\n [initials]=\"letters\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n >\n <lib-typography [defaultText]=\"letters\" type=\"
|
|
388
|
+
args: [{ selector: 'lib-avatar', template: "<div class=\"avatar\">\n <kendo-avatar\n *ngIf=\"!showInitials && imageURL\"\n [imageSrc]=\"imageURL\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n ></kendo-avatar>\n <kendo-avatar\n *ngIf=\"showInitials && imageURL\"\n [imageSrc]=\"imageURL\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n ></kendo-avatar>\n <kendo-avatar\n *ngIf=\"showInitials && !imageURL\"\n [initials]=\"letters\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n >\n <lib-typography [defaultText]=\"letters\" type=\"P_MULISH_14_REGULAR\">\n </lib-typography>\n </kendo-avatar>\n <kendo-avatar\n *ngIf=\"!imageURL && !showInitials\"\n [svgIcon]=\"userSvg\"\n [themeColor]=\"themeColor\"\n [rounded]=\"rounded\"\n [fillMode]=\"fillMode\"\n [size]=\"size\"\n ></kendo-avatar>\n</div>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
|
|
369
389
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { showInitials: [{
|
|
370
390
|
type: Input
|
|
371
391
|
}], imageURL: [{
|
|
@@ -439,11 +459,11 @@ class BreadcrumbComponent {
|
|
|
439
459
|
this.valueChange.emit(itemsToBeEmit);
|
|
440
460
|
}
|
|
441
461
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
442
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbComponent, selector: "lib-breadcrumb", inputs: { items: "items", backgroundColor: "backgroundColor" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"item\">\n <kendo-breadcrumb [ngStyle]=\"{'background-color': backgroundColor}\" [items]=\"items\"\n (itemClick)=\"onItemClick($event)\"></kendo-breadcrumb>\n</div>\n", styles: [".item .k-breadcrumb{font-family:
|
|
462
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbComponent, selector: "lib-breadcrumb", inputs: { items: "items", backgroundColor: "backgroundColor" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"item\">\n <kendo-breadcrumb [ngStyle]=\"{'background-color': backgroundColor}\" [items]=\"items\"\n (itemClick)=\"onItemClick($event)\"></kendo-breadcrumb>\n</div>\n", styles: [".item .k-breadcrumb{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}\n"], dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3$1.BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: ["items", "separatorIcon", "separatorSVGIcon", "collapseMode", "size"], outputs: ["itemClick"], exportAs: ["kendoBreadCrumb"] }] }); }
|
|
443
463
|
}
|
|
444
464
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
445
465
|
type: Component,
|
|
446
|
-
args: [{ selector: 'lib-breadcrumb', template: "<div class=\"item\">\n <kendo-breadcrumb [ngStyle]=\"{'background-color': backgroundColor}\" [items]=\"items\"\n (itemClick)=\"onItemClick($event)\"></kendo-breadcrumb>\n</div>\n", styles: [".item .k-breadcrumb{font-family:
|
|
466
|
+
args: [{ selector: 'lib-breadcrumb', template: "<div class=\"item\">\n <kendo-breadcrumb [ngStyle]=\"{'background-color': backgroundColor}\" [items]=\"items\"\n (itemClick)=\"onItemClick($event)\"></kendo-breadcrumb>\n</div>\n", styles: [".item .k-breadcrumb{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:12px;line-height:18px;letter-spacing:.2px}\n"] }]
|
|
447
467
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { items: [{
|
|
448
468
|
type: Input
|
|
449
469
|
}], backgroundColor: [{
|
|
@@ -526,7 +546,7 @@ class ButtonComponent {
|
|
|
526
546
|
this.disabled = false;
|
|
527
547
|
this.toggleable = false;
|
|
528
548
|
this.iconPosition = '';
|
|
529
|
-
this.fontType = '
|
|
549
|
+
this.fontType = 'P_MULISH_16_REGULAR';
|
|
530
550
|
this.width = '300';
|
|
531
551
|
this.buttonClick = new EventEmitter();
|
|
532
552
|
this.iconButton = false;
|
|
@@ -545,11 +565,11 @@ class ButtonComponent {
|
|
|
545
565
|
}
|
|
546
566
|
}
|
|
547
567
|
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 }); }
|
|
548
|
-
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" }, 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=\"iconName.length > 0 && iconPosition === 'before'\" [name]=\"iconName\" class=\"btn-icon before\"></lib-icon>\n <lib-icon *ngIf=\"iconName.length > 0 && iconButton\" [name]=\"iconName\" class=\"btn-icon\"></lib-icon>\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\" class=\"text\">\n </lib-typography>\n <lib-icon *ngIf=\"iconName.length > 0 && iconPosition === 'after'\" [name]=\"iconName\" class=\"btn-icon after\"></lib-icon>\n</button>\n", styles: [".btn-icon{top:1px;position:relative}.before{padding-right:6px}.after{padding-left:6px}button:disabled{font-family:
|
|
568
|
+
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" }, 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=\"iconName.length > 0 && iconPosition === 'before'\" [name]=\"iconName\" class=\"btn-icon before\"></lib-icon>\n <lib-icon *ngIf=\"iconName.length > 0 && iconButton\" [name]=\"iconName\" class=\"btn-icon\"></lib-icon>\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\" class=\"text\">\n </lib-typography>\n <lib-icon *ngIf=\"iconName.length > 0 && iconPosition === 'after'\" [name]=\"iconName\" class=\"btn-icon after\"></lib-icon>\n</button>\n", styles: [".btn-icon{top:1px;position:relative}.before{padding-right:6px}.after{padding-left:6px}button:disabled{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.small-btn{padding:5px 13px}.medium-btn{padding:7px 13px}.large-btn{padding:9px 13px}.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", "fontSize", "type"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
549
569
|
}
|
|
550
570
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
551
571
|
type: Component,
|
|
552
|
-
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=\"iconName.length > 0 && iconPosition === 'before'\" [name]=\"iconName\" class=\"btn-icon before\"></lib-icon>\n <lib-icon *ngIf=\"iconName.length > 0 && iconButton\" [name]=\"iconName\" class=\"btn-icon\"></lib-icon>\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\" class=\"text\">\n </lib-typography>\n <lib-icon *ngIf=\"iconName.length > 0 && iconPosition === 'after'\" [name]=\"iconName\" class=\"btn-icon after\"></lib-icon>\n</button>\n", styles: [".btn-icon{top:1px;position:relative}.before{padding-right:6px}.after{padding-left:6px}button:disabled{font-family:
|
|
572
|
+
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=\"iconName.length > 0 && iconPosition === 'before'\" [name]=\"iconName\" class=\"btn-icon before\"></lib-icon>\n <lib-icon *ngIf=\"iconName.length > 0 && iconButton\" [name]=\"iconName\" class=\"btn-icon\"></lib-icon>\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\" class=\"text\">\n </lib-typography>\n <lib-icon *ngIf=\"iconName.length > 0 && iconPosition === 'after'\" [name]=\"iconName\" class=\"btn-icon after\"></lib-icon>\n</button>\n", styles: [".btn-icon{top:1px;position:relative}.before{padding-right:6px}.after{padding-left:6px}button:disabled{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}.small-btn{padding:5px 13px}.medium-btn{padding:7px 13px}.large-btn{padding:9px 13px}.text{bottom:.5px;position:relative}button{border-radius:4px}\n"] }]
|
|
553
573
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { size: [{
|
|
554
574
|
type: Input
|
|
555
575
|
}], rounded: [{
|
|
@@ -610,11 +630,11 @@ class ButtonGroupComponent {
|
|
|
610
630
|
this.buttonClick.emit(label);
|
|
611
631
|
}
|
|
612
632
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
613
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonGroupComponent, selector: "lib-button-group", inputs: { buttons: "buttons", selection: "selection", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", label: "label", disabled: "disabled", toggleable: "toggleable" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<kendo-buttongroup [selection]=\"selection\">\n <button *ngFor=\"let btn of buttons\"\n kendoButton\n [size]=\"size\"\n [fillMode]=\"fillMode\"\n [rounded]=\"rounded\"\n [themeColor]=\"themeColor\"\n [disabled]=\"disabled\"\n [toggleable]=\"toggleable\"\n (click)=\"onButtonClick(btn.label)\"\n [selected]=\"btn.selected\"\n >\n <lib-typography defaultText={{btn.label}} type=\"
|
|
633
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ButtonGroupComponent, selector: "lib-button-group", inputs: { buttons: "buttons", selection: "selection", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", label: "label", disabled: "disabled", toggleable: "toggleable" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<kendo-buttongroup [selection]=\"selection\">\n <button *ngFor=\"let btn of buttons\"\n kendoButton\n [size]=\"size\"\n [fillMode]=\"fillMode\"\n [rounded]=\"rounded\"\n [themeColor]=\"themeColor\"\n [disabled]=\"disabled\"\n [toggleable]=\"toggleable\"\n (click)=\"onButtonClick(btn.label)\"\n [selected]=\"btn.selected\"\n >\n <lib-typography defaultText={{btn.label}} type=\"P_MULISH_16_REGULAR\"></lib-typography>\n <ng-content></ng-content>\n </button>\n</kendo-buttongroup>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$2.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { 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: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] }); }
|
|
614
634
|
}
|
|
615
635
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
616
636
|
type: Component,
|
|
617
|
-
args: [{ selector: 'lib-button-group', template: "<kendo-buttongroup [selection]=\"selection\">\n <button *ngFor=\"let btn of buttons\"\n kendoButton\n [size]=\"size\"\n [fillMode]=\"fillMode\"\n [rounded]=\"rounded\"\n [themeColor]=\"themeColor\"\n [disabled]=\"disabled\"\n [toggleable]=\"toggleable\"\n (click)=\"onButtonClick(btn.label)\"\n [selected]=\"btn.selected\"\n >\n <lib-typography defaultText={{btn.label}} type=\"
|
|
637
|
+
args: [{ selector: 'lib-button-group', template: "<kendo-buttongroup [selection]=\"selection\">\n <button *ngFor=\"let btn of buttons\"\n kendoButton\n [size]=\"size\"\n [fillMode]=\"fillMode\"\n [rounded]=\"rounded\"\n [themeColor]=\"themeColor\"\n [disabled]=\"disabled\"\n [toggleable]=\"toggleable\"\n (click)=\"onButtonClick(btn.label)\"\n [selected]=\"btn.selected\"\n >\n <lib-typography defaultText={{btn.label}} type=\"P_MULISH_16_REGULAR\"></lib-typography>\n <ng-content></ng-content>\n </button>\n</kendo-buttongroup>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
|
|
618
638
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { buttons: [{
|
|
619
639
|
type: Input
|
|
620
640
|
}], selection: [{
|
|
@@ -660,7 +680,7 @@ class CheckboxComponent {
|
|
|
660
680
|
this.rounded = 'none';
|
|
661
681
|
this.label = '';
|
|
662
682
|
this.labelPosition = 'before';
|
|
663
|
-
this.labelFont = '
|
|
683
|
+
this.labelFont = 'P_MULISH_16_REGULAR';
|
|
664
684
|
this.modelChange = new EventEmitter();
|
|
665
685
|
}
|
|
666
686
|
emitValueChange(ev) {
|
|
@@ -726,11 +746,11 @@ class ExpansionPanelComponent {
|
|
|
726
746
|
this.disabled = false;
|
|
727
747
|
}
|
|
728
748
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
729
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: { title: "title", subtitle: "subtitle", data: "data", expanded: "expanded", customHeader: "customHeader", disabled: "disabled" }, ngImport: i0, template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\">\n <ng-template kendoExpansionPanelTitleDirective>\n <div class=\"expansion-header-content\" *ngIf=\"!customHeader\">\n <lib-typography\n [defaultText]=\"title\"\n type=\"
|
|
749
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ExpansionPanelComponent, selector: "lib-expansion-panel", inputs: { title: "title", subtitle: "subtitle", data: "data", expanded: "expanded", customHeader: "customHeader", disabled: "disabled" }, ngImport: i0, template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\">\n <ng-template kendoExpansionPanelTitleDirective>\n <div class=\"expansion-header-content\" *ngIf=\"!customHeader\">\n <lib-typography\n [defaultText]=\"title\"\n type=\"H3_MULISH_18_REGULAR\">\n </lib-typography>\n <lib-typography\n [defaultText]=\"subtitle\"\n type=\"H5_MULISH_14_REGULAR\">\n </lib-typography>\n </div>\n <div class=\"expansion-header-content\" *ngIf=\"customHeader\">\n <ng-content select=\"header\"></ng-content>\n </div>\n </ng-template>\n <lib-container\n c_class=\"container\"\n padding=\"pd-small\"\n margin=\"mr-small\">\n <ng-content></ng-content>\n </lib-container>\n</kendo-expansionpanel>\n", styles: [".expansion-header-content{width:100%;display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.ExpansionPanelComponent, selector: "kendo-expansionpanel", inputs: ["title", "subtitle", "disabled", "expanded", "svgExpandIcon", "svgCollapseIcon", "expandIcon", "collapseIcon", "animation"], outputs: ["expandedChange", "action", "expand", "collapse"], exportAs: ["kendoExpansionPanel"] }, { kind: "directive", type: i2$1.ExpansionPanelTitleDirective, selector: "[kendoExpansionPanelTitleDirective]" }, { kind: "component", type: ContainerComponent, selector: "lib-container", inputs: ["c_class", "padding", "margin"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
730
750
|
}
|
|
731
751
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
732
752
|
type: Component,
|
|
733
|
-
args: [{ selector: 'lib-expansion-panel', template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\">\n <ng-template kendoExpansionPanelTitleDirective>\n <div class=\"expansion-header-content\" *ngIf=\"!customHeader\">\n <lib-typography\n [defaultText]=\"title\"\n type=\"
|
|
753
|
+
args: [{ selector: 'lib-expansion-panel', template: "<kendo-expansionpanel [expanded]=\"expanded\" [disabled]=\"disabled\">\n <ng-template kendoExpansionPanelTitleDirective>\n <div class=\"expansion-header-content\" *ngIf=\"!customHeader\">\n <lib-typography\n [defaultText]=\"title\"\n type=\"H3_MULISH_18_REGULAR\">\n </lib-typography>\n <lib-typography\n [defaultText]=\"subtitle\"\n type=\"H5_MULISH_14_REGULAR\">\n </lib-typography>\n </div>\n <div class=\"expansion-header-content\" *ngIf=\"customHeader\">\n <ng-content select=\"header\"></ng-content>\n </div>\n </ng-template>\n <lib-container\n c_class=\"container\"\n padding=\"pd-small\"\n margin=\"mr-small\">\n <ng-content></ng-content>\n </lib-container>\n</kendo-expansionpanel>\n", styles: [".expansion-header-content{width:100%;display:flex;justify-content:space-between}\n"] }]
|
|
734
754
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { title: [{
|
|
735
755
|
type: Input
|
|
736
756
|
}], subtitle: [{
|
|
@@ -851,7 +871,7 @@ class DropdownComponent {
|
|
|
851
871
|
this.valuePrimitive = false;
|
|
852
872
|
this.modelChange = new EventEmitter();
|
|
853
873
|
this.control = new FormControl();
|
|
854
|
-
this.fontType = '
|
|
874
|
+
this.fontType = 'P_MULISH_14_REGULAR';
|
|
855
875
|
this.focus = false;
|
|
856
876
|
this.loading = false;
|
|
857
877
|
this.loaderType = LoaderType.pulsing;
|
|
@@ -1003,7 +1023,7 @@ class LabelComponent {
|
|
|
1003
1023
|
this.themesService = themesService;
|
|
1004
1024
|
this.text = '';
|
|
1005
1025
|
this.hiddenLabel = '';
|
|
1006
|
-
this.labelFont = '
|
|
1026
|
+
this.labelFont = 'P_MULISH_14_REGULAR';
|
|
1007
1027
|
}
|
|
1008
1028
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LabelComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1009
1029
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LabelComponent, selector: "lib-label", inputs: { text: "text", hiddenLabel: "hiddenLabel", labelFont: "labelFont" }, ngImport: i0, template: "<lib-typography [isLabel]=\"true\" [hiddenLabel]=\"hiddenLabel\" [defaultText]=\"text\" [type]=\"labelFont\">\n <ng-content></ng-content>\n</lib-typography>\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"] }] }); }
|
|
@@ -1193,7 +1213,7 @@ class RadioButtonComponent {
|
|
|
1193
1213
|
this.control = new FormControl(null);
|
|
1194
1214
|
this.label = "";
|
|
1195
1215
|
this.labelPosition = "before";
|
|
1196
|
-
this.labelFont = '
|
|
1216
|
+
this.labelFont = 'P_MULISH_16_REGULAR';
|
|
1197
1217
|
this.id = "sampleId";
|
|
1198
1218
|
this.model = '';
|
|
1199
1219
|
this.modelChange = new EventEmitter();
|
|
@@ -1419,11 +1439,11 @@ class SliderComponent {
|
|
|
1419
1439
|
this.isSlideOpen = this.opened;
|
|
1420
1440
|
}
|
|
1421
1441
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1422
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SliderComponent, selector: "lib-slider", inputs: { opened: "opened", title: "title", frameNumber: "frameNumber", parentId: "parentId" }, outputs: { sliderClose: "sliderClose" }, host: { properties: { "class.show": "this.isSlideOpen" } }, ngImport: i0, template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"
|
|
1442
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SliderComponent, selector: "lib-slider", inputs: { opened: "opened", title: "title", frameNumber: "frameNumber", parentId: "parentId" }, outputs: { sliderClose: "sliderClose" }, host: { properties: { "class.show": "this.isSlideOpen" } }, ngImport: i0, template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"H3_MULISH_18_BOLD\">\n </lib-typography>\n </span>\n </div>\n <div>\n <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n ×\n </a>\n </div>\n </div>\n <div class=\"slider-body\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;margin-left:20px;font-size:18px;font-weight:600}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:15px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:24px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
1423
1443
|
}
|
|
1424
1444
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderComponent, decorators: [{
|
|
1425
1445
|
type: Component,
|
|
1426
|
-
args: [{ selector: 'lib-slider', template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"
|
|
1446
|
+
args: [{ selector: 'lib-slider', template: "<div class=\"slider-wrap\" [ngClass]=\"{ 'show' : opened }\">\n <div class=\"slider\" id=\"slider\">\n <div class=\"slider-header\">\n <div class=\"header-content\">\n <div *ngIf='frameNumber > 0' class=\"frame-number\">{{frameNumber}}\n </div>\n <span class=\"head-title\">\n <lib-typography *ngIf=\"title.length > 0\" [defaultText]=\"title\" type=\"H3_MULISH_18_BOLD\">\n </lib-typography>\n </span>\n </div>\n <div>\n <a href=\"javascript:void(0)\" class=\"closebtn\" (click)=\"closeSlider($event)\">\n ×\n </a>\n </div>\n </div>\n <div class=\"slider-body\">\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n<div *ngIf=\"opened\" class=\"overlay overlay-shown\"></div>\n", styles: [".slider-wrap{position:absolute;top:0;bottom:0;right:0;transform:translate(100%);transition:.3s ease-out;box-shadow:#959da533 6px 20px 14px 14px;width:100%}.slider{position:absolute;inset:0;background:#fff;overflow:auto}.slider-wrap .closebtn{font-size:22px;color:#000;z-index:99;text-decoration:none}.show{transform:translate(0)!important}.overlay{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:background-color,visibility}.overlay.overlay-shown{visibility:hidden;background-color:#0000004d}.overlay-shown{inset:0;position:absolute;display:block;z-index:3;visibility:hidden}.head-title{color:#000;margin-left:20px;font-size:18px;font-weight:600}.frame-number{border-radius:85%;width:24px;height:24px;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:2px;display:flex;font-size:18px;font-weight:600}.slider-header{border-bottom:.4px solid #bbbbbb;display:flex;padding:15px;justify-content:space-between;align-items:center;width:100%;position:sticky;top:0;z-index:10;background:#fff}.header-content{display:flex}.slider-body{margin:24px}\n"] }]
|
|
1427
1447
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { opened: [{
|
|
1428
1448
|
type: Input
|
|
1429
1449
|
}], title: [{
|
|
@@ -1462,7 +1482,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1462
1482
|
}]
|
|
1463
1483
|
}] });
|
|
1464
1484
|
|
|
1465
|
-
class
|
|
1485
|
+
class TextareaComponent {
|
|
1486
|
+
set focus(value) {
|
|
1487
|
+
this._focus = value;
|
|
1488
|
+
if (this._focus)
|
|
1489
|
+
this.textarea?.input?.nativeElement?.focus();
|
|
1490
|
+
}
|
|
1466
1491
|
constructor(themesService) {
|
|
1467
1492
|
this.themesService = themesService;
|
|
1468
1493
|
this.placeholder = 'Enter here';
|
|
@@ -1470,17 +1495,28 @@ class TextAreaComponent {
|
|
|
1470
1495
|
this.value = '';
|
|
1471
1496
|
this.control = new FormControl();
|
|
1472
1497
|
this.inputChange = new EventEmitter();
|
|
1498
|
+
this.emitOnBlur = new EventEmitter();
|
|
1499
|
+
this.emitOnFocus = new EventEmitter();
|
|
1473
1500
|
}
|
|
1474
1501
|
emitValueChange(ev) {
|
|
1475
1502
|
this.inputChange.emit(ev);
|
|
1476
1503
|
}
|
|
1477
|
-
|
|
1478
|
-
|
|
1504
|
+
onBlur() {
|
|
1505
|
+
this.emitOnBlur.emit();
|
|
1506
|
+
}
|
|
1507
|
+
onFocus() {
|
|
1508
|
+
this.emitOnFocus.emit();
|
|
1509
|
+
}
|
|
1510
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1511
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextareaComponent, selector: "lib-text-area", inputs: { placeholder: "placeholder", resizable: "resizable", rows: "rows", cols: "cols", width: "width", value: "value", control: "control", focus: "focus" }, outputs: { inputChange: "inputChange", emitOnBlur: "emitOnBlur", emitOnFocus: "emitOnFocus" }, viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true }], ngImport: i0, template: "<kendo-textarea\n #textarea\n [placeholder]=\"placeholder\"\n [resizable]=\"resizable\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [style.width.px]=\"width\"\n [(ngModel)]=\"value\"\n [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n>\n</kendo-textarea>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i3$2.TextAreaComponent, selector: "kendo-textarea", inputs: ["focusableId", "flow", "rows", "cols", "maxlength", "tabindex", "tabIndex", "resizable", "size", "rounded", "fillMode"], outputs: ["focus", "blur", "valueChange"], exportAs: ["kendoTextArea"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
1479
1512
|
}
|
|
1480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type:
|
|
1513
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextareaComponent, decorators: [{
|
|
1481
1514
|
type: Component,
|
|
1482
|
-
args: [{ selector: 'lib-text-area', template: "<kendo-textarea\n #textarea\n [placeholder]=\"placeholder\"\n [resizable]=\"resizable\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [style.width.px]=\"width\"\n [(ngModel)]=\"value\"\n [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\"\n>\n</kendo-textarea>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
|
|
1483
|
-
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: {
|
|
1515
|
+
args: [{ selector: 'lib-text-area', template: "<kendo-textarea\n #textarea\n [placeholder]=\"placeholder\"\n [resizable]=\"resizable\"\n [rows]=\"rows\"\n [cols]=\"cols\"\n [style.width.px]=\"width\"\n [(ngModel)]=\"value\"\n [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\"\n (blur)=\"onBlur()\"\n (focus)=\"onFocus()\"\n>\n</kendo-textarea>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
|
|
1516
|
+
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { textarea: [{
|
|
1517
|
+
type: ViewChild,
|
|
1518
|
+
args: ['textarea', { static: false }]
|
|
1519
|
+
}], placeholder: [{
|
|
1484
1520
|
type: Input
|
|
1485
1521
|
}], resizable: [{
|
|
1486
1522
|
type: Input
|
|
@@ -1494,15 +1530,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1494
1530
|
type: Input
|
|
1495
1531
|
}], control: [{
|
|
1496
1532
|
type: Input
|
|
1533
|
+
}], focus: [{
|
|
1534
|
+
type: Input
|
|
1497
1535
|
}], inputChange: [{
|
|
1498
1536
|
type: Output
|
|
1537
|
+
}], emitOnBlur: [{
|
|
1538
|
+
type: Output
|
|
1539
|
+
}], emitOnFocus: [{
|
|
1540
|
+
type: Output
|
|
1499
1541
|
}] } });
|
|
1500
1542
|
|
|
1501
1543
|
class TextAreaModule {
|
|
1502
1544
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1503
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, declarations: [
|
|
1545
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, declarations: [TextareaComponent], imports: [CommonModule,
|
|
1504
1546
|
InputsModule,
|
|
1505
|
-
ReactiveFormsModule], exports: [
|
|
1547
|
+
ReactiveFormsModule], exports: [TextareaComponent] }); }
|
|
1506
1548
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, imports: [CommonModule,
|
|
1507
1549
|
InputsModule,
|
|
1508
1550
|
ReactiveFormsModule] }); }
|
|
@@ -1510,13 +1552,13 @@ class TextAreaModule {
|
|
|
1510
1552
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaModule, decorators: [{
|
|
1511
1553
|
type: NgModule,
|
|
1512
1554
|
args: [{
|
|
1513
|
-
declarations: [
|
|
1555
|
+
declarations: [TextareaComponent],
|
|
1514
1556
|
imports: [
|
|
1515
1557
|
CommonModule,
|
|
1516
1558
|
InputsModule,
|
|
1517
1559
|
ReactiveFormsModule
|
|
1518
1560
|
],
|
|
1519
|
-
exports: [
|
|
1561
|
+
exports: [TextareaComponent],
|
|
1520
1562
|
}]
|
|
1521
1563
|
}] });
|
|
1522
1564
|
|
|
@@ -1656,11 +1698,11 @@ class TimeschedulerComponent {
|
|
|
1656
1698
|
this.modelChange.emit(ev);
|
|
1657
1699
|
}
|
|
1658
1700
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeschedulerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1659
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimeschedulerComponent, selector: "lib-timescheduler", inputs: { model: "model", size: "size", rounded: "rounded", fillMode: "fillMode", format: "format", isDisabled: "isDisabled", readonly: "readonly", placeholder: "placeholder", control: "control" }, outputs: { modelChange: "modelChange" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datetimepicker [format]=\"format\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [readonly]=\"readonly\"\n [value]=\"model\" (valueChange)=\"emitModelChange($event)\" [placeholder]=\"placeholder\" [formControl]=\"control\">\n</kendo-datetimepicker>\n", styles: [".k-input{font-family:
|
|
1701
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimeschedulerComponent, selector: "lib-timescheduler", inputs: { model: "model", size: "size", rounded: "rounded", fillMode: "fillMode", format: "format", isDisabled: "isDisabled", readonly: "readonly", placeholder: "placeholder", control: "control" }, outputs: { modelChange: "modelChange" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datetimepicker [format]=\"format\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [readonly]=\"readonly\"\n [value]=\"model\" (valueChange)=\"emitModelChange($event)\" [placeholder]=\"placeholder\" [formControl]=\"control\">\n</kendo-datetimepicker>\n", styles: [".k-input{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}\n"], dependencies: [{ kind: "component", type: i2$4.DateTimePickerComponent, selector: "kendo-datetimepicker", inputs: ["focusableId", "value", "format", "twoDigitYearMax", "tabindex", "disabledDates", "popupSettings", "title", "subtitle", "disabled", "readonly", "readOnlyInput", "cancelButton", "formatPlaceholder", "placeholder", "steps", "focusedDate", "calendarType", "animateCalendarNavigation", "weekNumber", "min", "max", "rangeValidation", "disabledDatesValidation", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "adaptiveMode", "defaultTab", "size", "rounded", "fillMode"], outputs: ["valueChange", "open", "close", "focus", "blur"], exportAs: ["kendo-datetimepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
1660
1702
|
}
|
|
1661
1703
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeschedulerComponent, decorators: [{
|
|
1662
1704
|
type: Component,
|
|
1663
|
-
args: [{ selector: 'lib-timescheduler', template: "<kendo-datetimepicker [format]=\"format\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [readonly]=\"readonly\"\n [value]=\"model\" (valueChange)=\"emitModelChange($event)\" [placeholder]=\"placeholder\" [formControl]=\"control\">\n</kendo-datetimepicker>\n", styles: [".k-input{font-family:
|
|
1705
|
+
args: [{ selector: 'lib-timescheduler', template: "<kendo-datetimepicker [format]=\"format\" [size]=\"size\" [rounded]=\"rounded\" [fillMode]=\"fillMode\" [readonly]=\"readonly\"\n [value]=\"model\" (valueChange)=\"emitModelChange($event)\" [placeholder]=\"placeholder\" [formControl]=\"control\">\n</kendo-datetimepicker>\n", styles: [".k-input{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}\n"] }]
|
|
1664
1706
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { model: [{
|
|
1665
1707
|
type: Input
|
|
1666
1708
|
}], modelChange: [{
|
|
@@ -1898,11 +1940,11 @@ class DropdowntreeComponent {
|
|
|
1898
1940
|
this.buttonClick.emit(e);
|
|
1899
1941
|
}
|
|
1900
1942
|
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 }); }
|
|
1901
|
-
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=\"
|
|
1943
|
+
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=\"P_MULISH_16_BOLD\"\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:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}::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$3.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$3.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: i3$3.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$3.DropDownTreeHierarchyBindingDirective, selector: "[kendoDropDownTreeHierarchyBinding]", inputs: ["kendoDropDownTreeHierarchyBinding"] }, { kind: "directive", type: i3$3.DropDownTreesExpandDirective, selector: "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", inputs: ["isNodeExpanded"] }, { kind: "directive", type: i3$3.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"], outputs: ["buttonClick"] }] }); }
|
|
1902
1944
|
}
|
|
1903
1945
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeComponent, decorators: [{
|
|
1904
1946
|
type: Component,
|
|
1905
|
-
args: [{ selector: 'lib-dropdowntree', 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=\"
|
|
1947
|
+
args: [{ selector: 'lib-dropdowntree', 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=\"P_MULISH_16_BOLD\"\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:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}::ng-deep li .k-treeview-item :hover{cursor:pointer}::ng-deep .footer-btn .k-button{height:34px;margin:6px}\n"] }]
|
|
1906
1948
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { childrenField: [{
|
|
1907
1949
|
type: Input
|
|
1908
1950
|
}], hasDefaultValue: [{
|
|
@@ -2174,7 +2216,7 @@ class MultiSelectDropdownComponent {
|
|
|
2174
2216
|
this.valuePrimitive = true;
|
|
2175
2217
|
this.modelChange = new EventEmitter();
|
|
2176
2218
|
this.control = new FormControl();
|
|
2177
|
-
this.fontType = '
|
|
2219
|
+
this.fontType = 'P_MULISH_14_REGULAR';
|
|
2178
2220
|
this.focus = false;
|
|
2179
2221
|
this.autoClose = false;
|
|
2180
2222
|
}
|
|
@@ -2693,7 +2735,6 @@ class DragAndDropComponent {
|
|
|
2693
2735
|
this.dragDropContainerIndexAttribute = 'data-kendo-listview-index';
|
|
2694
2736
|
this.dragDropItemIndexAttribute = 'data-kendo-listview-item-index';
|
|
2695
2737
|
this.dragHandleClassSelector = '.reorder-icon';
|
|
2696
|
-
this.listData = [];
|
|
2697
2738
|
this.emitListChangeEv = new EventEmitter();
|
|
2698
2739
|
this.dragData = ({ dragTarget }) => {
|
|
2699
2740
|
return {
|
|
@@ -2701,26 +2742,25 @@ class DragAndDropComponent {
|
|
|
2701
2742
|
fromIndex: +dragTarget.getAttribute(this.dragDropItemIndexAttribute),
|
|
2702
2743
|
};
|
|
2703
2744
|
};
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
|
|
2707
|
-
|
|
2745
|
+
}
|
|
2746
|
+
set listData(value) {
|
|
2747
|
+
this._listData = [...value];
|
|
2748
|
+
this.dragTargetContainer?.notify();
|
|
2749
|
+
this.dropTargetContainer?.notify();
|
|
2708
2750
|
}
|
|
2709
2751
|
ngAfterViewInit() {
|
|
2710
2752
|
this.dragTargetContainer.notify();
|
|
2711
2753
|
this.dropTargetContainer.notify();
|
|
2712
2754
|
}
|
|
2713
2755
|
onDrop(e) {
|
|
2714
|
-
const {
|
|
2715
|
-
let toElement;
|
|
2756
|
+
const { fromIndex } = e.dragData;
|
|
2716
2757
|
let destinationIndex = 0;
|
|
2717
2758
|
if (e.dragTarget instanceof HTMLDivElement && e.dropTarget instanceof HTMLDivElement) {
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
this.updateData(this.listData, fromIndex, destinationIndex, this.listData);
|
|
2759
|
+
destinationIndex = this.calculateDestinationIndex(e, fromIndex);
|
|
2760
|
+
this.updateData(this._listData, fromIndex, destinationIndex, this._listData);
|
|
2721
2761
|
}
|
|
2722
|
-
this.
|
|
2723
|
-
this.emitListChangeEv.emit(this.
|
|
2762
|
+
this._listData = [...this._listData];
|
|
2763
|
+
this.emitListChangeEv.emit(this._listData);
|
|
2724
2764
|
this.dragTargetContainer.notify();
|
|
2725
2765
|
this.dropTargetContainer.notify();
|
|
2726
2766
|
}
|
|
@@ -2733,24 +2773,13 @@ class DragAndDropComponent {
|
|
|
2733
2773
|
dataFromCollection = fromCollection;
|
|
2734
2774
|
dataFromCollection.splice(toIndex, 0, dataItem);
|
|
2735
2775
|
}
|
|
2736
|
-
calculateDestinationIndex(e,
|
|
2776
|
+
calculateDestinationIndex(e, fromIndex) {
|
|
2737
2777
|
let toIndex;
|
|
2738
2778
|
if (e.dragTarget instanceof HTMLDivElement && e.dropTarget instanceof HTMLDivElement) {
|
|
2739
2779
|
toIndex = +e.dropTarget.getAttribute(this.dragDropItemIndexAttribute);
|
|
2740
2780
|
}
|
|
2741
|
-
const isInLowerHalf = this.isDroppedInLowerHalf(e);
|
|
2742
|
-
if (fromElement !== toElement) {
|
|
2743
|
-
if (isInLowerHalf) {
|
|
2744
|
-
toIndex += 1;
|
|
2745
|
-
}
|
|
2746
|
-
}
|
|
2747
2781
|
else {
|
|
2748
|
-
|
|
2749
|
-
toIndex += 1;
|
|
2750
|
-
}
|
|
2751
|
-
else if (!isInLowerHalf && fromIndex < toIndex) {
|
|
2752
|
-
toIndex -= 1;
|
|
2753
|
-
}
|
|
2782
|
+
toIndex = fromIndex;
|
|
2754
2783
|
}
|
|
2755
2784
|
return toIndex;
|
|
2756
2785
|
}
|
|
@@ -3157,11 +3186,11 @@ class CardComponent {
|
|
|
3157
3186
|
this.orientation = 'vertical';
|
|
3158
3187
|
}
|
|
3159
3188
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3160
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, selector: "lib-card", inputs: { width: "width", orientation: "orientation" }, ngImport: i0, template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }] }); }
|
|
3189
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardComponent, selector: "lib-card", inputs: { width: "width", orientation: "orientation" }, ngImport: i0, template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius:1rem}\n"], dependencies: [{ kind: "component", type: i2$1.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }] }); }
|
|
3161
3190
|
}
|
|
3162
3191
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, decorators: [{
|
|
3163
3192
|
type: Component,
|
|
3164
|
-
args: [{ selector: 'lib-card', template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
|
|
3193
|
+
args: [{ selector: 'lib-card', template: "<kendo-card [width]=\"width\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n</kendo-card>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}kendo-card{border-radius:1rem}\n"] }]
|
|
3165
3194
|
}], propDecorators: { width: [{
|
|
3166
3195
|
type: Input
|
|
3167
3196
|
}], orientation: [{
|
|
@@ -3173,8 +3202,8 @@ class CardHeaderComponent {
|
|
|
3173
3202
|
this.title = "";
|
|
3174
3203
|
this.subtitle = "";
|
|
3175
3204
|
this.cardNumber = 0;
|
|
3176
|
-
this.titleFont = '
|
|
3177
|
-
this.subtitleFont = '
|
|
3205
|
+
this.titleFont = 'H2_MULISH_24_BOLD';
|
|
3206
|
+
this.subtitleFont = 'H5_MULISH_14_REGULAR';
|
|
3178
3207
|
}
|
|
3179
3208
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3180
3209
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardHeaderComponent, selector: "lib-card-header", inputs: { title: "title", subtitle: "subtitle", cardNumber: "cardNumber", titleFont: "titleFont", subtitleFont: "subtitleFont" }, ngImport: i0, template: "<kendo-card-header class=\"k-hstack\">\n <div *ngIf='cardNumber > 0' class=\"card-number\">{{cardNumber}}</div>\n <div class=\"card-title\">\n <lib-typography *ngIf=\"title.length > 0\" [type]=\"titleFont\" [defaultText]=\"title\" kendoCardTitle></lib-typography>\n <lib-typography *ngIf=\"subtitle.length > 0\" [type]=\"subtitleFont\" [defaultText]=\"subtitle\" kendoCardSubtitle></lib-typography>\n </div>\n <ng-content></ng-content>\n</kendo-card-header>\n", styles: [".card-title{display:flex;flex-direction:column}.k-card-header{align-items:center}.card-number{border-radius:85%;width:1.5rem;height:1.5rem;background:#000;color:#fff;text-align:center;justify-content:center;align-items:center;margin-top:.125rem;display:flex;font-size:1.125rem;font-weight:600;margin-right:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.CardHeaderComponent, selector: "kendo-card-header" }, { kind: "directive", type: i2$1.CardTitleDirective, selector: "[kendoCardTitle]" }, { kind: "directive", type: i2$1.CardSubtitleDirective, selector: "[kendoCardSubtitle]" }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
@@ -3314,7 +3343,7 @@ class DialogTitlebarComponent {
|
|
|
3314
3343
|
constructor(dialogComponent) {
|
|
3315
3344
|
this.dialogComponent = dialogComponent;
|
|
3316
3345
|
this.title = '';
|
|
3317
|
-
this.titleFont = '
|
|
3346
|
+
this.titleFont = 'P_MULISH_14_REGULAR';
|
|
3318
3347
|
this.closeDialog = new EventEmitter();
|
|
3319
3348
|
this.hideCloseIcon = false;
|
|
3320
3349
|
}
|
|
@@ -3358,18 +3387,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3358
3387
|
type: Input
|
|
3359
3388
|
}] } });
|
|
3360
3389
|
|
|
3390
|
+
class ConfirmationDialogComponent {
|
|
3391
|
+
constructor() {
|
|
3392
|
+
this.confirmationDialogCloseEvent = new EventEmitter();
|
|
3393
|
+
this.popupEvent = new EventEmitter();
|
|
3394
|
+
this.title = '';
|
|
3395
|
+
this.btnText = '';
|
|
3396
|
+
this.type = '';
|
|
3397
|
+
this.dialogInfoText = '';
|
|
3398
|
+
this.dialogConfirmationText = '';
|
|
3399
|
+
this.fillMode = 'solid';
|
|
3400
|
+
this.themeColor = 'base';
|
|
3401
|
+
this.primaryButtonLabel = '';
|
|
3402
|
+
}
|
|
3403
|
+
dialogClose() {
|
|
3404
|
+
this.confirmationDialogCloseEvent.emit();
|
|
3405
|
+
}
|
|
3406
|
+
eventClicked() {
|
|
3407
|
+
this.popupEvent.emit();
|
|
3408
|
+
}
|
|
3409
|
+
ngOnChanges(changes) {
|
|
3410
|
+
if (changes['type']?.currentValue === 'enable') {
|
|
3411
|
+
this.themeColor = 'primary';
|
|
3412
|
+
this.fillMode = 'solid';
|
|
3413
|
+
}
|
|
3414
|
+
else if (changes['type']?.currentValue === 'update') {
|
|
3415
|
+
this.themeColor = 'secondary';
|
|
3416
|
+
this.fillMode = 'solid';
|
|
3417
|
+
}
|
|
3418
|
+
else {
|
|
3419
|
+
this.themeColor = 'error';
|
|
3420
|
+
this.fillMode = 'outline';
|
|
3421
|
+
}
|
|
3422
|
+
}
|
|
3423
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3424
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ConfirmationDialogComponent, selector: "lib-confirmation-dialog", inputs: { title: "title", btnText: "btnText", type: "type", dialogInfoText: "dialogInfoText", dialogConfirmationText: "dialogConfirmationText", fillMode: "fillMode", themeColor: "themeColor", primaryButtonLabel: "primaryButtonLabel" }, 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=\"H3_MULISH_18_BOLD\"\n [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n <div class=\"confirmation-popup-text\">\n <lib-typography type=\"P_MULISH_16_REGULAR\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n <lib-typography type=\"P_MULISH_16_REGULAR\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n </div>\n <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n <lib-button label=\"Cancel\" fillMode=\"outline\" themeColor=\"primary\" (click)=\"dialogClose()\" width=\"144px\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (click)=\"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"], 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"] }] }); }
|
|
3425
|
+
}
|
|
3426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
|
|
3427
|
+
type: Component,
|
|
3428
|
+
args: [{ selector: 'lib-confirmation-dialog', template: "<lib-dialog width=\"489px\" class=\"confirmation-dialog\">\n <lib-dialog-titlebar class=\"confirmation-title\" [title]=\"title\" titleFont=\"H3_MULISH_18_BOLD\"\n [hideCloseIcon]=\"true\"></lib-dialog-titlebar>\n <div class=\"confirmation-popup-text\">\n <lib-typography type=\"P_MULISH_16_REGULAR\" [defaultText]=\"dialogInfoText\"></lib-typography><br>\n <lib-typography type=\"P_MULISH_16_REGULAR\" [defaultText]=\"dialogConfirmationText\"></lib-typography>\n </div>\n <lib-dialog-actions buttonLayout=\"end\" class=\"action-button\">\n <lib-button label=\"Cancel\" fillMode=\"outline\" themeColor=\"primary\" (click)=\"dialogClose()\" width=\"144px\"></lib-button>\n <lib-button [label]=\"btnText\" [themeColor]=\"themeColor\" (click)=\"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"] }]
|
|
3429
|
+
}], propDecorators: { confirmationDialogCloseEvent: [{
|
|
3430
|
+
type: Output
|
|
3431
|
+
}], popupEvent: [{
|
|
3432
|
+
type: Output
|
|
3433
|
+
}], title: [{
|
|
3434
|
+
type: Input
|
|
3435
|
+
}], btnText: [{
|
|
3436
|
+
type: Input
|
|
3437
|
+
}], type: [{
|
|
3438
|
+
type: Input
|
|
3439
|
+
}], dialogInfoText: [{
|
|
3440
|
+
type: Input
|
|
3441
|
+
}], dialogConfirmationText: [{
|
|
3442
|
+
type: Input
|
|
3443
|
+
}], fillMode: [{
|
|
3444
|
+
type: Input
|
|
3445
|
+
}], themeColor: [{
|
|
3446
|
+
type: Input
|
|
3447
|
+
}], primaryButtonLabel: [{
|
|
3448
|
+
type: Input
|
|
3449
|
+
}] } });
|
|
3450
|
+
|
|
3361
3451
|
class DialogModule {
|
|
3362
3452
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3363
3453
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, declarations: [DialogComponent,
|
|
3364
3454
|
DialogTitlebarComponent,
|
|
3365
|
-
DialogActionsComponent
|
|
3455
|
+
DialogActionsComponent,
|
|
3456
|
+
ConfirmationDialogComponent], imports: [CommonModule,
|
|
3366
3457
|
DialogsModule,
|
|
3367
3458
|
ButtonsModule,
|
|
3368
|
-
TypographyModule
|
|
3459
|
+
TypographyModule,
|
|
3460
|
+
ButtonModule], exports: [DialogComponent, DialogTitlebarComponent, DialogActionsComponent, ConfirmationDialogComponent] }); }
|
|
3369
3461
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, imports: [CommonModule,
|
|
3370
3462
|
DialogsModule,
|
|
3371
3463
|
ButtonsModule,
|
|
3372
|
-
TypographyModule
|
|
3464
|
+
TypographyModule,
|
|
3465
|
+
ButtonModule] }); }
|
|
3373
3466
|
}
|
|
3374
3467
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, decorators: [{
|
|
3375
3468
|
type: NgModule,
|
|
@@ -3377,15 +3470,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3377
3470
|
declarations: [
|
|
3378
3471
|
DialogComponent,
|
|
3379
3472
|
DialogTitlebarComponent,
|
|
3380
|
-
DialogActionsComponent
|
|
3473
|
+
DialogActionsComponent,
|
|
3474
|
+
ConfirmationDialogComponent
|
|
3381
3475
|
],
|
|
3382
3476
|
imports: [
|
|
3383
3477
|
CommonModule,
|
|
3384
3478
|
DialogsModule,
|
|
3385
3479
|
ButtonsModule,
|
|
3386
|
-
TypographyModule
|
|
3480
|
+
TypographyModule,
|
|
3481
|
+
ButtonModule
|
|
3387
3482
|
],
|
|
3388
|
-
exports: [DialogComponent, DialogTitlebarComponent, DialogActionsComponent],
|
|
3483
|
+
exports: [DialogComponent, DialogTitlebarComponent, DialogActionsComponent, ConfirmationDialogComponent],
|
|
3389
3484
|
}]
|
|
3390
3485
|
}] });
|
|
3391
3486
|
|
|
@@ -3731,11 +3826,11 @@ class LibGridComponent {
|
|
|
3731
3826
|
this.deletedRowData.emit(rowDetails);
|
|
3732
3827
|
}
|
|
3733
3828
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LibGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3734
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LibGridComponent, selector: "lib-grid", inputs: { gridData: "gridData", columnData: "columnData", pageSize: "pageSize", pageable: "pageable", sortable: "sortable", groupable: "groupable", reorderable: "reorderable", resizable: "resizable", checkBoxWidth: "checkBoxWidth", checkBoxColumnResizable: "checkBoxColumnResizable", checkBoxColumnMenu: "checkBoxColumnMenu", checkBoxColumnShowSelectedAll: "checkBoxColumnShowSelectedAll", checkBoxRequired: "checkBoxRequired", columnMenu: "columnMenu", mode: "mode", checkboxOnly: "checkboxOnly", dragColumns: "dragColumns", navigable: "navigable", height: "height", gridRowSelectByValue: "gridRowSelectByValue", noRecordsContent: "noRecordsContent", showToolbar: "showToolbar", kebabList: "kebabList", showKebab: "showKebab", icon: "icon", kebabColumnWidth: "kebabColumnWidth", preSelected: "preSelected", ignoreColumnCellClick: "ignoreColumnCellClick", allowColumnClick: "allowColumnClick", expandRowIndex: "expandRowIndex", customExpandRowColumn: "customExpandRowColumn", deleteColumnWidth: "deleteColumnWidth", expandRowColumnWidth: "expandRowColumnWidth", expandRows: "expandRows", showDeleteColumn: "showDeleteColumn" }, outputs: { selectedRowData: "selectedRowData", rowDetails: "rowDetails", kebabItemClick: "kebabItemClick", rowDataOfClickedCell: "rowDataOfClickedCell", deletedRowData: "deletedRowData" }, queries: [{ propertyName: "templateRef", first: true, predicate: ["multiColumnData"], descendants: true }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true }, { propertyName: "impactColumn", first: true, predicate: ["impactColumn"], descendants: true }], viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-grid [kendoGridBinding]=\"gridData\" [pageSize]=\"pageSize\" [selectable]=\"selectableSettings\" [pageable]=\"pageable\"\n [sortable]=\"sortable\" [groupable]=\"groupable\" [reorderable]=\"reorderable\" [resizable]=\"resizable\"\n [columnMenu]=\"columnMenu\" [navigable]=\"navigable\" [height]=\"height\" (change)=\"setSelectableSettings()\"\n (selectionChange)=\"onSelectionChange($event)\" [kendoGridSelectBy]=\"gridRowSelectByValue\"\n (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"preSelected\" (cellClick)=\"cellClickHandler($event)\">\n\n <ng-template *ngIf=\"showToolbar\" kendoGridToolbarTemplate>\n <ng-content></ng-content>\n </ng-template>\n\n <ng-template *ngIf=\"this.gridData.length === 0\" kendoGridNoRecordsTemplate>\n <lib-typography [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n </ng-template>\n\n <ng-container *ngIf=\"gridData.length > 0\">\n <kendo-grid-checkbox-column *ngIf=\"checkBoxRequired === true\" [width]=\"checkBoxWidth\"\n [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\"\n [showSelectAll]=\"checkBoxColumnShowSelectedAll\" class=\"checkbox-column\">\n </kendo-grid-checkbox-column>\n\n <kendo-grid-column *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\"\n [width]=\"item.columnWidth\" class=\"grid-column\">\n <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n <kendo-button [svgIcon]=\"deleteIcon\" title=\"delete\" fillMode=\"clear\" (click)=\"onDelete(dataItem)\"\n class=\"trash-icon\"></kendo-button>\n <div class=\"tooltip-content\">\n <p>Remove</p>\n </div>\n </lib-tooltip>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <kendo-dropdownbutton [svgIcon]=\"icon\" fillMode=\"clear\" [data]=\"kebabList\" class=\"kebab\"\n (itemClick)=\"onKebabClick($event, dataItem)\"\n [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\"></kendo-dropdownbutton>\n </ng-template>\n </kendo-grid-column>\n </ng-container>\n\n <ng-template kendoGridDetailTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n\n <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\" (click)=\"expandRow(rowIndex)\"\n fillMode=\"flat\" class=\"arrow-btn\">\n </kendo-button>\n <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\" (click)=\"collapseRow(rowIndex)\"\n fillMode=\"flat\" class=\"arrow-btn\">\n </kendo-button>\n </ng-template>\n </kendo-grid-column>\n\n</kendo-grid>\n", styles: ["::ng-deep .k-menu-group .k-item.k-focus>.k-link{box-shadow:none}::ng-deep .k-grid tr{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .k-grid tr:hover{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .k-grid-norecords{text-align:left;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep .k-column-title{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}::ng-deep .k-grid .k-hierarchy-cell{width:0;display:none}::ng-deep .k-grid th.k-header{border-width:0}::ng-deep .kebab-column,::ng-deep .delete-column,::ng-deep .grid-column,::ng-deep .checkbox-column{border-left:hidden!important}::ng-deep .checkbox-column{padding:.75rem 0rem .5rem 1rem!important}::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{padding:16px 8px 8px 16px}::ng-deep .k-grid th.k-header input.k-checkbox{margin-left:.5rem}::ng-deep .arrow-btn{padding:.5rem!important}::ng-deep .trash-icon path{color:#dc267f!important}::ng-deep kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .delete-column{padding:8px 0}::ng-deep .k-grid-header{border-bottom-width:0px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: i2$2.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: i5.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i5.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "directive", type: i5.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"] }, { kind: "directive", type: i5.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i5.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "component", type: i5.CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll"] }, { kind: "directive", type: i5.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
3829
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LibGridComponent, selector: "lib-grid", inputs: { gridData: "gridData", columnData: "columnData", pageSize: "pageSize", pageable: "pageable", sortable: "sortable", groupable: "groupable", reorderable: "reorderable", resizable: "resizable", checkBoxWidth: "checkBoxWidth", checkBoxColumnResizable: "checkBoxColumnResizable", checkBoxColumnMenu: "checkBoxColumnMenu", checkBoxColumnShowSelectedAll: "checkBoxColumnShowSelectedAll", checkBoxRequired: "checkBoxRequired", columnMenu: "columnMenu", mode: "mode", checkboxOnly: "checkboxOnly", dragColumns: "dragColumns", navigable: "navigable", height: "height", gridRowSelectByValue: "gridRowSelectByValue", noRecordsContent: "noRecordsContent", showToolbar: "showToolbar", kebabList: "kebabList", showKebab: "showKebab", icon: "icon", kebabColumnWidth: "kebabColumnWidth", preSelected: "preSelected", ignoreColumnCellClick: "ignoreColumnCellClick", allowColumnClick: "allowColumnClick", expandRowIndex: "expandRowIndex", customExpandRowColumn: "customExpandRowColumn", deleteColumnWidth: "deleteColumnWidth", expandRowColumnWidth: "expandRowColumnWidth", expandRows: "expandRows", showDeleteColumn: "showDeleteColumn" }, outputs: { selectedRowData: "selectedRowData", rowDetails: "rowDetails", kebabItemClick: "kebabItemClick", rowDataOfClickedCell: "rowDataOfClickedCell", deletedRowData: "deletedRowData" }, queries: [{ propertyName: "templateRef", first: true, predicate: ["multiColumnData"], descendants: true }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true }, { propertyName: "impactColumn", first: true, predicate: ["impactColumn"], descendants: true }], viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-grid [kendoGridBinding]=\"gridData\" [pageSize]=\"pageSize\" [selectable]=\"selectableSettings\" [pageable]=\"pageable\"\n [sortable]=\"sortable\" [groupable]=\"groupable\" [reorderable]=\"reorderable\" [resizable]=\"resizable\"\n [columnMenu]=\"columnMenu\" [navigable]=\"navigable\" [height]=\"height\" (change)=\"setSelectableSettings()\"\n (selectionChange)=\"onSelectionChange($event)\" [kendoGridSelectBy]=\"gridRowSelectByValue\"\n (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"preSelected\" (cellClick)=\"cellClickHandler($event)\">\n\n <ng-template *ngIf=\"showToolbar\" kendoGridToolbarTemplate>\n <ng-content></ng-content>\n </ng-template>\n\n <ng-template *ngIf=\"this.gridData.length === 0\" kendoGridNoRecordsTemplate>\n <lib-typography [defaultText]=\"noRecordsContent\" type=\"P_MULISH_16_REGULAR\"></lib-typography>\n </ng-template>\n\n <ng-container *ngIf=\"gridData.length > 0\">\n <kendo-grid-checkbox-column *ngIf=\"checkBoxRequired === true\" [width]=\"checkBoxWidth\"\n [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\"\n [showSelectAll]=\"checkBoxColumnShowSelectedAll\" class=\"checkbox-column\">\n </kendo-grid-checkbox-column>\n\n <kendo-grid-column *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\"\n [width]=\"item.columnWidth\" class=\"grid-column\">\n <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n <kendo-button [svgIcon]=\"deleteIcon\" title=\"delete\" fillMode=\"clear\" (click)=\"onDelete(dataItem)\"\n class=\"trash-icon\"></kendo-button>\n <div class=\"tooltip-content\">\n <p>Remove</p>\n </div>\n </lib-tooltip>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <kendo-dropdownbutton [svgIcon]=\"icon\" fillMode=\"clear\" [data]=\"kebabList\" class=\"kebab\"\n (itemClick)=\"onKebabClick($event, dataItem)\"\n [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\"></kendo-dropdownbutton>\n </ng-template>\n </kendo-grid-column>\n </ng-container>\n\n <ng-template kendoGridDetailTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n\n <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\" (click)=\"expandRow(rowIndex)\"\n fillMode=\"flat\" class=\"arrow-btn\">\n </kendo-button>\n <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\" (click)=\"collapseRow(rowIndex)\"\n fillMode=\"flat\" class=\"arrow-btn\">\n </kendo-button>\n </ng-template>\n </kendo-grid-column>\n\n</kendo-grid>\n", styles: ["::ng-deep .k-menu-group .k-item.k-focus>.k-link{box-shadow:none}::ng-deep .k-grid tr{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}::ng-deep .k-grid tr:hover{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}::ng-deep .k-grid-norecords{text-align:left;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep .k-column-title{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}::ng-deep .k-grid .k-hierarchy-cell{width:0;display:none}::ng-deep .k-grid th.k-header{border-width:0}::ng-deep .kebab-column,::ng-deep .delete-column,::ng-deep .grid-column,::ng-deep .checkbox-column{border-left:hidden!important}::ng-deep .checkbox-column{padding:.75rem 0rem .5rem 1rem!important}::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{padding:16px 8px 8px 16px}::ng-deep .k-grid th.k-header input.k-checkbox{margin-left:.5rem}::ng-deep .arrow-btn{padding:.5rem!important}::ng-deep .trash-icon path{color:#dc267f!important}::ng-deep kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .delete-column{padding:8px 0}::ng-deep .k-grid-header{border-bottom-width:0px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: i2$2.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: i5.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i5.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "directive", type: i5.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"] }, { kind: "directive", type: i5.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i5.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "component", type: i5.CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll"] }, { kind: "directive", type: i5.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
3735
3830
|
}
|
|
3736
3831
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LibGridComponent, decorators: [{
|
|
3737
3832
|
type: Component,
|
|
3738
|
-
args: [{ selector: 'lib-grid', template: "<kendo-grid [kendoGridBinding]=\"gridData\" [pageSize]=\"pageSize\" [selectable]=\"selectableSettings\" [pageable]=\"pageable\"\n [sortable]=\"sortable\" [groupable]=\"groupable\" [reorderable]=\"reorderable\" [resizable]=\"resizable\"\n [columnMenu]=\"columnMenu\" [navigable]=\"navigable\" [height]=\"height\" (change)=\"setSelectableSettings()\"\n (selectionChange)=\"onSelectionChange($event)\" [kendoGridSelectBy]=\"gridRowSelectByValue\"\n (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"preSelected\" (cellClick)=\"cellClickHandler($event)\">\n\n <ng-template *ngIf=\"showToolbar\" kendoGridToolbarTemplate>\n <ng-content></ng-content>\n </ng-template>\n\n <ng-template *ngIf=\"this.gridData.length === 0\" kendoGridNoRecordsTemplate>\n <lib-typography [defaultText]=\"noRecordsContent\" type=\"
|
|
3833
|
+
args: [{ selector: 'lib-grid', template: "<kendo-grid [kendoGridBinding]=\"gridData\" [pageSize]=\"pageSize\" [selectable]=\"selectableSettings\" [pageable]=\"pageable\"\n [sortable]=\"sortable\" [groupable]=\"groupable\" [reorderable]=\"reorderable\" [resizable]=\"resizable\"\n [columnMenu]=\"columnMenu\" [navigable]=\"navigable\" [height]=\"height\" (change)=\"setSelectableSettings()\"\n (selectionChange)=\"onSelectionChange($event)\" [kendoGridSelectBy]=\"gridRowSelectByValue\"\n (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"preSelected\" (cellClick)=\"cellClickHandler($event)\">\n\n <ng-template *ngIf=\"showToolbar\" kendoGridToolbarTemplate>\n <ng-content></ng-content>\n </ng-template>\n\n <ng-template *ngIf=\"this.gridData.length === 0\" kendoGridNoRecordsTemplate>\n <lib-typography [defaultText]=\"noRecordsContent\" type=\"P_MULISH_16_REGULAR\"></lib-typography>\n </ng-template>\n\n <ng-container *ngIf=\"gridData.length > 0\">\n <kendo-grid-checkbox-column *ngIf=\"checkBoxRequired === true\" [width]=\"checkBoxWidth\"\n [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\"\n [showSelectAll]=\"checkBoxColumnShowSelectedAll\" class=\"checkbox-column\">\n </kendo-grid-checkbox-column>\n\n <kendo-grid-column *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\"\n [width]=\"item.columnWidth\" class=\"grid-column\">\n <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n <kendo-button [svgIcon]=\"deleteIcon\" title=\"delete\" fillMode=\"clear\" (click)=\"onDelete(dataItem)\"\n class=\"trash-icon\"></kendo-button>\n <div class=\"tooltip-content\">\n <p>Remove</p>\n </div>\n </lib-tooltip>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <kendo-dropdownbutton [svgIcon]=\"icon\" fillMode=\"clear\" [data]=\"kebabList\" class=\"kebab\"\n (itemClick)=\"onKebabClick($event, dataItem)\"\n [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\"></kendo-dropdownbutton>\n </ng-template>\n </kendo-grid-column>\n </ng-container>\n\n <ng-template kendoGridDetailTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n\n <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\" (click)=\"expandRow(rowIndex)\"\n fillMode=\"flat\" class=\"arrow-btn\">\n </kendo-button>\n <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\" (click)=\"collapseRow(rowIndex)\"\n fillMode=\"flat\" class=\"arrow-btn\">\n </kendo-button>\n </ng-template>\n </kendo-grid-column>\n\n</kendo-grid>\n", styles: ["::ng-deep .k-menu-group .k-item.k-focus>.k-link{box-shadow:none}::ng-deep .k-grid tr{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}::ng-deep .k-grid tr:hover{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}::ng-deep .k-grid-norecords{text-align:left;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep .k-column-title{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}::ng-deep .k-grid .k-hierarchy-cell{width:0;display:none}::ng-deep .k-grid th.k-header{border-width:0}::ng-deep .kebab-column,::ng-deep .delete-column,::ng-deep .grid-column,::ng-deep .checkbox-column{border-left:hidden!important}::ng-deep .checkbox-column{padding:.75rem 0rem .5rem 1rem!important}::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{padding:16px 8px 8px 16px}::ng-deep .k-grid th.k-header input.k-checkbox{margin-left:.5rem}::ng-deep .arrow-btn{padding:.5rem!important}::ng-deep .trash-icon path{color:#dc267f!important}::ng-deep kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .delete-column{padding:8px 0}::ng-deep .k-grid-header{border-bottom-width:0px}\n"] }]
|
|
3739
3834
|
}], ctorParameters: function () { return []; }, propDecorators: { templateRef: [{
|
|
3740
3835
|
type: ContentChild,
|
|
3741
3836
|
args: ['multiColumnData']
|
|
@@ -3908,11 +4003,11 @@ class GridFormComponent {
|
|
|
3908
4003
|
this.formGroup = undefined;
|
|
3909
4004
|
}
|
|
3910
4005
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridFormComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3911
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridFormComponent, selector: "lib-grid-form", inputs: { showToolbar: "showToolbar", noRecordsContent: "noRecordsContent", gridData: "gridData", columnData: "columnData", controls: "controls" }, outputs: { addOrUpdateRow: "addOrUpdateRow", deletedRow: "deletedRow", removeRow: "removeRow", saveRow: "saveRow" }, queries: [{ propertyName: "templateRef1", first: true, predicate: ["tmp1"], descendants: true }, { propertyName: "templateRef2", first: true, predicate: ["tmp2"], descendants: true }], ngImport: i0, template: "<kendo-grid [kendoGridBinding]=\"gridData\" (dataStateChange)=\"onStateChange($event)\" (edit)=\"editHandler($event)\"\n (cancel)=\"cancelHandler($event)\" (save)=\"saveHandler($event)\" (remove)=\"removeHandler($event)\"\n (add)=\"addHandler($event)\" [navigable]=\"true\">\n <ng-template kendoGridToolbarTemplate>\n <ng-content select=\"header\"></ng-content>\n <lib-grid-spacer></lib-grid-spacer>\n <button kendoGridAddCommand themeColor=\"primary\">\n <ng-content select=\"div.header-add-btn\"></ng-content>\n </button>\n </ng-template>\n <ng-template *ngIf=\"!showColumns\" kendoGridNoRecordsTemplate>\n <lib-typography [defaultText]=\"noRecordsContent\" type=\"
|
|
4006
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridFormComponent, selector: "lib-grid-form", inputs: { showToolbar: "showToolbar", noRecordsContent: "noRecordsContent", gridData: "gridData", columnData: "columnData", controls: "controls" }, outputs: { addOrUpdateRow: "addOrUpdateRow", deletedRow: "deletedRow", removeRow: "removeRow", saveRow: "saveRow" }, queries: [{ propertyName: "templateRef1", first: true, predicate: ["tmp1"], descendants: true }, { propertyName: "templateRef2", first: true, predicate: ["tmp2"], descendants: true }], ngImport: i0, template: "<kendo-grid [kendoGridBinding]=\"gridData\" (dataStateChange)=\"onStateChange($event)\" (edit)=\"editHandler($event)\"\n (cancel)=\"cancelHandler($event)\" (save)=\"saveHandler($event)\" (remove)=\"removeHandler($event)\"\n (add)=\"addHandler($event)\" [navigable]=\"true\">\n <ng-template kendoGridToolbarTemplate>\n <ng-content select=\"header\"></ng-content>\n <lib-grid-spacer></lib-grid-spacer>\n <button kendoGridAddCommand themeColor=\"primary\">\n <ng-content select=\"div.header-add-btn\"></ng-content>\n </button>\n </ng-template>\n <ng-template *ngIf=\"!showColumns\" kendoGridNoRecordsTemplate>\n <lib-typography [defaultText]=\"noRecordsContent\" type=\"P_MULISH_16_REGULAR\"></lib-typography>\n </ng-template>\n <ng-container *ngIf=\"showColumns\">\n <kendo-grid-column *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\" [editor]=\"item.editor\">\n <ng-template *ngIf=\"item.custom\" kendoGridEditTemplate let-dataItem=\"dataItem\" let-formGroup=\"formGroup\">\n <ng-container\n *ngTemplateOutlet=\"templateRef1; context: {$implicit: dataItem, formGroup: formGroup}\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"templateRef2; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n </kendo-grid-column>\n <kendo-grid-command-column [width]=\"120\">\n <ng-template kendoGridCellTemplate let-isNew=\"isNew\">\n <div class=\"command-column\">\n <lib-tooltip position=\"top\" showOn=\"hover\">\n <div class=\"tooltip-content\">Edit</div>\n <button kendoGridEditCommand fillMode=\"clear\" themeColor=\"primary\">\n <kendo-icon name=\"pencil\"></kendo-icon>\n </button>\n </lib-tooltip>\n <lib-tooltip position=\"top\" showOn=\"hover\">\n <div class=\"tooltip-content\">Remove</div>\n <button kendoGridRemoveCommand fillMode=\"clear\" themeColor=\"error\">\n <kendo-icon name=\"trash\"></kendo-icon>\n </button>\n </lib-tooltip>\n </div>\n <div class=\"command-column\">\n <button kendoGridSaveCommand [disabled]=\"formGroup && formGroup.invalid\" fillMode=\"clear\" themeColor=\"primary\">\n <lib-tooltip position=\"top\" showOn=\"hover\">\n <div class=\"tooltip-content\">Save</div>\n <kendo-icon name=\"save\"></kendo-icon>\n </lib-tooltip>\n </button>\n <button kendoGridCancelCommand fillMode=\"clear\" themeColor=\"error\">\n <lib-tooltip position=\"top\" showOn=\"hover\">\n <div class=\"tooltip-content\">Cancel</div>\n <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n </lib-tooltip>\n </button>\n </div>\n </ng-template>\n </kendo-grid-command-column>\n </ng-container>\n</kendo-grid>\n", styles: [".command-column{display:flex;justify-content:space-between}::ng-deep .k-grid-header{border-bottom-width:0px}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "fontSize", "type"] }, { kind: "component", type: i3$5.IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "component", type: i5.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i5.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "directive", type: i5.DataBindingDirective, selector: "[kendoGridBinding]", inputs: ["skip", "sort", "filter", "pageSize", "group", "kendoGridBinding"] }, { kind: "directive", type: i5.GridToolbarFocusableDirective, selector: " [kendoGridToolbarFocusable], [kendoGridAddCommand], [kendoGridCancelCommand], [kendoGridEditCommand], [kendoGridRemoveCommand], [kendoGridSaveCommand], [kendoGridExcelCommand], [kendoGridPDFCommand] " }, { kind: "component", type: i5.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5.FocusableDirective, selector: "[kendoGridFocusable], [kendoGridEditCommand], [kendoGridRemoveCommand], [kendoGridSaveCommand], [kendoGridCancelCommand], [kendoGridSelectionCheckbox] ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: i5.CommandColumnComponent, selector: "kendo-grid-command-column" }, { kind: "directive", type: i5.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i5.EditTemplateDirective, selector: "[kendoGridEditTemplate]" }, { kind: "component", type: i5.EditCommandDirective, selector: "[kendoGridEditCommand]" }, { kind: "component", type: i5.CancelCommandDirective, selector: "[kendoGridCancelCommand]" }, { kind: "component", type: i5.SaveCommandDirective, selector: "[kendoGridSaveCommand]" }, { kind: "component", type: i5.RemoveCommandDirective, selector: "[kendoGridRemoveCommand]" }, { kind: "component", type: i5.AddCommandDirective, selector: "[kendoGridAddCommand]" }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: GridSpacerComponent, selector: "lib-grid-spacer" }] }); }
|
|
3912
4007
|
}
|
|
3913
4008
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridFormComponent, decorators: [{
|
|
3914
4009
|
type: Component,
|
|
3915
|
-
args: [{ selector: 'lib-grid-form', template: "<kendo-grid [kendoGridBinding]=\"gridData\" (dataStateChange)=\"onStateChange($event)\" (edit)=\"editHandler($event)\"\n (cancel)=\"cancelHandler($event)\" (save)=\"saveHandler($event)\" (remove)=\"removeHandler($event)\"\n (add)=\"addHandler($event)\" [navigable]=\"true\">\n <ng-template kendoGridToolbarTemplate>\n <ng-content select=\"header\"></ng-content>\n <lib-grid-spacer></lib-grid-spacer>\n <button kendoGridAddCommand themeColor=\"primary\">\n <ng-content select=\"div.header-add-btn\"></ng-content>\n </button>\n </ng-template>\n <ng-template *ngIf=\"!showColumns\" kendoGridNoRecordsTemplate>\n <lib-typography [defaultText]=\"noRecordsContent\" type=\"
|
|
4010
|
+
args: [{ selector: 'lib-grid-form', template: "<kendo-grid [kendoGridBinding]=\"gridData\" (dataStateChange)=\"onStateChange($event)\" (edit)=\"editHandler($event)\"\n (cancel)=\"cancelHandler($event)\" (save)=\"saveHandler($event)\" (remove)=\"removeHandler($event)\"\n (add)=\"addHandler($event)\" [navigable]=\"true\">\n <ng-template kendoGridToolbarTemplate>\n <ng-content select=\"header\"></ng-content>\n <lib-grid-spacer></lib-grid-spacer>\n <button kendoGridAddCommand themeColor=\"primary\">\n <ng-content select=\"div.header-add-btn\"></ng-content>\n </button>\n </ng-template>\n <ng-template *ngIf=\"!showColumns\" kendoGridNoRecordsTemplate>\n <lib-typography [defaultText]=\"noRecordsContent\" type=\"P_MULISH_16_REGULAR\"></lib-typography>\n </ng-template>\n <ng-container *ngIf=\"showColumns\">\n <kendo-grid-column *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\" [editor]=\"item.editor\">\n <ng-template *ngIf=\"item.custom\" kendoGridEditTemplate let-dataItem=\"dataItem\" let-formGroup=\"formGroup\">\n <ng-container\n *ngTemplateOutlet=\"templateRef1; context: {$implicit: dataItem, formGroup: formGroup}\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"templateRef2; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n </kendo-grid-column>\n <kendo-grid-command-column [width]=\"120\">\n <ng-template kendoGridCellTemplate let-isNew=\"isNew\">\n <div class=\"command-column\">\n <lib-tooltip position=\"top\" showOn=\"hover\">\n <div class=\"tooltip-content\">Edit</div>\n <button kendoGridEditCommand fillMode=\"clear\" themeColor=\"primary\">\n <kendo-icon name=\"pencil\"></kendo-icon>\n </button>\n </lib-tooltip>\n <lib-tooltip position=\"top\" showOn=\"hover\">\n <div class=\"tooltip-content\">Remove</div>\n <button kendoGridRemoveCommand fillMode=\"clear\" themeColor=\"error\">\n <kendo-icon name=\"trash\"></kendo-icon>\n </button>\n </lib-tooltip>\n </div>\n <div class=\"command-column\">\n <button kendoGridSaveCommand [disabled]=\"formGroup && formGroup.invalid\" fillMode=\"clear\" themeColor=\"primary\">\n <lib-tooltip position=\"top\" showOn=\"hover\">\n <div class=\"tooltip-content\">Save</div>\n <kendo-icon name=\"save\"></kendo-icon>\n </lib-tooltip>\n </button>\n <button kendoGridCancelCommand fillMode=\"clear\" themeColor=\"error\">\n <lib-tooltip position=\"top\" showOn=\"hover\">\n <div class=\"tooltip-content\">Cancel</div>\n <lib-icon name=\"close\" [fontSize]=\"20\"></lib-icon>\n </lib-tooltip>\n </button>\n </div>\n </ng-template>\n </kendo-grid-command-column>\n </ng-container>\n</kendo-grid>\n", styles: [".command-column{display:flex;justify-content:space-between}::ng-deep .k-grid-header{border-bottom-width:0px}\n"] }]
|
|
3916
4011
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { showToolbar: [{
|
|
3917
4012
|
type: Input
|
|
3918
4013
|
}], noRecordsContent: [{
|
|
@@ -4302,11 +4397,11 @@ class GridPaginationComponent {
|
|
|
4302
4397
|
this.grid.cancelCell();
|
|
4303
4398
|
}
|
|
4304
4399
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4305
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridPaginationComponent, selector: "lib-grid-pagination", inputs: { gridView: "gridView", skip: "skip", columnData: "columnData", pageSize: "pageSize", pageable: "pageable", sortable: "sortable", groupable: "groupable", reorderable: "reorderable", resizable: "resizable", checkBoxWidth: "checkBoxWidth", checkBoxColumnResizable: "checkBoxColumnResizable", checkBoxColumnMenu: "checkBoxColumnMenu", checkBoxColumnShowSelectedAll: "checkBoxColumnShowSelectedAll", checkBoxRequired: "checkBoxRequired", columnMenu: "columnMenu", mode: "mode", checkboxOnly: "checkboxOnly", dragColumns: "dragColumns", navigable: "navigable", gridRowSelectByValue: "gridRowSelectByValue", noRecordsContent: "noRecordsContent", showToolbar: "showToolbar", kebabList: "kebabList", showKebab: "showKebab", icon: "icon", kebabColumnWidth: "kebabColumnWidth", selectColumn: "selectColumn", preSelected: "preSelected", ignoreColumnCellClick: "ignoreColumnCellClick", allowColumnClick: "allowColumnClick", sort: "sort", hasApiSorting: "hasApiSorting", expandRowIndex: "expandRowIndex", customExpandRowColumn: "customExpandRowColumn", deleteColumnWidth: "deleteColumnWidth", sizes: "sizes", pageCount: "pageCount", showDeleteColumn: "showDeleteColumn", hideKebabRowIndex: "hideKebabRowIndex", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", disablePreSelectedRows: "disablePreSelectedRows", allowEditingCell: "allowEditingCell" }, outputs: { selectedRowData: "selectedRowData", rowDetails: "rowDetails", kebabItemClick: "kebabItemClick", rowDataOfClickedCell: "rowDataOfClickedCell", onPageChange: "onPageChange", sortDirection: "sortDirection", deletedRowData: "deletedRowData", updatedData: "updatedData" }, host: { listeners: { "window:resize": "resize($event)" } }, queries: [{ propertyName: "templateRef", first: true, predicate: ["multiColumnData"], descendants: true }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true }, { propertyName: "impactColumn", first: true, predicate: ["impactColumn"], descendants: true }], viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }, { propertyName: "gridElement", first: true, predicate: ["gridElement"], descendants: true }], ngImport: i0, template: "<div #gridElement (window:resize)=\"resize($event)\">\n <kendo-grid [data]=\"gridView\" [pageSize]=\"pageSize\" [skip]=\"skip\" [selectable]=\"selectableSettings\"\n [pageable]=\"pageable\" [sortable]=\"sortable\" [groupable]=\"groupable\" [reorderable]=\"reorderable\"\n [resizable]=\"resizable\" [columnMenu]=\"columnMenu\" [navigable]=\"navigable\" [height]=\"height\" [style.height]=\"height\"\n (change)=\"setSelectableSettings()\" (selectedKeysChange)=\"selectedKeysChange($event)\"\n [kendoGridSelectBy]=\"gridRowSelectByValue\" (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"preSelected\"\n (pageChange)=\"pageChange($event)\" (cellClick)=\"cellClickHandler($event)\" (cellClose)=\"cellCloseHandler($event)\" [sort]=\"sort\"\n (sortChange)=\"sortChange($event)\" [ngClass]=\"getHeaderHeight()\" id=\"lib-grid\" [rowClass]=\"rowClass\">\n\n <ng-template *ngIf=\"showToolbar\" kendoGridToolbarTemplate>\n <ng-content></ng-content>\n </ng-template>\n\n <ng-template *ngIf=\"this.gridView.total === 0\" kendoGridNoRecordsTemplate>\n <lib-typography *ngIf=\"!loading\" [defaultText]=\"noRecordsContent\" type=\"BODY_MEDIUM\"></lib-typography>\n <lib-loader *ngIf=\"loading\" [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n </ng-template>\n\n <ng-container *ngIf=\"this.gridView.total > 0\">\n <kendo-grid-checkbox-column *ngIf=\"checkBoxRequired === true\" [width]=\"checkBoxWidth\"\n [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\" class=\"checkbox-column\">\n <ng-template kendoGridHeaderTemplate>\n <input id=\"selectAllCheckboxId\" type=\"checkbox\" kendoCheckBox kendoGridSelectAllCheckbox\n [state]=\"selectAllState\" (selectAllChange)=\"onSelectAllChange($event)\" />\n </ng-template>\n </kendo-grid-checkbox-column>\n \n <kendo-grid-column class=\"grid-column\" *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\"\n [width]=\"item.columnWidth\" [sortable]=\"item.sortable\" [editor]=\"item.editor\">\n\n <ng-template *ngIf=\"sortable\" kendoGridHeaderTemplate>\n {{item.title}}\n <span *ngIf=\"sort[0].field === item.field\">\n <span *ngIf=\"sort[0].dir === 'asc'\"></span>\n <span *ngIf=\"sort[0].dir === 'desc'\"></span>\n </span>\n </ng-template>\n\n <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\" title=\"Action\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n <lib-icon name=\"delete\" class=\"delete-icon\" (click)=\"onDelete(dataItem)\"></lib-icon>\n <div class=\"tooltip-content\">\n <lib-typography defaultText=\"Remove\"></lib-typography>\n </div>\n </lib-tooltip>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\" title=\"Actions\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <kendo-dropdownbutton *ngIf=\"!hideKebabRowIndex.includes(rowIndex)\" [svgIcon]=\"icon\" fillMode=\"none\"\n [data]=\"kebabList | kebabMenuFilter : dataItem\" class=\"kebab\" (itemClick)=\"onKebabClick($event, dataItem)\"\n [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\">\n </kendo-dropdownbutton>\n </ng-template>\n </kendo-grid-column>\n </ng-container>\n\n <ng-template kendoGridDetailTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n\n <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column expand-column\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <div [ngClass]=\"expandColumnClass()\">\n <span *ngIf=\"selectedRows.includes(dataItem[gridRowSelectByValue]) && disablePreSelectedRows\"\n class=\"expand-column-text\">\n Already added\n </span>\n <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\"\n (click)=\"expandRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n </kendo-button>\n <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\"\n (click)=\"collapseRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n </kendo-button>\n </div>\n </ng-template>\n </kendo-grid-column>\n\n <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\n <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n <kendo-pager-numeric-buttons [buttonCount]=\"pageCount\"></kendo-pager-numeric-buttons>\n <kendo-pager-next-buttons></kendo-pager-next-buttons>\n <kendo-pager-info></kendo-pager-info>\n <kendo-pager-page-sizes [pageSizes]=\"sizes\"></kendo-pager-page-sizes>\n </ng-template>\n\n </kendo-grid>\n</div>\n", styles: ["::ng-deep .k-grid tr{height:50px}::ng-deep .k-grid .k-table-th,::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important}::ng-deep .k-grid .k-table-th.k-sorted{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important;background-color:#dee6f7!important}::ng-deep .k-grid tbody>tr:not(.k-detail-row):hover{background-color:#d0dcf5!important}::ng-deep .k-grid .k-table-row.k-selected>.k-table-td{background-color:#c9d7f4!important}::ng-deep .k-table-alt-row{background-color:inherit!important}::ng-deep .k-grid .k-table-td{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}::ng-deep .k-grid-norecords{text-align:center!important;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep kendo-pager.k-pager-wrap.k-grid-pager{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 .k-grid th.k-header{vertical-align:middle!important;padding-left:16px;padding-right:0}::ng-deep .grid-column,::ng-deep .kebab-column,::ng-deep .delete-column{padding:0!important}::ng-deep .grid-column kendo-button,::ng-deep .kebab-column kendo-button,::ng-deep .delete-column kendo-button{align-items:center!important;justify-content:center!important;display:flex!important}::ng-deep .k-checkbox{width:20px!important;height:20px!important;border-radius:0!important}::ng-deep .k-grid .k-hierarchy-cell,::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{padding:16px!important}::ng-deep .delete-icon{color:#dc267f!important;padding-left:12px;cursor:pointer}::ng-deep .remove-tooltip kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .hide-header .k-grid-header{border:0px!important}::ng-deep .k-grid-toolbar{padding:4px 16px!important;height:50px}::ng-deep .k-grid td:not(.kebab-column):not(.expand-column){padding-left:16px!important;padding-right:16px!important}::ng-deep .view-header .k-table-thead tr{height:50px}::ng-deep .hide-header .k-table-thead tr{height:0px;padding:0;display:block}::ng-deep td.kebab-column{display:flex;justify-content:center;align-items:center;height:inherit}::ng-deep .k-grid .k-table-td>.k-checkbox{vertical-align:middle!important}::ng-deep .kebab .k-button,::ng-deep .expand-column .k-button{border:0px}::ng-deep .expand-column{pointer-events:all!important}::ng-deep .expand-column-text{margin-right:32px}::ng-deep .expand-row{display:flex;align-items:center;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: i2$2.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "fontSize", "type"] }, { kind: "directive", type: i3$2.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "component", type: i5.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i5.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "directive", type: i5.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i5.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "component", type: i5.CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll"] }, { kind: "directive", type: i5.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i5.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "directive", type: i5.SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "component", type: i5.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i5.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i5.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i5.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "component", type: i5.PagerPageSizesComponent, selector: "kendo-pager-page-sizes", inputs: ["pageSizes"] }, { kind: "directive", type: i5.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }, { kind: "pipe", type: KebabMenuFilterPipe, name: "kebabMenuFilter" }] }); }
|
|
4400
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridPaginationComponent, selector: "lib-grid-pagination", inputs: { gridView: "gridView", skip: "skip", columnData: "columnData", pageSize: "pageSize", pageable: "pageable", sortable: "sortable", groupable: "groupable", reorderable: "reorderable", resizable: "resizable", checkBoxWidth: "checkBoxWidth", checkBoxColumnResizable: "checkBoxColumnResizable", checkBoxColumnMenu: "checkBoxColumnMenu", checkBoxColumnShowSelectedAll: "checkBoxColumnShowSelectedAll", checkBoxRequired: "checkBoxRequired", columnMenu: "columnMenu", mode: "mode", checkboxOnly: "checkboxOnly", dragColumns: "dragColumns", navigable: "navigable", gridRowSelectByValue: "gridRowSelectByValue", noRecordsContent: "noRecordsContent", showToolbar: "showToolbar", kebabList: "kebabList", showKebab: "showKebab", icon: "icon", kebabColumnWidth: "kebabColumnWidth", selectColumn: "selectColumn", preSelected: "preSelected", ignoreColumnCellClick: "ignoreColumnCellClick", allowColumnClick: "allowColumnClick", sort: "sort", hasApiSorting: "hasApiSorting", expandRowIndex: "expandRowIndex", customExpandRowColumn: "customExpandRowColumn", deleteColumnWidth: "deleteColumnWidth", sizes: "sizes", pageCount: "pageCount", showDeleteColumn: "showDeleteColumn", hideKebabRowIndex: "hideKebabRowIndex", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", disablePreSelectedRows: "disablePreSelectedRows", allowEditingCell: "allowEditingCell" }, outputs: { selectedRowData: "selectedRowData", rowDetails: "rowDetails", kebabItemClick: "kebabItemClick", rowDataOfClickedCell: "rowDataOfClickedCell", onPageChange: "onPageChange", sortDirection: "sortDirection", deletedRowData: "deletedRowData", updatedData: "updatedData" }, host: { listeners: { "window:resize": "resize($event)" } }, queries: [{ propertyName: "templateRef", first: true, predicate: ["multiColumnData"], descendants: true }, { propertyName: "detailTemplate", first: true, predicate: ["detailTemplate"], descendants: true }, { propertyName: "impactColumn", first: true, predicate: ["impactColumn"], descendants: true }], viewQueries: [{ propertyName: "grid", first: true, predicate: GridComponent, descendants: true }, { propertyName: "gridElement", first: true, predicate: ["gridElement"], descendants: true }], ngImport: i0, template: "<div #gridElement (window:resize)=\"resize($event)\">\n <kendo-grid [data]=\"gridView\" [pageSize]=\"pageSize\" [skip]=\"skip\" [selectable]=\"selectableSettings\"\n [pageable]=\"pageable\" [sortable]=\"sortable\" [groupable]=\"groupable\" [reorderable]=\"reorderable\"\n [resizable]=\"resizable\" [columnMenu]=\"columnMenu\" [navigable]=\"navigable\" [height]=\"height\" [style.height]=\"height\"\n (change)=\"setSelectableSettings()\" (selectedKeysChange)=\"selectedKeysChange($event)\"\n [kendoGridSelectBy]=\"gridRowSelectByValue\" (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"preSelected\"\n (pageChange)=\"pageChange($event)\" (cellClick)=\"cellClickHandler($event)\" (cellClose)=\"cellCloseHandler($event)\" [sort]=\"sort\"\n (sortChange)=\"sortChange($event)\" [ngClass]=\"getHeaderHeight()\" id=\"lib-grid\" [rowClass]=\"rowClass\">\n\n <ng-template *ngIf=\"showToolbar\" kendoGridToolbarTemplate>\n <ng-content></ng-content>\n </ng-template>\n\n <ng-template *ngIf=\"this.gridView.total === 0\" kendoGridNoRecordsTemplate>\n <lib-typography *ngIf=\"!loading\" [defaultText]=\"noRecordsContent\" type=\"P_MULISH_16_REGULAR\"></lib-typography>\n <lib-loader *ngIf=\"loading\" [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n </ng-template>\n\n <ng-container *ngIf=\"this.gridView.total > 0\">\n <kendo-grid-checkbox-column *ngIf=\"checkBoxRequired === true\" [width]=\"checkBoxWidth\"\n [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\" class=\"checkbox-column\">\n <ng-template kendoGridHeaderTemplate>\n <input id=\"selectAllCheckboxId\" type=\"checkbox\" kendoCheckBox kendoGridSelectAllCheckbox\n [state]=\"selectAllState\" (selectAllChange)=\"onSelectAllChange($event)\" />\n </ng-template>\n </kendo-grid-checkbox-column>\n \n <kendo-grid-column class=\"grid-column\" *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\"\n [width]=\"item.columnWidth\" [sortable]=\"item.sortable\" [editor]=\"item.editor\">\n\n <ng-template *ngIf=\"sortable\" kendoGridHeaderTemplate>\n {{item.title}}\n <span *ngIf=\"sort[0].field === item.field\">\n <span *ngIf=\"sort[0].dir === 'asc'\"></span>\n <span *ngIf=\"sort[0].dir === 'desc'\"></span>\n </span>\n </ng-template>\n\n <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\" title=\"Action\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n <lib-icon name=\"delete\" class=\"delete-icon\" (click)=\"onDelete(dataItem)\"></lib-icon>\n <div class=\"tooltip-content\">\n <lib-typography defaultText=\"Remove\"></lib-typography>\n </div>\n </lib-tooltip>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\" title=\"Actions\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <kendo-dropdownbutton *ngIf=\"!hideKebabRowIndex.includes(rowIndex)\" [svgIcon]=\"icon\" fillMode=\"none\"\n [data]=\"kebabList | kebabMenuFilter : dataItem\" class=\"kebab\" (itemClick)=\"onKebabClick($event, dataItem)\"\n [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\">\n </kendo-dropdownbutton>\n </ng-template>\n </kendo-grid-column>\n </ng-container>\n\n <ng-template kendoGridDetailTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n\n <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column expand-column\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <div [ngClass]=\"expandColumnClass()\">\n <span *ngIf=\"selectedRows.includes(dataItem[gridRowSelectByValue]) && disablePreSelectedRows\"\n class=\"expand-column-text\">\n Already added\n </span>\n <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\"\n (click)=\"expandRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n </kendo-button>\n <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\"\n (click)=\"collapseRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n </kendo-button>\n </div>\n </ng-template>\n </kendo-grid-column>\n\n <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\n <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n <kendo-pager-numeric-buttons [buttonCount]=\"pageCount\"></kendo-pager-numeric-buttons>\n <kendo-pager-next-buttons></kendo-pager-next-buttons>\n <kendo-pager-info></kendo-pager-info>\n <kendo-pager-page-sizes [pageSizes]=\"sizes\"></kendo-pager-page-sizes>\n </ng-template>\n\n </kendo-grid>\n</div>\n", styles: ["::ng-deep .k-grid th{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}::ng-deep .k-grid tr{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px;height:50px}::ng-deep .k-grid tr:hover{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}::ng-deep .k-grid-norecords{text-align:center!important;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep kendo-pager.k-pager-wrap.k-grid-pager{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}::ng-deep .k-grid th.k-header{vertical-align:middle!important;padding-left:16px;padding-right:0}::ng-deep .grid-column,::ng-deep .kebab-column,::ng-deep .delete-column{padding:0!important}::ng-deep .grid-column kendo-button,::ng-deep .kebab-column kendo-button,::ng-deep .delete-column kendo-button{align-items:center!important;justify-content:center!important;display:flex!important}::ng-deep .k-checkbox{width:20px!important;height:20px!important;border-radius:0!important}::ng-deep .k-grid .k-hierarchy-cell,::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{padding:16px!important}::ng-deep .delete-icon{color:#dc267f!important;padding-left:12px;cursor:pointer}::ng-deep .remove-tooltip kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .hide-header .k-grid-header{border:0px!important}::ng-deep .k-grid-toolbar{padding:4px 16px!important;height:50px}::ng-deep .k-grid td:not(.kebab-column):not(.expand-column){padding-left:16px!important;padding-right:16px!important}::ng-deep .view-header .k-table-thead tr{height:50px}::ng-deep .hide-header .k-table-thead tr{height:0px;padding:0;display:block}::ng-deep td.kebab-column{display:flex;justify-content:center;align-items:center;height:inherit}::ng-deep .k-grid .k-table-td>.k-checkbox{vertical-align:middle!important}::ng-deep .kebab .k-button,::ng-deep .expand-column .k-button{border:0px}::ng-deep .expand-column{pointer-events:all!important}::ng-deep .expand-column-text{margin-right:32px}::ng-deep .expand-row{display:flex;align-items:center;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: i2$2.DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: ["arrowIcon", "icon", "svgIcon", "iconClass", "imageUrl", "textField", "data", "size", "rounded", "fillMode", "themeColor", "buttonAttributes"], outputs: ["itemClick", "focus", "blur"], exportAs: ["kendoDropDownButton"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "fontSize", "type"] }, { kind: "directive", type: i3$2.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "component", type: i5.GridComponent, selector: "kendo-grid", inputs: ["data", "pageSize", "height", "rowHeight", "detailRowHeight", "skip", "scrollable", "selectable", "sort", "size", "trackBy", "filter", "group", "virtualColumns", "filterable", "sortable", "pageable", "groupable", "rowReorderable", "navigable", "navigatable", "autoSize", "rowClass", "rowSticky", "rowSelected", "cellSelected", "resizable", "reorderable", "loading", "columnMenu", "hideHeader", "isDetailExpanded", "isGroupExpanded"], outputs: ["filterChange", "pageChange", "groupChange", "sortChange", "selectionChange", "rowReorder", "dataStateChange", "groupExpand", "groupCollapse", "detailExpand", "detailCollapse", "edit", "cancel", "save", "remove", "add", "cellClose", "cellClick", "pdfExport", "excelExport", "columnResize", "columnReorder", "columnVisibilityChange", "columnLockedChange", "columnStickyChange", "scrollBottom", "contentScroll"], exportAs: ["kendoGrid"] }, { kind: "directive", type: i5.ToolbarTemplateDirective, selector: "[kendoGridToolbarTemplate]", inputs: ["position"] }, { kind: "directive", type: i5.SelectionDirective, selector: "[kendoGridSelectBy]" }, { kind: "component", type: i5.ColumnComponent, selector: "kendo-grid-column", inputs: ["field", "format", "sortable", "groupable", "editor", "filter", "filterable", "editable"] }, { kind: "directive", type: i5.DetailTemplateDirective, selector: "[kendoGridDetailTemplate]", inputs: ["kendoGridDetailTemplateShowIf"] }, { kind: "component", type: i5.CheckboxColumnComponent, selector: "kendo-grid-checkbox-column", inputs: ["showSelectAll"] }, { kind: "directive", type: i5.CellTemplateDirective, selector: "[kendoGridCellTemplate]" }, { kind: "directive", type: i5.NoRecordsTemplateDirective, selector: "[kendoGridNoRecordsTemplate]" }, { kind: "directive", type: i5.HeaderTemplateDirective, selector: "[kendoGridHeaderTemplate]" }, { kind: "directive", type: i5.SelectAllCheckboxDirective, selector: "[kendoGridSelectAllCheckbox]", inputs: ["state"], outputs: ["selectAllChange"] }, { kind: "component", type: i5.PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: i5.PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: i5.PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: i5.PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "component", type: i5.PagerPageSizesComponent, selector: "kendo-pager-page-sizes", inputs: ["pageSizes"] }, { kind: "directive", type: i5.PagerTemplateDirective, selector: "[kendoPagerTemplate]" }, { kind: "component", type: TooltipComponent, selector: "lib-tooltip", inputs: ["position", "tooltipWidth", "tooltipHeight", "showOn", "closable", "title", "callout"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }, { kind: "pipe", type: KebabMenuFilterPipe, name: "kebabMenuFilter" }] }); }
|
|
4306
4401
|
}
|
|
4307
4402
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationComponent, decorators: [{
|
|
4308
4403
|
type: Component,
|
|
4309
|
-
args: [{ selector: 'lib-grid-pagination', template: "<div #gridElement (window:resize)=\"resize($event)\">\n <kendo-grid [data]=\"gridView\" [pageSize]=\"pageSize\" [skip]=\"skip\" [selectable]=\"selectableSettings\"\n [pageable]=\"pageable\" [sortable]=\"sortable\" [groupable]=\"groupable\" [reorderable]=\"reorderable\"\n [resizable]=\"resizable\" [columnMenu]=\"columnMenu\" [navigable]=\"navigable\" [height]=\"height\" [style.height]=\"height\"\n (change)=\"setSelectableSettings()\" (selectedKeysChange)=\"selectedKeysChange($event)\"\n [kendoGridSelectBy]=\"gridRowSelectByValue\" (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"preSelected\"\n (pageChange)=\"pageChange($event)\" (cellClick)=\"cellClickHandler($event)\" (cellClose)=\"cellCloseHandler($event)\" [sort]=\"sort\"\n (sortChange)=\"sortChange($event)\" [ngClass]=\"getHeaderHeight()\" id=\"lib-grid\" [rowClass]=\"rowClass\">\n\n <ng-template *ngIf=\"showToolbar\" kendoGridToolbarTemplate>\n <ng-content></ng-content>\n </ng-template>\n\n <ng-template *ngIf=\"this.gridView.total === 0\" kendoGridNoRecordsTemplate>\n <lib-typography *ngIf=\"!loading\" [defaultText]=\"noRecordsContent\" type=\"
|
|
4404
|
+
args: [{ selector: 'lib-grid-pagination', template: "<div #gridElement (window:resize)=\"resize($event)\">\n <kendo-grid [data]=\"gridView\" [pageSize]=\"pageSize\" [skip]=\"skip\" [selectable]=\"selectableSettings\"\n [pageable]=\"pageable\" [sortable]=\"sortable\" [groupable]=\"groupable\" [reorderable]=\"reorderable\"\n [resizable]=\"resizable\" [columnMenu]=\"columnMenu\" [navigable]=\"navigable\" [height]=\"height\" [style.height]=\"height\"\n (change)=\"setSelectableSettings()\" (selectedKeysChange)=\"selectedKeysChange($event)\"\n [kendoGridSelectBy]=\"gridRowSelectByValue\" (detailExpand)=\"onDetailExpand($event)\" [selectedKeys]=\"preSelected\"\n (pageChange)=\"pageChange($event)\" (cellClick)=\"cellClickHandler($event)\" (cellClose)=\"cellCloseHandler($event)\" [sort]=\"sort\"\n (sortChange)=\"sortChange($event)\" [ngClass]=\"getHeaderHeight()\" id=\"lib-grid\" [rowClass]=\"rowClass\">\n\n <ng-template *ngIf=\"showToolbar\" kendoGridToolbarTemplate>\n <ng-content></ng-content>\n </ng-template>\n\n <ng-template *ngIf=\"this.gridView.total === 0\" kendoGridNoRecordsTemplate>\n <lib-typography *ngIf=\"!loading\" [defaultText]=\"noRecordsContent\" type=\"P_MULISH_16_REGULAR\"></lib-typography>\n <lib-loader *ngIf=\"loading\" [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n </ng-template>\n\n <ng-container *ngIf=\"this.gridView.total > 0\">\n <kendo-grid-checkbox-column *ngIf=\"checkBoxRequired === true\" [width]=\"checkBoxWidth\"\n [resizable]=\"checkBoxColumnResizable\" [columnMenu]=\"checkBoxColumnMenu\" class=\"checkbox-column\">\n <ng-template kendoGridHeaderTemplate>\n <input id=\"selectAllCheckboxId\" type=\"checkbox\" kendoCheckBox kendoGridSelectAllCheckbox\n [state]=\"selectAllState\" (selectAllChange)=\"onSelectAllChange($event)\" />\n </ng-template>\n </kendo-grid-checkbox-column>\n \n <kendo-grid-column class=\"grid-column\" *ngFor=\"let item of columnData\" [field]=\"item.field\" [title]=\"item.title\"\n [width]=\"item.columnWidth\" [sortable]=\"item.sortable\" [editor]=\"item.editor\">\n\n <ng-template *ngIf=\"sortable\" kendoGridHeaderTemplate>\n {{item.title}}\n <span *ngIf=\"sort[0].field === item.field\">\n <span *ngIf=\"sort[0].dir === 'asc'\"></span>\n <span *ngIf=\"sort[0].dir === 'desc'\"></span>\n </span>\n </ng-template>\n\n <ng-template *ngIf=\"item.custom\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"templateRef; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n <ng-template *ngIf=\"item.impact\" kendoGridCellTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"impactColumn; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column *ngIf=\"showDeleteColumn\" [width]=\"deleteColumnWidth\" class=\"delete-column\" title=\"Action\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <lib-tooltip showOn=\"hover\" position=\"bottom\" class=\"remove-tooltip\">\n <lib-icon name=\"delete\" class=\"delete-icon\" (click)=\"onDelete(dataItem)\"></lib-icon>\n <div class=\"tooltip-content\">\n <lib-typography defaultText=\"Remove\"></lib-typography>\n </div>\n </lib-tooltip>\n </ng-template>\n </kendo-grid-column>\n\n <kendo-grid-column [width]=\"kebabColumnWidth\" class=\"kebab-column\" *ngIf=\"showKebab\" title=\"Actions\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <kendo-dropdownbutton *ngIf=\"!hideKebabRowIndex.includes(rowIndex)\" [svgIcon]=\"icon\" fillMode=\"none\"\n [data]=\"kebabList | kebabMenuFilter : dataItem\" class=\"kebab\" (itemClick)=\"onKebabClick($event, dataItem)\"\n [popupSettings]=\"{ align: 'right', animate: true, popupClass: 'kebab-list' }\">\n </kendo-dropdownbutton>\n </ng-template>\n </kendo-grid-column>\n </ng-container>\n\n <ng-template kendoGridDetailTemplate let-dataItem>\n <ng-container *ngTemplateOutlet=\"detailTemplate; context: {$implicit: dataItem}\"></ng-container>\n </ng-template>\n\n <kendo-grid-column *ngIf=\"customExpandRowColumn\" [width]=\"expandRowColumnWidth\" class=\"grid-column expand-column\">\n <ng-template kendoGridCellTemplate let-dataItem let-rowIndex=\"rowIndex\">\n <div [ngClass]=\"expandColumnClass()\">\n <span *ngIf=\"selectedRows.includes(dataItem[gridRowSelectByValue]) && disablePreSelectedRows\"\n class=\"expand-column-text\">\n Already added\n </span>\n <kendo-button *ngIf=\"!expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowDownIcon\"\n (click)=\"expandRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n </kendo-button>\n <kendo-button *ngIf=\"expandRowIndex.includes(rowIndex)\" [svgIcon]=\"arrowUpIcon\"\n (click)=\"collapseRow(rowIndex)\" fillMode=\"none\" class=\"arrow-btn\">\n </kendo-button>\n </div>\n </ng-template>\n </kendo-grid-column>\n\n <ng-template kendoPagerTemplate let-totalPages=\"totalPages\" let-currentPage=\"currentPage\">\n <kendo-pager-prev-buttons></kendo-pager-prev-buttons>\n <kendo-pager-numeric-buttons [buttonCount]=\"pageCount\"></kendo-pager-numeric-buttons>\n <kendo-pager-next-buttons></kendo-pager-next-buttons>\n <kendo-pager-info></kendo-pager-info>\n <kendo-pager-page-sizes [pageSizes]=\"sizes\"></kendo-pager-page-sizes>\n </ng-template>\n\n </kendo-grid>\n</div>\n", styles: ["::ng-deep .k-grid th{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:16px;line-height:24px;letter-spacing:.2px}::ng-deep .k-grid tr{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px;height:50px}::ng-deep .k-grid tr:hover{font-family:Mulish,sans-serif;font-weight:700;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.8px}::ng-deep .k-grid-norecords{text-align:center!important;opacity:.4}::ng-deep .k-grid-norecords td{padding:14px 0 14px 24px!important}::ng-deep kendo-pager.k-pager-wrap.k-grid-pager{font-family:Mulish,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:21px;letter-spacing:.2px}::ng-deep .k-grid th.k-header{vertical-align:middle!important;padding-left:16px;padding-right:0}::ng-deep .grid-column,::ng-deep .kebab-column,::ng-deep .delete-column{padding:0!important}::ng-deep .grid-column kendo-button,::ng-deep .kebab-column kendo-button,::ng-deep .delete-column kendo-button{align-items:center!important;justify-content:center!important;display:flex!important}::ng-deep .k-checkbox{width:20px!important;height:20px!important;border-radius:0!important}::ng-deep .k-grid .k-hierarchy-cell,::ng-deep .k-grid .k-hierarchy-col{width:0;display:none}::ng-deep .k-grid .k-detail-row .k-detail-cell{padding:16px!important}::ng-deep .delete-icon{color:#dc267f!important;padding-left:12px;cursor:pointer}::ng-deep .remove-tooltip kendo-tooltip.k-tooltip{background-color:#fff;color:#000}::ng-deep .hide-header .k-grid-header{border:0px!important}::ng-deep .k-grid-toolbar{padding:4px 16px!important;height:50px}::ng-deep .k-grid td:not(.kebab-column):not(.expand-column){padding-left:16px!important;padding-right:16px!important}::ng-deep .view-header .k-table-thead tr{height:50px}::ng-deep .hide-header .k-table-thead tr{height:0px;padding:0;display:block}::ng-deep td.kebab-column{display:flex;justify-content:center;align-items:center;height:inherit}::ng-deep .k-grid .k-table-td>.k-checkbox{vertical-align:middle!important}::ng-deep .kebab .k-button,::ng-deep .expand-column .k-button{border:0px}::ng-deep .expand-column{pointer-events:all!important}::ng-deep .expand-column-text{margin-right:32px}::ng-deep .expand-row{display:flex;align-items:center;justify-content:flex-end}\n"] }]
|
|
4310
4405
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { templateRef: [{
|
|
4311
4406
|
type: ContentChild,
|
|
4312
4407
|
args: ['multiColumnData']
|
|
@@ -4596,5 +4691,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
4596
4691
|
* Generated bundle index. Do not edit.
|
|
4597
4692
|
*/
|
|
4598
4693
|
|
|
4599
|
-
export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ClipboardComponent, ClipboardModule, ContainerComponent, ContainerModule, DateRangeComponent, DateRangeModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DragAndDropComponent, DragAndDropModule, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, ListViewComponent, ListViewsModule, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StepperComponent, StepperModule, StyleTokensModule, SwitchComponent, SwitchModule, TabstripComponent, TabstripModule, TabstripTabComponent,
|
|
4694
|
+
export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ClipboardComponent, ClipboardModule, ConfirmationDialogComponent, ContainerComponent, ContainerModule, DateRangeComponent, DateRangeModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DragAndDropComponent, DragAndDropModule, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, ListViewComponent, ListViewsModule, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StepperComponent, StepperModule, StyleTokensModule, SwitchComponent, SwitchModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaModule, TextareaComponent, TextboxComponent, TextboxModule, TimeSchedulerModule, TimeschedulerComponent, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule };
|
|
4600
4695
|
//# sourceMappingURL=progress-chef-platform-shared-components.mjs.map
|