@progress-chef/platform-shared-components 0.0.20 → 0.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/IconFont.css +27 -3
- package/assets/IconFont.scss +27 -3
- package/assets/IconFont.ttf +0 -0
- package/assets/IconFont.woff +0 -0
- package/assets/IconFont.woff2 +0 -0
- package/esm2022/lib/atoms/checkbox/checkbox.component.mjs +6 -3
- package/esm2022/lib/atoms/radio-button/radio-button.component.mjs +7 -4
- package/esm2022/lib/atoms/typography/typography.component.mjs +5 -5
- package/fesm2022/progress-chef-platform-shared-components.mjs +56 -50
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/atoms/checkbox/checkbox.component.d.ts +3 -1
- package/lib/atoms/radio-button/radio-button.component.d.ts +3 -1
- package/lib/atoms/typography/typography.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Injectable, NgModule, Component, Input, HostBinding, ViewChild, EventEmitter, Output, ContentChild, ContentChildren, Pipe, HostListener, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
|
|
3
3
|
import * as i1 from '@progress/kendo-angular-notification';
|
|
4
4
|
import { NotificationModule as NotificationModule$1, NotificationService } from '@progress/kendo-angular-notification';
|
|
5
|
-
import * as
|
|
5
|
+
import * as i2 from '@angular/common';
|
|
6
6
|
import { CommonModule } from '@angular/common';
|
|
7
7
|
import * as i1$1 from '@progress-chef/platform-themes-service';
|
|
8
8
|
import { ThemesModule } from '@progress-chef/platform-themes-service';
|
|
@@ -11,12 +11,12 @@ import { FormControl, ReactiveFormsModule, FormsModule, FormGroup, Validators }
|
|
|
11
11
|
import * as i3 from '@progress/kendo-angular-popup';
|
|
12
12
|
import { PopupModule } from '@progress/kendo-angular-popup';
|
|
13
13
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
|
14
|
-
import * as i2 from '@progress/kendo-angular-layout';
|
|
14
|
+
import * as i2$1 from '@progress/kendo-angular-layout';
|
|
15
15
|
import { LayoutModule } from '@progress/kendo-angular-layout';
|
|
16
16
|
import { userIcon, homeIcon, moreVerticalIcon, chevronDownIcon, chevronUpIcon, trashIcon } from '@progress/kendo-svg-icons';
|
|
17
|
-
import * as i2$
|
|
17
|
+
import * as i2$2 from '@progress/kendo-angular-navigation';
|
|
18
18
|
import { NavigationModule } from '@progress/kendo-angular-navigation';
|
|
19
|
-
import * as i2$
|
|
19
|
+
import * as i2$3 from '@progress/kendo-angular-buttons';
|
|
20
20
|
import { ButtonsModule } from '@progress/kendo-angular-buttons';
|
|
21
21
|
import * as i3$2 from '@progress/kendo-angular-dropdowns';
|
|
22
22
|
import { DropDownsModule, AutoCompleteModule } from '@progress/kendo-angular-dropdowns';
|
|
@@ -25,18 +25,18 @@ import { InputsModule } from '@progress/kendo-angular-inputs';
|
|
|
25
25
|
import * as i3$3 from '@progress/kendo-angular-icons';
|
|
26
26
|
import { IconsModule, IconsService } from '@progress/kendo-angular-icons';
|
|
27
27
|
import { LabelModule } from '@progress/kendo-angular-label';
|
|
28
|
-
import * as i1$
|
|
28
|
+
import * as i1$2 from '@progress/kendo-angular-indicators';
|
|
29
29
|
import { IndicatorsModule } from '@progress/kendo-angular-indicators';
|
|
30
30
|
import { trigger, transition, style, animate } from '@angular/animations';
|
|
31
|
-
import * as i2$
|
|
31
|
+
import * as i2$4 from '@progress/kendo-angular-progressbar';
|
|
32
32
|
import { ProgressBarModule } from '@progress/kendo-angular-progressbar';
|
|
33
33
|
import { Subject, Subscription, tap, map } from 'rxjs';
|
|
34
34
|
import { debounceTime } from 'rxjs/operators';
|
|
35
|
-
import * as i2$
|
|
35
|
+
import * as i2$5 from '@progress/kendo-angular-dateinputs';
|
|
36
36
|
import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
|
|
37
|
-
import * as i2$
|
|
37
|
+
import * as i2$6 from '@progress/kendo-angular-tooltip';
|
|
38
38
|
import { TooltipsModule } from '@progress/kendo-angular-tooltip';
|
|
39
|
-
import * as i2$
|
|
39
|
+
import * as i2$7 from '@progress/kendo-angular-dialog';
|
|
40
40
|
import { DialogsModule, DialogModule as DialogModule$1 } from '@progress/kendo-angular-dialog';
|
|
41
41
|
import * as i5 from '@progress/kendo-angular-grid';
|
|
42
42
|
import { GridComponent, GridModule } from '@progress/kendo-angular-grid';
|
|
@@ -132,7 +132,7 @@ class AngularPopupComponent {
|
|
|
132
132
|
this.popupVerticalAlign = "top";
|
|
133
133
|
}
|
|
134
134
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularPopupComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
135
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AngularPopupComponent, selector: "lib-angular-popup", inputs: { show: "show", anchor: "anchor", anchorHorizontalAlign: "anchorHorizontalAlign", anchorVerticalAlign: "anchorVerticalAlign", popupHorizontalAlign: "popupHorizontalAlign", popupVerticalAlign: "popupVerticalAlign" }, ngImport: i0, template: "<kendo-popup\n *ngIf=\"show\"\n [anchor]=\"anchor\"\n [anchorAlign]=\"{ horizontal: anchorHorizontalAlign, vertical: anchorVerticalAlign }\"\n [popupAlign]=\"{ horizontal: popupHorizontalAlign, vertical: popupVerticalAlign }\"\n>\n <ng-content></ng-content>\n</kendo-popup>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type:
|
|
135
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: AngularPopupComponent, selector: "lib-angular-popup", inputs: { show: "show", anchor: "anchor", anchorHorizontalAlign: "anchorHorizontalAlign", anchorVerticalAlign: "anchorVerticalAlign", popupHorizontalAlign: "popupHorizontalAlign", popupVerticalAlign: "popupVerticalAlign" }, ngImport: i0, template: "<kendo-popup\n *ngIf=\"show\"\n [anchor]=\"anchor\"\n [anchorAlign]=\"{ horizontal: anchorHorizontalAlign, vertical: anchorVerticalAlign }\"\n [popupAlign]=\"{ horizontal: popupHorizontalAlign, vertical: popupVerticalAlign }\"\n>\n <ng-content></ng-content>\n</kendo-popup>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.PopupComponent, selector: "kendo-popup", inputs: ["animate", "anchor", "anchorAlign", "collision", "popupAlign", "copyAnchorStyles", "popupClass", "positionMode", "offset", "margin"], outputs: ["anchorViewportLeave", "close", "open", "positionChange"], exportAs: ["kendo-popup"] }] }); }
|
|
136
136
|
}
|
|
137
137
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AngularPopupComponent, decorators: [{
|
|
138
138
|
type: Component,
|
|
@@ -266,7 +266,7 @@ class TypographyComponent {
|
|
|
266
266
|
constructor(themesService) {
|
|
267
267
|
this.themesService = themesService;
|
|
268
268
|
this.type = 'P_MULISH_14_REGULAR';
|
|
269
|
-
this.defaultText = "
|
|
269
|
+
this.defaultText = "";
|
|
270
270
|
this.isLabel = false;
|
|
271
271
|
this.hiddenLabel = "";
|
|
272
272
|
this.showDefaultText = true;
|
|
@@ -282,7 +282,7 @@ class TypographyComponent {
|
|
|
282
282
|
this.font = Typography[this.type];
|
|
283
283
|
}
|
|
284
284
|
ngAfterViewInit() {
|
|
285
|
-
this.checkShowDefaultText();
|
|
285
|
+
// this.checkShowDefaultText();
|
|
286
286
|
}
|
|
287
287
|
checkForLabel() {
|
|
288
288
|
let childrenCount = this.labelChild?.nativeElement.childElementCount;
|
|
@@ -295,11 +295,11 @@ class TypographyComponent {
|
|
|
295
295
|
this.showDefaultText = !this.isLabel && (!childrenCount || childrenCount == 0);
|
|
296
296
|
}
|
|
297
297
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
298
|
-
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
|
|
298
|
+
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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"] }] }); }
|
|
299
299
|
}
|
|
300
300
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, decorators: [{
|
|
301
301
|
type: Component,
|
|
302
|
-
args: [{ selector: 'lib-typography', template: "<ng-container>\n <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span
|
|
302
|
+
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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"] }]
|
|
303
303
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { type: [{
|
|
304
304
|
type: Input
|
|
305
305
|
}], defaultText: [{
|
|
@@ -370,7 +370,7 @@ class AvatarComponent {
|
|
|
370
370
|
this.letters = letters;
|
|
371
371
|
}
|
|
372
372
|
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 }); }
|
|
373
|
-
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.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:
|
|
373
|
+
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"] }] }); }
|
|
374
374
|
}
|
|
375
375
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
376
376
|
type: Component,
|
|
@@ -447,7 +447,7 @@ class BreadcrumbComponent {
|
|
|
447
447
|
this.valueChange.emit(itemsToBeEmit);
|
|
448
448
|
}
|
|
449
449
|
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 }); }
|
|
450
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbComponent, selector: "lib-breadcrumb", inputs: { items: "items" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"item\">\n <kendo-breadcrumb\n [items]=\"items\"\n (itemClick)=\"onItemClick($event)\"\n ></kendo-breadcrumb>\n</div>\n", styles: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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: "component", type: i2$
|
|
450
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadcrumbComponent, selector: "lib-breadcrumb", inputs: { items: "items" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"item\">\n <kendo-breadcrumb\n [items]=\"items\"\n (itemClick)=\"onItemClick($event)\"\n ></kendo-breadcrumb>\n</div>\n", styles: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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: "component", type: i2$2.BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: ["items", "separatorIcon", "separatorSVGIcon", "collapseMode", "size"], outputs: ["itemClick"], exportAs: ["kendoBreadCrumb"] }] }); }
|
|
451
451
|
}
|
|
452
452
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
453
453
|
type: Component,
|
|
@@ -551,7 +551,7 @@ class ButtonComponent {
|
|
|
551
551
|
}
|
|
552
552
|
}
|
|
553
553
|
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 }); }
|
|
554
|
-
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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$
|
|
554
|
+
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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$3.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"] }] }); }
|
|
555
555
|
}
|
|
556
556
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
557
557
|
type: Component,
|
|
@@ -616,7 +616,7 @@ class ButtonGroupComponent {
|
|
|
616
616
|
this.buttonClick.emit(label);
|
|
617
617
|
}
|
|
618
618
|
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 }); }
|
|
619
|
-
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$
|
|
619
|
+
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$3.ButtonGroupComponent, selector: "kendo-buttongroup", inputs: ["disabled", "selection", "width", "tabIndex", "navigable"], outputs: ["navigate"], exportAs: ["kendoButtonGroup"] }, { kind: "component", type: i2$3.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"] }] }); }
|
|
620
620
|
}
|
|
621
621
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ButtonGroupComponent, decorators: [{
|
|
622
622
|
type: Component,
|
|
@@ -666,17 +666,18 @@ class CheckboxComponent {
|
|
|
666
666
|
this.rounded = 'none';
|
|
667
667
|
this.label = '';
|
|
668
668
|
this.labelPosition = 'before';
|
|
669
|
+
this.labelFont = 'P_MULISH_16_REGULAR';
|
|
669
670
|
this.modelChange = new EventEmitter();
|
|
670
671
|
}
|
|
671
672
|
emitValueChange(ev) {
|
|
672
673
|
this.modelChange.emit(ev);
|
|
673
674
|
}
|
|
674
675
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
675
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxComponent, selector: "lib-checkbox", inputs: { control: "control", id: "id", size: "size", rounded: "rounded", label: "label", labelPosition: "labelPosition" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<span *ngIf=\"
|
|
676
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxComponent, selector: "lib-checkbox", inputs: { control: "control", id: "id", size: "size", rounded: "rounded", label: "label", labelPosition: "labelPosition", labelFont: "labelFont" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<span *ngIf=\"labelPosition === 'before'\">\n <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n </lib-typography>\n </label>\n \n</span>\n<input type=\"checkbox\" [size]=\"size\" [rounded]=\"rounded\" [id]=\"id\" (ngModelChange)=\"emitValueChange($event)\"\n [formControl]=\"control\" kendoCheckBox />\n<span *ngIf=\"labelPosition === 'after'\">\n \n <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n </lib-typography>\n </label>\n</span>\n\n<ng-template #customLabel>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.CheckBoxDirective, selector: "input[kendoCheckBox]", inputs: ["size", "rounded"] }, { kind: "directive", type: i4.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { 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: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
676
677
|
}
|
|
677
678
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
678
679
|
type: Component,
|
|
679
|
-
args: [{ selector: 'lib-checkbox', template: "<span *ngIf=\"
|
|
680
|
+
args: [{ selector: 'lib-checkbox', template: "<span *ngIf=\"labelPosition === 'before'\">\n <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n </lib-typography>\n </label>\n \n</span>\n<input type=\"checkbox\" [size]=\"size\" [rounded]=\"rounded\" [id]=\"id\" (ngModelChange)=\"emitValueChange($event)\"\n [formControl]=\"control\" kendoCheckBox />\n<span *ngIf=\"labelPosition === 'after'\">\n \n <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n <lib-typography [defaultText]=\"label\" [type]=\"labelFont\">\n <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n </lib-typography>\n </label>\n</span>\n\n<ng-template #customLabel>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
|
|
680
681
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { control: [{
|
|
681
682
|
type: Input
|
|
682
683
|
}], id: [{
|
|
@@ -689,6 +690,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
689
690
|
type: Input
|
|
690
691
|
}], labelPosition: [{
|
|
691
692
|
type: Input
|
|
693
|
+
}], labelFont: [{
|
|
694
|
+
type: Input
|
|
692
695
|
}], modelChange: [{
|
|
693
696
|
type: Output
|
|
694
697
|
}] } });
|
|
@@ -729,7 +732,7 @@ class ExpansionPanelComponent {
|
|
|
729
732
|
this.disabled = false;
|
|
730
733
|
}
|
|
731
734
|
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 }); }
|
|
732
|
-
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:
|
|
735
|
+
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"] }] }); }
|
|
733
736
|
}
|
|
734
737
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
|
|
735
738
|
type: Component,
|
|
@@ -823,7 +826,7 @@ class LoaderComponent {
|
|
|
823
826
|
this.themeColor = LoaderThemeColor.primary;
|
|
824
827
|
}
|
|
825
828
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
826
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, selector: "lib-loader", inputs: { size: "size", type: "type", themeColor: "themeColor" }, ngImport: i0, template: "<kendo-loader [type]=\"type\" [themeColor]=\"themeColor\" [size]=\"size\">\n</kendo-loader>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i1$
|
|
829
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, selector: "lib-loader", inputs: { size: "size", type: "type", themeColor: "themeColor" }, ngImport: i0, template: "<kendo-loader [type]=\"type\" [themeColor]=\"themeColor\" [size]=\"size\">\n</kendo-loader>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i1$2.LoaderComponent, selector: "kendo-loader", inputs: ["type", "themeColor", "size"] }] }); }
|
|
827
830
|
}
|
|
828
831
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
829
832
|
type: Component,
|
|
@@ -880,7 +883,7 @@ class DropdownComponent {
|
|
|
880
883
|
this.modelChange.emit(ev);
|
|
881
884
|
}
|
|
882
885
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
883
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { id: "id", label: "label", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", filterable: "filterable", placeholder: "placeholder", readonly: "readonly", rounded: "rounded", size: "size", suggest: "suggest", textField: "textField", value: "value", valueField: "valueField", valuePrimitive: "valuePrimitive", model: "model", control: "control", fontType: "fontType", focus: "focus", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme" }, outputs: { modelChange: "modelChange" }, viewQueries: [{ propertyName: "comboBox", first: true, predicate: ["comboBox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"dropdown\">\n <span *ngIf=\"label.length > 0\">\n <label class=\"checkbox-label\" for=\"{{ id }}\">\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n </lib-typography>\n </label>\n \n </span>\n <kendo-combobox #comboBox [id]=\"id\" [data]=\"data\" [clearButton]=\"clearButton\" [fillMode]=\"fillMode\"\n [filterable]=\"filterable\" [placeholder]=\"placeholder\" [readonly]=\"readonly\" [rounded]=\"rounded\" [size]=\"size\"\n [suggest]=\"suggest\" [textField]=\"textField\" [value]=\"value\" [valueField]=\"valueField\"\n [valuePrimitive]=\"valuePrimitive\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n [formControl]=\"control\">\n <ng-template kendoComboBoxHeaderTemplate>\n <ng-content select=\"header\"></ng-content>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-data>\n <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n </lib-typography>\n </div>\n </ng-template>\n <ng-template *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n </ng-template>\n </kendo-combobox>\n</span>\n", styles: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.checkbox-label{margin-bottom:8px}::ng-deep .rowData{padding-left:1rem}::ng-deep .k-list-md .k-list-item,::ng-deep .k-list-md .k-list-optionlabel{border-bottom:1px solid #CDD7DD;padding:8px 16px}::ng-deep .k-list-md{border-radius:0 0 8px 8px}::ng-deep .k-list-container{border-radius:0 0 8px 8px}\n"], dependencies: [{ kind: "directive", type:
|
|
886
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { id: "id", label: "label", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", filterable: "filterable", placeholder: "placeholder", readonly: "readonly", rounded: "rounded", size: "size", suggest: "suggest", textField: "textField", value: "value", valueField: "valueField", valuePrimitive: "valuePrimitive", model: "model", control: "control", fontType: "fontType", focus: "focus", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme" }, outputs: { modelChange: "modelChange" }, viewQueries: [{ propertyName: "comboBox", first: true, predicate: ["comboBox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"dropdown\">\n <span *ngIf=\"label.length > 0\">\n <label class=\"checkbox-label\" for=\"{{ id }}\">\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n </lib-typography>\n </label>\n \n </span>\n <kendo-combobox #comboBox [id]=\"id\" [data]=\"data\" [clearButton]=\"clearButton\" [fillMode]=\"fillMode\"\n [filterable]=\"filterable\" [placeholder]=\"placeholder\" [readonly]=\"readonly\" [rounded]=\"rounded\" [size]=\"size\"\n [suggest]=\"suggest\" [textField]=\"textField\" [value]=\"value\" [valueField]=\"valueField\"\n [valuePrimitive]=\"valuePrimitive\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n [formControl]=\"control\">\n <ng-template kendoComboBoxHeaderTemplate>\n <ng-content select=\"header\"></ng-content>\n </ng-template>\n <ng-template kendoComboBoxItemTemplate let-data>\n <img *ngIf=\"data.imageUrl && data.imageUrl.length > 0\" [src]=\"data.imageUrl\" [width]=\"18\" [alt]=\"data.imageUrl\" />\n <div ngClass=\"data.imageUrl.length > 0 ? 'rowData' : ''\">\n <lib-typography [defaultText]=\"data.name\" [type]=\"fontType\">\n </lib-typography>\n </div>\n </ng-template>\n <ng-template *ngIf=\"loading\" kendoComboBoxNoDataTemplate>\n <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\n </ng-template>\n </kendo-combobox>\n</span>\n", styles: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.checkbox-label{margin-bottom:8px}::ng-deep .rowData{padding-left:1rem}::ng-deep .k-list-md .k-list-item,::ng-deep .k-list-md .k-list-optionlabel{border-bottom:1px solid #CDD7DD;padding:8px 16px}::ng-deep .k-list-md{border-radius:0 0 8px 8px}::ng-deep .k-list-container{border-radius:0 0 8px 8px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.HeaderTemplateDirective, selector: "[kendoDropDownListHeaderTemplate],[kendoComboBoxHeaderTemplate],[kendoDropDownTreeHeaderTemplate],[kendoMultiColumnComboBoxHeaderTemplate],[kendoAutoCompleteHeaderTemplate],[kendoMultiSelectHeaderTemplate],[kendoMultiSelectTreeHeaderTemplate]" }, { kind: "directive", type: i3$2.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }, { kind: "directive", type: i3$2.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { kind: "component", type: i3$2.ComboBoxComponent, selector: "kendo-combobox", inputs: ["icon", "svgIcon", "showStickyHeader", "focusableId", "allowCustom", "data", "value", "textField", "valueField", "valuePrimitive", "valueNormalizer", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "suggest", "clearButton", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "selectionChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoComboBox"] }, { 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: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }] }); }
|
|
884
887
|
}
|
|
885
888
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
886
889
|
type: Component,
|
|
@@ -1041,7 +1044,7 @@ class LoadingSpinnerComponent {
|
|
|
1041
1044
|
this.visible = true;
|
|
1042
1045
|
}
|
|
1043
1046
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingSpinnerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1044
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoadingSpinnerComponent, selector: "lib-loading-spinner", inputs: { width: "width", height: "height", visible: "visible" }, ngImport: i0, template: "<div class=\"chef-loading-spinner\" *ngIf=\"visible\">\n <svg\n [attr.width]=\"width\"\n [attr.height]=\"height\"\n viewBox=\"0 0 100 100\"\n aria-live=\"polite\"\n aria-label=\"Page loading, do not refresh the page\"\n role=\"status\"\n >\n <path\n d=\"M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z\"\n >\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n dur=\"2s\"\n from=\"0 50 50\"\n to=\"360 50 50\"\n repeatCount=\"indefinite\"\n ></animateTransform>\n </path>\n <path\n d=\"M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z\"\n >\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n dur=\"2s\"\n from=\"0 50 50\"\n to=\"360 50 50\"\n repeatCount=\"indefinite\"\n ></animateTransform>\n </path>\n <path\n class=\"alt\"\n d=\"M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5L82,35.7z\"\n >\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n dur=\"2s\"\n from=\"0 50 50\"\n to=\"360 50 50\"\n repeatCount=\"indefinite\"\n ></animateTransform>\n </path>\n </svg>\n</div>\n", styles: [".chef-loading-spinner{--fill: #3864f2;--fill-alt: #597ef4;display:inline-block;overflow:hidden}.chef-loading-spinner svg{float:left}.chef-loading-spinner path{fill:var(--fill)}.chef-loading-spinner path.alt{fill:var(--fill-alt)}.chef-loading-spinner[fixed]{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:#e0e4e6a6;z-index:190}\n"], dependencies: [{ kind: "directive", type:
|
|
1047
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoadingSpinnerComponent, selector: "lib-loading-spinner", inputs: { width: "width", height: "height", visible: "visible" }, ngImport: i0, template: "<div class=\"chef-loading-spinner\" *ngIf=\"visible\">\n <svg\n [attr.width]=\"width\"\n [attr.height]=\"height\"\n viewBox=\"0 0 100 100\"\n aria-live=\"polite\"\n aria-label=\"Page loading, do not refresh the page\"\n role=\"status\"\n >\n <path\n d=\"M31.6,3.5C5.9,13.6-6.6,42.7,3.5,68.4c10.1,25.7,39.2,38.3,64.9,28.1l-3.1-7.9c-21.3,8.4-45.4-2-53.8-23.3c-8.4-21.3,2-45.4,23.3-53.8L31.6,3.5z\"\n >\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n dur=\"2s\"\n from=\"0 50 50\"\n to=\"360 50 50\"\n repeatCount=\"indefinite\"\n ></animateTransform>\n </path>\n <path\n d=\"M42.3,39.6c5.7-4.3,13.9-3.1,18.1,2.7c4.3,5.7,3.1,13.9-2.7,18.1l4.1,5.5c8.8-6.5,10.6-19,4.1-27.7c-6.5-8.8-19-10.6-27.7-4.1L42.3,39.6z\"\n >\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n dur=\"2s\"\n from=\"0 50 50\"\n to=\"360 50 50\"\n repeatCount=\"indefinite\"\n ></animateTransform>\n </path>\n <path\n class=\"alt\"\n d=\"M82,35.7C74.1,18,53.4,10.1,35.7,18S10.1,46.6,18,64.3l7.6-3.4c-6-13.5,0-29.3,13.5-35.3s29.3,0,35.3,13.5L82,35.7z\"\n >\n <animateTransform\n attributeName=\"transform\"\n attributeType=\"XML\"\n type=\"rotate\"\n dur=\"2s\"\n from=\"0 50 50\"\n to=\"360 50 50\"\n repeatCount=\"indefinite\"\n ></animateTransform>\n </path>\n </svg>\n</div>\n", styles: [".chef-loading-spinner{--fill: #3864f2;--fill-alt: #597ef4;display:inline-block;overflow:hidden}.chef-loading-spinner svg{float:left}.chef-loading-spinner path{fill:var(--fill)}.chef-loading-spinner path.alt{fill:var(--fill-alt)}.chef-loading-spinner[fixed]{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;background:#e0e4e6a6;z-index:190}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
1045
1048
|
}
|
|
1046
1049
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingSpinnerComponent, decorators: [{
|
|
1047
1050
|
type: Component,
|
|
@@ -1155,7 +1158,7 @@ class ProgressBarComponent {
|
|
|
1155
1158
|
this.value = 0;
|
|
1156
1159
|
}
|
|
1157
1160
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1158
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: { value: "value" }, ngImport: i0, template: "<kendo-progressbar [value]=\"value\"></kendo-progressbar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$
|
|
1161
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ProgressBarComponent, selector: "lib-progress-bar", inputs: { value: "value" }, ngImport: i0, template: "<kendo-progressbar [value]=\"value\"></kendo-progressbar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$4.ProgressBarComponent, selector: "kendo-progressbar", inputs: ["label", "progressCssStyle", "progressCssClass", "emptyCssStyle", "emptyCssClass", "animation"], outputs: ["animationEnd"], exportAs: ["kendoProgressBar"] }] }); }
|
|
1159
1162
|
}
|
|
1160
1163
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ProgressBarComponent, decorators: [{
|
|
1161
1164
|
type: Component,
|
|
@@ -1191,8 +1194,9 @@ class RadioButtonComponent {
|
|
|
1191
1194
|
this.name = "radio1";
|
|
1192
1195
|
this.value = "radio1";
|
|
1193
1196
|
this.control = new FormControl(null);
|
|
1194
|
-
this.label = "
|
|
1197
|
+
this.label = "";
|
|
1195
1198
|
this.labelPosition = "before";
|
|
1199
|
+
this.labelFont = 'P_MULISH_16_REGULAR';
|
|
1196
1200
|
this.id = "sampleId";
|
|
1197
1201
|
this.model = '';
|
|
1198
1202
|
this.modelChange = new EventEmitter();
|
|
@@ -1201,11 +1205,11 @@ class RadioButtonComponent {
|
|
|
1201
1205
|
this.modelChange.emit(ev);
|
|
1202
1206
|
}
|
|
1203
1207
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1204
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonComponent, selector: "lib-radio-button", inputs: { size: "size", name: "name", value: "value", control: "control", label: "label", labelPosition: "labelPosition", id: "id", model: "model" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<span *ngIf=\"
|
|
1208
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RadioButtonComponent, selector: "lib-radio-button", inputs: { size: "size", name: "name", value: "value", control: "control", label: "label", labelPosition: "labelPosition", labelFont: "labelFont", id: "id", model: "model" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<span *ngIf=\"labelPosition === 'before'\">\n <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n <lib-typography\n [defaultText]=\"label\"\n [type]=\"labelFont\">\n <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n </lib-typography>\n </label>\n \n</span>\n<input \n type=\"radio\"\n [size]=\"size\"\n [name]=\"name\"\n [value]=\"value\"\n [formControl]=\"control\"\n [ngModel]=\"model\"\n (ngModelChange)=\"emitModelChange($event)\"\n [id]=\"id\"\n kendoRadioButton/>\n<span *ngIf=\"labelPosition === 'after'\">\n <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n <lib-typography\n [defaultText]=\"label\"\n [type]=\"labelFont\">\n <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n </lib-typography>\n </label>\n</span>\n\n<ng-template #customLabel>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["input{margin-right:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3$1.RadioButtonDirective, selector: "input[kendoRadioButton]", inputs: ["size"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
1205
1209
|
}
|
|
1206
1210
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
1207
1211
|
type: Component,
|
|
1208
|
-
args: [{ selector: 'lib-radio-button', template: "<span *ngIf=\"
|
|
1212
|
+
args: [{ selector: 'lib-radio-button', template: "<span *ngIf=\"labelPosition === 'before'\">\n <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n <lib-typography\n [defaultText]=\"label\"\n [type]=\"labelFont\">\n <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n </lib-typography>\n </label>\n \n</span>\n<input \n type=\"radio\"\n [size]=\"size\"\n [name]=\"name\"\n [value]=\"value\"\n [formControl]=\"control\"\n [ngModel]=\"model\"\n (ngModelChange)=\"emitModelChange($event)\"\n [id]=\"id\"\n kendoRadioButton/>\n<span *ngIf=\"labelPosition === 'after'\">\n <label class=\"k-checkbox-label\" for=\"{{ id }}\">\n <lib-typography\n [defaultText]=\"label\"\n [type]=\"labelFont\">\n <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n </lib-typography>\n </label>\n</span>\n\n<ng-template #customLabel>\n <ng-content></ng-content>\n</ng-template>\n", styles: ["input{margin-right:1rem}\n"] }]
|
|
1209
1213
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { size: [{
|
|
1210
1214
|
type: Input
|
|
1211
1215
|
}], name: [{
|
|
@@ -1218,6 +1222,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1218
1222
|
type: Input
|
|
1219
1223
|
}], labelPosition: [{
|
|
1220
1224
|
type: Input
|
|
1225
|
+
}], labelFont: [{
|
|
1226
|
+
type: Input
|
|
1221
1227
|
}], id: [{
|
|
1222
1228
|
type: Input
|
|
1223
1229
|
}], model: [{
|
|
@@ -1308,7 +1314,7 @@ class SearchBoxComponent {
|
|
|
1308
1314
|
this.subscription.unsubscribe();
|
|
1309
1315
|
}
|
|
1310
1316
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBoxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1311
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchBoxComponent, selector: "lib-search-box", inputs: { source: "source", data: "data", filterable: "filterable", size: "size", rounded: "rounded", fillMode: "fillMode", clearButton: "clearButton", icon: "icon", autoComplete: "autoComplete", placeholder: "placeholder", width: "width", suggest: "suggest", control: "control", value: "value", debounceTimeMs: "debounceTimeMs" }, outputs: { modelChange: "modelChange", searchClick: "searchClick" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: ["autocomplete"], descendants: true }, { propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"!autoComplete\">\n <kendo-textbox [placeholder]=\"placeholder\" [clearButton]=\"clearButton\" [fillMode]=\"fillMode\" [size]=\"size\"\n [rounded]=\"rounded\" [size]=\"size\" [style.width.px]=\"width\" [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\" [ngModel]=\"value\">\n <ng-template kendoTextBoxSuffixTemplate>\n <lib-icon [name]=\"icon\" (click)=\"onSearchClick()\"></lib-icon>\n </ng-template>\n </kendo-textbox>\n</div>\n<div *ngIf=\"autoComplete\">\n <kendo-autocomplete #autocomplete [data]=\"data\" [filterable]=\"true\" [size]=\"size\" [placeholder]=\"placeholder\"\n [suggest]=\"suggest\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\" [ngModel]=\"value\">\n </kendo-autocomplete>\n</div>\n", styles: ["kendo-autocomplete{width:200px;font-size:14px;line-height:1.4285714286;font-weight:400}kendo-textbox lib-icon{padding-right:12px}lib-icon{cursor:pointer}\n"], dependencies: [{ kind: "component", type: i3$2.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoAutoComplete"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "fontSize", "type"] }, { kind: "component", type: i3$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3$1.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { kind: "directive", type:
|
|
1317
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SearchBoxComponent, selector: "lib-search-box", inputs: { source: "source", data: "data", filterable: "filterable", size: "size", rounded: "rounded", fillMode: "fillMode", clearButton: "clearButton", icon: "icon", autoComplete: "autoComplete", placeholder: "placeholder", width: "width", suggest: "suggest", control: "control", value: "value", debounceTimeMs: "debounceTimeMs" }, outputs: { modelChange: "modelChange", searchClick: "searchClick" }, viewQueries: [{ propertyName: "autocomplete", first: true, predicate: ["autocomplete"], descendants: true }, { propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"!autoComplete\">\n <kendo-textbox [placeholder]=\"placeholder\" [clearButton]=\"clearButton\" [fillMode]=\"fillMode\" [size]=\"size\"\n [rounded]=\"rounded\" [size]=\"size\" [style.width.px]=\"width\" [formControl]=\"control\"\n (ngModelChange)=\"emitValueChange($event)\" [ngModel]=\"value\">\n <ng-template kendoTextBoxSuffixTemplate>\n <lib-icon [name]=\"icon\" (click)=\"onSearchClick()\"></lib-icon>\n </ng-template>\n </kendo-textbox>\n</div>\n<div *ngIf=\"autoComplete\">\n <kendo-autocomplete #autocomplete [data]=\"data\" [filterable]=\"true\" [size]=\"size\" [placeholder]=\"placeholder\"\n [suggest]=\"suggest\" [formControl]=\"control\" (ngModelChange)=\"emitValueChange($event)\" [ngModel]=\"value\">\n </kendo-autocomplete>\n</div>\n", styles: ["kendo-autocomplete{width:200px;font-size:14px;line-height:1.4285714286;font-weight:400}kendo-textbox lib-icon{padding-right:12px}lib-icon{cursor:pointer}\n"], dependencies: [{ kind: "component", type: i3$2.AutoCompleteComponent, selector: "kendo-autocomplete", inputs: ["highlightFirst", "showStickyHeader", "focusableId", "data", "value", "valueField", "placeholder", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "loading", "clearButton", "suggest", "disabled", "itemDisabled", "readonly", "tabindex", "tabIndex", "filterable", "virtual", "size", "rounded", "fillMode"], outputs: ["valueChange", "filterChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoAutoComplete"] }, { kind: "component", type: IconComponent, selector: "lib-icon", inputs: ["name", "fontSize", "type"] }, { kind: "component", type: i3$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3$1.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
1312
1318
|
}
|
|
1313
1319
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SearchBoxComponent, decorators: [{
|
|
1314
1320
|
type: Component,
|
|
@@ -1416,7 +1422,7 @@ class SliderComponent {
|
|
|
1416
1422
|
this.isSlideOpen = this.opened;
|
|
1417
1423
|
}
|
|
1418
1424
|
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 }); }
|
|
1419
|
-
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:
|
|
1425
|
+
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"] }] }); }
|
|
1420
1426
|
}
|
|
1421
1427
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SliderComponent, decorators: [{
|
|
1422
1428
|
type: Component,
|
|
@@ -1571,7 +1577,7 @@ class TextboxComponent {
|
|
|
1571
1577
|
this.blurEvent.emit();
|
|
1572
1578
|
}
|
|
1573
1579
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1574
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextboxComponent, selector: "lib-textbox", inputs: { showEyeIcon: "showEyeIcon", clearButton: "clearButton", placeholder: "placeholder", width: "width", isDisabled: "isDisabled", readonly: "readonly", size: "size", rounded: "rounded", fillMode: "fillMode", control: "control", value: "value", type: "type" }, outputs: { inputChange: "inputChange", focusEvent: "focusEvent", blurEvent: "blurEvent" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n </ng-template>\n</kendo-textbox>\n", styles: ["kendo-textbox lib-icon{padding-right:7px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type:
|
|
1580
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextboxComponent, selector: "lib-textbox", inputs: { showEyeIcon: "showEyeIcon", clearButton: "clearButton", placeholder: "placeholder", width: "width", isDisabled: "isDisabled", readonly: "readonly", size: "size", rounded: "rounded", fillMode: "fillMode", control: "control", value: "value", type: "type" }, outputs: { inputChange: "inputChange", focusEvent: "focusEvent", blurEvent: "blurEvent" }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-textbox #textbox [style.width.px]=\"width\" [placeholder]=\"placeholder\" [clearButton]=\"clearButton\"\n [fillMode]=\"fillMode\" [readonly]=\"readonly\" [size]=\"size\" [rounded]=\"rounded\" [formControl]=\"control\"\n [(ngModel)]=\"value\" (ngModelChange)=\"emitValueChange($event)\" (focus)=\"onFocus()\" (blur)=\"onBlur()\">\n <ng-template *ngIf=\"this.type === 'password' && showEyeIcon\" kendoTextBoxSuffixTemplate>\n <lib-icon name=\"eye-open\" (click)=\"toggleVisibility()\" *ngIf=\"showPassword\"></lib-icon>\n <lib-icon name=\"eye-closed\" (click)=\"toggleVisibility()\" *ngIf=\"!showPassword\"></lib-icon>\n </ng-template>\n</kendo-textbox>\n", styles: ["kendo-textbox lib-icon{padding-right:7px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: i3$1.TextBoxSuffixTemplateDirective, selector: "[kendoTextBoxSuffixTemplate]" }, { 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: IconComponent, selector: "lib-icon", inputs: ["name", "fontSize", "type"] }] }); }
|
|
1575
1581
|
}
|
|
1576
1582
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextboxComponent, decorators: [{
|
|
1577
1583
|
type: Component,
|
|
@@ -1653,7 +1659,7 @@ class TimeschedulerComponent {
|
|
|
1653
1659
|
this.modelChange.emit(ev);
|
|
1654
1660
|
}
|
|
1655
1661
|
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 }); }
|
|
1656
|
-
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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$
|
|
1662
|
+
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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$5.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"] }] }); }
|
|
1657
1663
|
}
|
|
1658
1664
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimeschedulerComponent, decorators: [{
|
|
1659
1665
|
type: Component,
|
|
@@ -1714,7 +1720,7 @@ class TooltipComponent {
|
|
|
1714
1720
|
this.title = 'tool';
|
|
1715
1721
|
}
|
|
1716
1722
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1717
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "lib-tooltip", inputs: { position: "position", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", showOn: "showOn", closable: "closable", title: "title", callout: "callout" }, ngImport: i0, template: "<div kendoTooltip [tooltipTemplate]=\"template\" [position]=\"position\" [title]=\"title\" [callout]=\"callout\"\n [showOn]=\"showOn\" [tooltipWidth]=\"tooltipWidth\" [tooltipHeight]=\"tooltipHeight\" [closable]=\"closable\">\n <ng-content></ng-content>\n</div>\n\n<ng-template #template>\n <ng-content select=\"div.tooltip-content\"></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2$
|
|
1723
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TooltipComponent, selector: "lib-tooltip", inputs: { position: "position", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", showOn: "showOn", closable: "closable", title: "title", callout: "callout" }, ngImport: i0, template: "<div kendoTooltip [tooltipTemplate]=\"template\" [position]=\"position\" [title]=\"title\" [callout]=\"callout\"\n [showOn]=\"showOn\" [tooltipWidth]=\"tooltipWidth\" [tooltipHeight]=\"tooltipHeight\" [closable]=\"closable\">\n <ng-content></ng-content>\n</div>\n\n<ng-template #template>\n <ng-content select=\"div.tooltip-content\"></ng-content>\n</ng-template>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2$6.TooltipDirective, selector: "[kendoTooltip]", inputs: ["filter", "position", "titleTemplate", "showOn", "showAfter", "callout", "closable", "offset", "tooltipWidth", "tooltipHeight", "tooltipClass", "collision", "closeTitle", "tooltipTemplate"], exportAs: ["kendoTooltip"] }] }); }
|
|
1718
1724
|
}
|
|
1719
1725
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipComponent, decorators: [{
|
|
1720
1726
|
type: Component,
|
|
@@ -1895,7 +1901,7 @@ class DropdowntreeComponent {
|
|
|
1895
1901
|
this.buttonClick.emit(e);
|
|
1896
1902
|
}
|
|
1897
1903
|
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 }); }
|
|
1898
|
-
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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:
|
|
1904
|
+
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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$2.FooterTemplateDirective, selector: "[kendoDropDownListFooterTemplate],[kendoComboBoxFooterTemplate],[kendoDropDownTreeFooterTemplate],[kendoMultiColumnComboBoxFooterTemplate],[kendoAutoCompleteFooterTemplate],[kendoMultiSelectFooterTemplate],[kendoMultiSelectTreeFooterTemplate]" }, { kind: "directive", type: i3$2.ValueTemplateDirective, selector: "[kendoDropDownListValueTemplate],[kendoDropDownTreeValueTemplate]" }, { kind: "component", type: i3$2.DropDownTreeComponent, selector: "kendo-dropdowntree", inputs: ["icon", "svgIcon", "loading", "clearButton", "data", "value", "textField", "valueField", "valueDepth", "hasChildren", "fetchChildren", "placeholder", "popupSettings", "dataItem", "listHeight", "disabled", "readonly", "valuePrimitive", "tabindex", "size", "rounded", "fillMode", "itemDisabled", "isNodeExpanded", "isNodeVisible", "loadOnDemand", "filterable", "filter", "focusableId", "adaptiveMode", "title", "subtitle"], outputs: ["open", "opened", "close", "closed", "nodeExpand", "nodeCollapse", "focus", "blur", "valueChange", "filterChange"], exportAs: ["kendoDropDownTree"] }, { kind: "directive", type: i3$2.DropDownTreeHierarchyBindingDirective, selector: "[kendoDropDownTreeHierarchyBinding]", inputs: ["kendoDropDownTreeHierarchyBinding"] }, { kind: "directive", type: i3$2.DropDownTreesExpandDirective, selector: "[kendoDropDownTreeExpandable], [kendoMultiSelectTreeExpandable]", inputs: ["isNodeExpanded"] }, { kind: "directive", type: i3$2.NodeTemplateDirective, selector: "[kendoDropDownTreeNodeTemplate], [kendoMultiSelectTreeNodeTemplate]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: ButtonComponent, selector: "lib-button", inputs: ["size", "rounded", "fillMode", "themeColor", "label", "iconName", "disabled", "toggleable", "iconPosition", "fontType", "width", "iconButton"], outputs: ["buttonClick"] }] }); }
|
|
1899
1905
|
}
|
|
1900
1906
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdowntreeComponent, decorators: [{
|
|
1901
1907
|
type: Component,
|
|
@@ -2194,7 +2200,7 @@ class MultiSelectDropdownComponent {
|
|
|
2194
2200
|
this.modelChange.emit(ev);
|
|
2195
2201
|
}
|
|
2196
2202
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2197
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiSelectDropdownComponent, selector: "lib-multi-select-dropdown", inputs: { label: "label", id: "id", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", checkboxes: "checkboxes", filterable: "filterable", placeholder: "placeholder", readonly: "readonly", rounded: "rounded", size: "size", textField: "textField", valueField: "valueField", model: "model", valuePrimitive: "valuePrimitive", control: "control", fontType: "fontType", focus: "focus", autoClose: "autoClose" }, outputs: { modelChange: "modelChange" }, viewQueries: [{ propertyName: "multiSelect", first: true, predicate: ["multiSelect"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"multiselect\">\n <span *ngIf=\"label.length > 0\">\n <label class=\"multiselect-label\" for=\"{{ id }}\">\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n </lib-typography>\n </label>\n \n </span>\n <kendo-multiselect #multiSelect [checkboxes]=\"checkboxes\" [autoClose]=\"autoClose\" [id]=\"id\" [data]=\"data\" [(ngModel)]=\"model\"\n [textField]=\"textField\" [valueField]=\"valueField\" [valuePrimitive]=\"valuePrimitive\" [fillMode]=\"fillMode\"\n [clearButton]=\"clearButton\" [filterable]=\"filterable\" [placeholder]=\"placeholder\" [readonly]=\"readonly\"\n [rounded]=\"rounded\" [size]=\"size\" [formControl]=\"control\"\n (ngModelChange)=\"emitModelChange($event)\"></kendo-multiselect>\n</span>\n", styles: [".multiselect-label{margin-bottom:8px}\n"], dependencies: [{ kind: "directive", type:
|
|
2203
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiSelectDropdownComponent, selector: "lib-multi-select-dropdown", inputs: { label: "label", id: "id", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", checkboxes: "checkboxes", filterable: "filterable", placeholder: "placeholder", readonly: "readonly", rounded: "rounded", size: "size", textField: "textField", valueField: "valueField", model: "model", valuePrimitive: "valuePrimitive", control: "control", fontType: "fontType", focus: "focus", autoClose: "autoClose" }, outputs: { modelChange: "modelChange" }, viewQueries: [{ propertyName: "multiSelect", first: true, predicate: ["multiSelect"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span class=\"multiselect\">\n <span *ngIf=\"label.length > 0\">\n <label class=\"multiselect-label\" for=\"{{ id }}\">\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n </lib-typography>\n </label>\n \n </span>\n <kendo-multiselect #multiSelect [checkboxes]=\"checkboxes\" [autoClose]=\"autoClose\" [id]=\"id\" [data]=\"data\" [(ngModel)]=\"model\"\n [textField]=\"textField\" [valueField]=\"valueField\" [valuePrimitive]=\"valuePrimitive\" [fillMode]=\"fillMode\"\n [clearButton]=\"clearButton\" [filterable]=\"filterable\" [placeholder]=\"placeholder\" [readonly]=\"readonly\"\n [rounded]=\"rounded\" [size]=\"size\" [formControl]=\"control\"\n (ngModelChange)=\"emitModelChange($event)\"></kendo-multiselect>\n</span>\n", styles: [".multiselect-label{margin-bottom:8px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["showStickyHeader", "focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "adaptiveMode", "title", "subtitle", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }, { 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: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
2198
2204
|
}
|
|
2199
2205
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownComponent, decorators: [{
|
|
2200
2206
|
type: Component,
|
|
@@ -2333,7 +2339,7 @@ class DatepickerComponent {
|
|
|
2333
2339
|
this.onCloseEvent.emit(event);
|
|
2334
2340
|
}
|
|
2335
2341
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2336
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DatepickerComponent, selector: "lib-datepicker", inputs: { calendarType: "calendarType", isDisabled: "isDisabled", readOnlyInput: "readOnlyInput", disabledDates: "disabledDates", min: "min", max: "max", format: "format", placeholder: "placeholder", incompleteDateValidation: "incompleteDateValidation", fillMode: "fillMode", rounded: "rounded", size: "size", control: "control", value: "value", navigation: "navigation" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datepicker [calendarType]=\"calendarType\" [readOnlyInput]=\"readOnlyInput\"\n [disabledDates]=\"disabledDates\" [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\" \n (open)=\"onOpen($event)\" (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>", styles: [""], dependencies: [{ kind: "component", type: i2$
|
|
2342
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DatepickerComponent, selector: "lib-datepicker", inputs: { calendarType: "calendarType", isDisabled: "isDisabled", readOnlyInput: "readOnlyInput", disabledDates: "disabledDates", min: "min", max: "max", format: "format", placeholder: "placeholder", incompleteDateValidation: "incompleteDateValidation", fillMode: "fillMode", rounded: "rounded", size: "size", control: "control", value: "value", navigation: "navigation" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-datepicker [calendarType]=\"calendarType\" [readOnlyInput]=\"readOnlyInput\"\n [disabledDates]=\"disabledDates\" [value]=\"value\" [min]=\"min\" [max]=\"max\" [format]=\"format\" [placeholder]=\"placeholder\"\n [incompleteDateValidation]=\"incompleteDateValidation\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [navigation]=\"navigation\" \n (open)=\"onOpen($event)\" (valueChange)=\"onValueChange($event)\" [formControl]=\"control\"></kendo-datepicker>", styles: [""], dependencies: [{ kind: "component", type: i2$5.DatePickerComponent, selector: "kendo-datepicker", inputs: ["focusableId", "cellTemplate", "monthCellTemplate", "yearCellTemplate", "decadeCellTemplate", "centuryCellTemplate", "weekNumberTemplate", "headerTitleTemplate", "navigationItemTemplate", "activeView", "bottomView", "topView", "calendarType", "animateCalendarNavigation", "disabled", "readonly", "readOnlyInput", "popupSettings", "navigation", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "autoFill", "focusedDate", "value", "format", "twoDigitYearMax", "formatPlaceholder", "placeholder", "tabindex", "tabIndex", "disabledDates", "title", "subtitle", "rangeValidation", "disabledDatesValidation", "weekNumber", "size", "rounded", "fillMode", "adaptiveMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-datepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
2337
2343
|
}
|
|
2338
2344
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DatepickerComponent, decorators: [{
|
|
2339
2345
|
type: Component,
|
|
@@ -2617,7 +2623,7 @@ class CardComponent {
|
|
|
2617
2623
|
this.orientation = 'vertical';
|
|
2618
2624
|
}
|
|
2619
2625
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2620
|
-
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.CardComponent, selector: "kendo-card", inputs: ["orientation", "width"] }] }); }
|
|
2626
|
+
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"] }] }); }
|
|
2621
2627
|
}
|
|
2622
2628
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardComponent, decorators: [{
|
|
2623
2629
|
type: Component,
|
|
@@ -2637,7 +2643,7 @@ class CardHeaderComponent {
|
|
|
2637
2643
|
this.subtitleFont = 'H5_MULISH_14_REGULAR';
|
|
2638
2644
|
}
|
|
2639
2645
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2640
|
-
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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:
|
|
2646
|
+
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}.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"] }] }); }
|
|
2641
2647
|
}
|
|
2642
2648
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardHeaderComponent, decorators: [{
|
|
2643
2649
|
type: Component,
|
|
@@ -2656,7 +2662,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2656
2662
|
|
|
2657
2663
|
class CardFooterComponent {
|
|
2658
2664
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2659
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardFooterComponent, selector: "lib-card-footer", ngImport: i0, template: "<kendo-card-footer class=\"k-hstack\">\n <ng-content></ng-content>\n</kendo-card-footer>\n", styles: [".k-card-footer{justify-content:space-between}\n"], dependencies: [{ kind: "component", type: i2.CardFooterComponent, selector: "kendo-card-footer" }] }); }
|
|
2665
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardFooterComponent, selector: "lib-card-footer", ngImport: i0, template: "<kendo-card-footer class=\"k-hstack\">\n <ng-content></ng-content>\n</kendo-card-footer>\n", styles: [".k-card-footer{justify-content:space-between}\n"], dependencies: [{ kind: "component", type: i2$1.CardFooterComponent, selector: "kendo-card-footer" }] }); }
|
|
2660
2666
|
}
|
|
2661
2667
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardFooterComponent, decorators: [{
|
|
2662
2668
|
type: Component,
|
|
@@ -2669,7 +2675,7 @@ class CardActionsComponent {
|
|
|
2669
2675
|
this.orientation = 'horizontal';
|
|
2670
2676
|
}
|
|
2671
2677
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2672
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardActionsComponent, selector: "lib-card-actions", inputs: { layout: "layout", orientation: "orientation" }, ngImport: i0, template: "<kendo-card-actions\n [orientation]=\"orientation\"\n [layout]=\"layout\">\n <ng-content></ng-content>\n</kendo-card-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2.CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }] }); }
|
|
2678
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardActionsComponent, selector: "lib-card-actions", inputs: { layout: "layout", orientation: "orientation" }, ngImport: i0, template: "<kendo-card-actions\n [orientation]=\"orientation\"\n [layout]=\"layout\">\n <ng-content></ng-content>\n</kendo-card-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.CardActionsComponent, selector: "kendo-card-actions", inputs: ["orientation", "layout", "actions"], outputs: ["action"] }] }); }
|
|
2673
2679
|
}
|
|
2674
2680
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardActionsComponent, decorators: [{
|
|
2675
2681
|
type: Component,
|
|
@@ -2682,7 +2688,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2682
2688
|
|
|
2683
2689
|
class CardBodyComponent {
|
|
2684
2690
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2685
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardBodyComponent, selector: "lib-card-body", ngImport: i0, template: "<kendo-card-body>\n <ng-content></ng-content>\n</kendo-card-body>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2.CardBodyComponent, selector: "kendo-card-body" }] }); }
|
|
2691
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CardBodyComponent, selector: "lib-card-body", ngImport: i0, template: "<kendo-card-body>\n <ng-content></ng-content>\n</kendo-card-body>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.CardBodyComponent, selector: "kendo-card-body" }] }); }
|
|
2686
2692
|
}
|
|
2687
2693
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CardBodyComponent, decorators: [{
|
|
2688
2694
|
type: Component,
|
|
@@ -2743,7 +2749,7 @@ class DialogComponent {
|
|
|
2743
2749
|
this.renderer.appendChild(parentDialogElement[0], libActionsBar[0].childNodes[0]);
|
|
2744
2750
|
}
|
|
2745
2751
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2746
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogComponent, selector: "lib-dialog", inputs: { width: "width", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", minHeight: "minHeight", maxHeight: "maxHeight", opened: "opened" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], ngImport: i0, template: "<div #dialogRef>\n <kendo-dialog\n *ngIf=\"opened\"\n [width]=\"width\"\n [height]=\"height\"\n [minWidth]=\"minWidth\"\n [maxWidth]=\"maxWidth\"\n [minHeight]=\"minHeight\"\n [maxHeight]=\"maxHeight\">\n <div #contentRef>\n <ng-content></ng-content>\n </div>\n </kendo-dialog>\n</div>\n", styles: [":host ::ng-deep .dialog-title .k-button{display:none!important}:host ::ng-deep .k-window-content,:host ::ng-deep .k-prompt-container{padding:1.5rem}:host ::ng-deep .k-window-titlebar{padding:1rem 1.5rem}:host ::ng-deep .k-window-actions{margin:0;border-width:1px 0 0;padding:1rem 1.5rem;position:sticky;z-index:100;gap:1rem}\n"], dependencies: [{ kind: "directive", type:
|
|
2752
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogComponent, selector: "lib-dialog", inputs: { width: "width", height: "height", minWidth: "minWidth", maxWidth: "maxWidth", minHeight: "minHeight", maxHeight: "maxHeight", opened: "opened" }, viewQueries: [{ propertyName: "contentRef", first: true, predicate: ["contentRef"], descendants: true }, { propertyName: "dialogRef", first: true, predicate: ["dialogRef"], descendants: true }], ngImport: i0, template: "<div #dialogRef>\n <kendo-dialog\n *ngIf=\"opened\"\n [width]=\"width\"\n [height]=\"height\"\n [minWidth]=\"minWidth\"\n [maxWidth]=\"maxWidth\"\n [minHeight]=\"minHeight\"\n [maxHeight]=\"maxHeight\">\n <div #contentRef>\n <ng-content></ng-content>\n </div>\n </kendo-dialog>\n</div>\n", styles: [":host ::ng-deep .dialog-title .k-button{display:none!important}:host ::ng-deep .k-window-content,:host ::ng-deep .k-prompt-container{padding:1.5rem}:host ::ng-deep .k-window-titlebar{padding:1rem 1.5rem}:host ::ng-deep .k-window-actions{margin:0;border-width:1px 0 0;padding:1rem 1.5rem;position:sticky;z-index:100;gap:1rem}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$7.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }] }); }
|
|
2747
2753
|
}
|
|
2748
2754
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, decorators: [{
|
|
2749
2755
|
type: Component,
|
|
@@ -2789,7 +2795,7 @@ class DialogTitlebarComponent {
|
|
|
2789
2795
|
return;
|
|
2790
2796
|
}
|
|
2791
2797
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitlebarComponent, deps: [{ token: DialogComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2792
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: { title: "title", titleFont: "titleFont", hideCloseIcon: "hideCloseIcon" }, outputs: { closeDialog: "closeDialog" }, ngImport: i0, template: "<kendo-dialog-titlebar (close)=\"close()\" [ngClass]=\"closeBtn()\">\n <lib-typography\n [defaultText]=\"title\"\n [type]=\"titleFont\"\n ></lib-typography>\n</kendo-dialog-titlebar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type:
|
|
2798
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogTitlebarComponent, selector: "lib-dialog-titlebar", inputs: { title: "title", titleFont: "titleFont", hideCloseIcon: "hideCloseIcon" }, outputs: { closeDialog: "closeDialog" }, ngImport: i0, template: "<kendo-dialog-titlebar (close)=\"close()\" [ngClass]=\"closeBtn()\">\n <lib-typography\n [defaultText]=\"title\"\n [type]=\"titleFont\"\n ></lib-typography>\n</kendo-dialog-titlebar>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$7.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
2793
2799
|
}
|
|
2794
2800
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitlebarComponent, decorators: [{
|
|
2795
2801
|
type: Component,
|
|
@@ -2809,7 +2815,7 @@ class DialogActionsComponent {
|
|
|
2809
2815
|
this.buttonLayout = 'start';
|
|
2810
2816
|
}
|
|
2811
2817
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2812
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogActionsComponent, selector: "lib-dialog-actions", inputs: { buttonLayout: "buttonLayout" }, ngImport: i0, template: "<kendo-dialog-actions [layout]=\"buttonLayout\">\n <ng-content></ng-content>\n</kendo-dialog-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$
|
|
2818
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogActionsComponent, selector: "lib-dialog-actions", inputs: { buttonLayout: "buttonLayout" }, ngImport: i0, template: "<kendo-dialog-actions [layout]=\"buttonLayout\">\n <ng-content></ng-content>\n</kendo-dialog-actions>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$7.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }] }); }
|
|
2813
2819
|
}
|
|
2814
2820
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, decorators: [{
|
|
2815
2821
|
type: Component,
|
|
@@ -2859,7 +2865,7 @@ class GridLayoutComponent {
|
|
|
2859
2865
|
this.columns = [];
|
|
2860
2866
|
}
|
|
2861
2867
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2862
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridLayoutComponent, selector: "lib-grid-layout", inputs: { horizontalAlign: "horizontalAlign", verticalAlign: "verticalAlign", rowGap: "rowGap", columnGap: "columnGap", rows: "rows", columns: "columns" }, ngImport: i0, template: "<kendo-gridlayout\n [align]=\"{ horizontal: horizontalAlign, vertical: verticalAlign }\"\n [rows]=\"rows\"\n [cols]=\"columns\"\n [gap]=\"{ rows: rowGap, cols: columnGap }\"\n>\n <ng-content></ng-content>\n</kendo-gridlayout>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2.GridLayoutComponent, selector: "kendo-gridlayout", inputs: ["rows", "cols", "gap", "align"], exportAs: ["kendoGridLayout"] }] }); }
|
|
2868
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridLayoutComponent, selector: "lib-grid-layout", inputs: { horizontalAlign: "horizontalAlign", verticalAlign: "verticalAlign", rowGap: "rowGap", columnGap: "columnGap", rows: "rows", columns: "columns" }, ngImport: i0, template: "<kendo-gridlayout\n [align]=\"{ horizontal: horizontalAlign, vertical: verticalAlign }\"\n [rows]=\"rows\"\n [cols]=\"columns\"\n [gap]=\"{ rows: rowGap, cols: columnGap }\"\n>\n <ng-content></ng-content>\n</kendo-gridlayout>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.GridLayoutComponent, selector: "kendo-gridlayout", inputs: ["rows", "cols", "gap", "align"], exportAs: ["kendoGridLayout"] }] }); }
|
|
2863
2869
|
}
|
|
2864
2870
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutComponent, decorators: [{
|
|
2865
2871
|
type: Component,
|
|
@@ -2897,7 +2903,7 @@ class GridLayoutItemComponent {
|
|
|
2897
2903
|
this.renderer.removeChild(parent, el, true);
|
|
2898
2904
|
}
|
|
2899
2905
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutItemComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2900
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridLayoutItemComponent, selector: "lib-grid-layout-item", inputs: { rowNumber: "rowNumber", columnNumber: "columnNumber", rowSpan: "rowSpan", colSpan: "colSpan" }, ngImport: i0, template: "<kendo-gridlayout-item\n [row]=\"rowNumber\"\n [col]=\"columnNumber\"\n [rowSpan]=\"rowSpan\"\n [colSpan]=\"colSpan\"\n>\n <ng-content></ng-content>\n</kendo-gridlayout-item>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2.GridLayoutItemComponent, selector: "kendo-gridlayout-item", inputs: ["row", "col", "rowSpan", "colSpan"] }] }); }
|
|
2906
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GridLayoutItemComponent, selector: "lib-grid-layout-item", inputs: { rowNumber: "rowNumber", columnNumber: "columnNumber", rowSpan: "rowSpan", colSpan: "colSpan" }, ngImport: i0, template: "<kendo-gridlayout-item\n [row]=\"rowNumber\"\n [col]=\"columnNumber\"\n [rowSpan]=\"rowSpan\"\n [colSpan]=\"colSpan\"\n>\n <ng-content></ng-content>\n</kendo-gridlayout-item>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "component", type: i2$1.GridLayoutItemComponent, selector: "kendo-gridlayout-item", inputs: ["row", "col", "rowSpan", "colSpan"] }] }); }
|
|
2901
2907
|
}
|
|
2902
2908
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridLayoutItemComponent, decorators: [{
|
|
2903
2909
|
type: Component,
|
|
@@ -2974,7 +2980,7 @@ class TabstripComponent {
|
|
|
2974
2980
|
this.onTabSelect.emit(e);
|
|
2975
2981
|
}
|
|
2976
2982
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabstripComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2977
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabstripComponent, selector: "lib-tabstrip", inputs: { height: "height", alignment: "alignment", position: "position", selectedTab: "selectedTab" }, outputs: { onTabSelect: "onTabSelect" }, queries: [{ propertyName: "tabstripTabComponents", predicate: TabstripTabComponent, descendants: true }], ngImport: i0, template: "<kendo-tabstrip\n [tabPosition]=\"position\"\n [tabAlignment]=\"alignment\"\n [height]=\"height\"\n (tabSelect)=\"onTabSelectEvent($event)\"\n [keepTabContent]=\"true\"\n>\n <kendo-tabstrip-tab\n *ngFor=\"let tabstripTabComponent of tabstripTabComponents; let i = index\"\n title=\"{{ tabstripTabComponent.title }}\"\n [selected]=\"i == selectedTab\"\n >\n <ng-template kendoTabTitle *ngIf=\"tabstripTabComponent.customHeader\">\n <ng-container *ngTemplateOutlet=\"tabstripTabComponent.titleRef\">\n </ng-container>\n </ng-template>\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tabstripTabComponent.contentRef\">\n </ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n</kendo-tabstrip>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ kind: "directive", type:
|
|
2983
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TabstripComponent, selector: "lib-tabstrip", inputs: { height: "height", alignment: "alignment", position: "position", selectedTab: "selectedTab" }, outputs: { onTabSelect: "onTabSelect" }, queries: [{ propertyName: "tabstripTabComponents", predicate: TabstripTabComponent, descendants: true }], ngImport: i0, template: "<kendo-tabstrip\n [tabPosition]=\"position\"\n [tabAlignment]=\"alignment\"\n [height]=\"height\"\n (tabSelect)=\"onTabSelectEvent($event)\"\n [keepTabContent]=\"true\"\n>\n <kendo-tabstrip-tab\n *ngFor=\"let tabstripTabComponent of tabstripTabComponents; let i = index\"\n title=\"{{ tabstripTabComponent.title }}\"\n [selected]=\"i == selectedTab\"\n >\n <ng-template kendoTabTitle *ngIf=\"tabstripTabComponent.customHeader\">\n <ng-container *ngTemplateOutlet=\"tabstripTabComponent.titleRef\">\n </ng-container>\n </ng-template>\n <ng-template kendoTabContent>\n <ng-container *ngTemplateOutlet=\"tabstripTabComponent.contentRef\">\n </ng-container>\n </ng-template>\n </kendo-tabstrip-tab>\n</kendo-tabstrip>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\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$1.TabStripComponent, selector: "kendo-tabstrip", inputs: ["height", "animate", "tabAlignment", "tabPosition", "keepTabContent", "closable", "scrollable", "closeIcon", "closeIconClass", "closeSVGIcon", "showContentArea"], outputs: ["tabSelect", "tabClose", "tabScroll"], exportAs: ["kendoTabStrip"] }, { kind: "component", type: i2$1.TabStripTabComponent, selector: "kendo-tabstrip-tab", inputs: ["title", "disabled", "cssClass", "cssStyle", "selected", "closable", "closeIcon", "closeIconClass", "closeSVGIcon"], exportAs: ["kendoTabStripTab"] }, { kind: "directive", type: i2$1.TabContentDirective, selector: "[kendoTabContent]" }, { kind: "directive", type: i2$1.TabTitleDirective, selector: "[kendoTabTitle]" }] }); }
|
|
2978
2984
|
}
|
|
2979
2985
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TabstripComponent, decorators: [{
|
|
2980
2986
|
type: Component,
|
|
@@ -3191,7 +3197,7 @@ class LibGridComponent {
|
|
|
3191
3197
|
this.deletedRowData.emit(rowDetails);
|
|
3192
3198
|
}
|
|
3193
3199
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LibGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3194
|
-
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}::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: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.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"] }] }); }
|
|
3200
|
+
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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}::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$3.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$3.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"] }] }); }
|
|
3195
3201
|
}
|
|
3196
3202
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LibGridComponent, decorators: [{
|
|
3197
3203
|
type: Component,
|
|
@@ -3368,7 +3374,7 @@ class GridFormComponent {
|
|
|
3368
3374
|
this.formGroup = undefined;
|
|
3369
3375
|
}
|
|
3370
3376
|
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 }); }
|
|
3371
|
-
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:
|
|
3377
|
+
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$3.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" }] }); }
|
|
3372
3378
|
}
|
|
3373
3379
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridFormComponent, decorators: [{
|
|
3374
3380
|
type: Component,
|
|
@@ -3729,7 +3735,7 @@ class GridPaginationComponent {
|
|
|
3729
3735
|
}
|
|
3730
3736
|
}
|
|
3731
3737
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3732
|
-
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" }, outputs: { selectedRowData: "selectedRowData", rowDetails: "rowDetails", kebabItemClick: "kebabItemClick", rowDataOfClickedCell: "rowDataOfClickedCell", onPageChange: "onPageChange", sortDirection: "sortDirection", deletedRowData: "deletedRowData" }, 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)\" [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\">\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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}::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: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.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$1.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" }] }); }
|
|
3738
|
+
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" }, outputs: { selectedRowData: "selectedRowData", rowDetails: "rowDetails", kebabItemClick: "kebabItemClick", rowDataOfClickedCell: "rowDataOfClickedCell", onPageChange: "onPageChange", sortDirection: "sortDirection", deletedRowData: "deletedRowData" }, 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)\" [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\">\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: ["@font-face{font-family:Mulish;src:url(/assets/fonts/Mulish-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Italic.ttf);font-weight:400;font-style:italic}@font-face{font-family:Mulish;src:url(../assets/fonts/Mulish-Bold.ttf);font-weight:700;font-style:normal}::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$3.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$3.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$1.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" }] }); }
|
|
3733
3739
|
}
|
|
3734
3740
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GridPaginationComponent, decorators: [{
|
|
3735
3741
|
type: Component,
|