@progress-chef/platform-shared-components 0.0.69 → 0.0.71
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/atoms/checkbox/checkbox.component.mjs +5 -5
- package/esm2022/lib/atoms/dropdown/dropdown.component.mjs +5 -6
- package/esm2022/lib/atoms/multi-select-dropdown/multi-select-dropdown.component.mjs +5 -5
- package/esm2022/lib/atoms/numeric-textbox/numeric-textbox.component.mjs +4 -7
- package/esm2022/lib/atoms/radio-button/radio-button.component.mjs +5 -5
- package/esm2022/lib/atoms/typography/typography.component.mjs +4 -4
- package/esm2022/lib/molecules/dialog/dialog.component.mjs +5 -3
- package/fesm2022/progress-chef-platform-shared-components.mjs +26 -28
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/atoms/checkbox/checkbox.component.d.ts +2 -2
- package/lib/atoms/dropdown/dropdown.component.d.ts +2 -2
- package/lib/atoms/multi-select-dropdown/multi-select-dropdown.component.d.ts +2 -2
- package/lib/atoms/numeric-textbox/numeric-textbox.component.d.ts +1 -2
- package/lib/atoms/radio-button/radio-button.component.d.ts +2 -2
- package/lib/atoms/typography/typography.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -259,7 +259,7 @@ class TypographyComponent {
|
|
|
259
259
|
this.hiddenLabel = "";
|
|
260
260
|
this.showDefaultText = true;
|
|
261
261
|
this.font = Typography[this.type];
|
|
262
|
-
this.input_id =
|
|
262
|
+
this.input_id = "";
|
|
263
263
|
}
|
|
264
264
|
ngAfterViewInit() {
|
|
265
265
|
if (!this.input_id) {
|
|
@@ -286,11 +286,11 @@ class TypographyComponent {
|
|
|
286
286
|
this.showDefaultText = !this.isLabel && (!childrenCount || childrenCount == 0);
|
|
287
287
|
}
|
|
288
288
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
289
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TypographyComponent, selector: "lib-typography", inputs: { type: "type", defaultText: "defaultText", isLabel: "isLabel", hiddenLabel: "hiddenLabel" }, viewQueries: [{ propertyName: "child", first: true, predicate: ["ref"], descendants: true }, { propertyName: "labelChild", first: true, predicate: ["ref_label"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>{{defaultText}}<ng-container\n *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">{{defaultText}}<ng-container\n *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".display-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:40px!important;line-height:48px!important}.display-medium{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:32px!important;line-height:40px!important;letter-spacing:.25px!important}.display-small{font-family:Inter,sans-serif!important;font-weight:300!important;font-style:normal!important;font-size:32px!important;line-height:40px!important}.heading-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:24px!important;line-height:36px!important;letter-spacing:.15px!important}.heading-medium{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:18px!important;line-height:24px!important;letter-spacing:.15px!important}.heading-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.subtitle-regular{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.subtitle-small{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-large{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.body-medium{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.body-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-unit-label{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:11px!important;line-height:12px!important;letter-spacing:.5px!important}.overline-label-regular,.overline-label-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important;text-transform:uppercase}.button-regular{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important;letter-spacing:.5px!important}.button-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important}.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: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
289
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TypographyComponent, selector: "lib-typography", inputs: { type: "type", defaultText: "defaultText", isLabel: "isLabel", hiddenLabel: "hiddenLabel" }, viewQueries: [{ propertyName: "child", first: true, predicate: ["ref"], descendants: true }, { propertyName: "labelChild", first: true, predicate: ["ref_label"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id || ''}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>{{defaultText}}<ng-container\n *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">{{defaultText}}<ng-container\n *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".display-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:40px!important;line-height:48px!important}.display-medium{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:32px!important;line-height:40px!important;letter-spacing:.25px!important}.display-small{font-family:Inter,sans-serif!important;font-weight:300!important;font-style:normal!important;font-size:32px!important;line-height:40px!important}.heading-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:24px!important;line-height:36px!important;letter-spacing:.15px!important}.heading-medium{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:18px!important;line-height:24px!important;letter-spacing:.15px!important}.heading-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.subtitle-regular{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.subtitle-small{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-large{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.body-medium{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.body-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-unit-label{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:11px!important;line-height:12px!important;letter-spacing:.5px!important}.overline-label-regular,.overline-label-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important;text-transform:uppercase}.button-regular{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important;letter-spacing:.5px!important}.button-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important}.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: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
290
290
|
}
|
|
291
291
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, decorators: [{
|
|
292
292
|
type: Component,
|
|
293
|
-
args: [{ selector: 'lib-typography', template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>{{defaultText}}<ng-container\n *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">{{defaultText}}<ng-container\n *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".display-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:40px!important;line-height:48px!important}.display-medium{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:32px!important;line-height:40px!important;letter-spacing:.25px!important}.display-small{font-family:Inter,sans-serif!important;font-weight:300!important;font-style:normal!important;font-size:32px!important;line-height:40px!important}.heading-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:24px!important;line-height:36px!important;letter-spacing:.15px!important}.heading-medium{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:18px!important;line-height:24px!important;letter-spacing:.15px!important}.heading-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.subtitle-regular{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.subtitle-small{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-large{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.body-medium{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.body-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-unit-label{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:11px!important;line-height:12px!important;letter-spacing:.5px!important}.overline-label-regular,.overline-label-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important;text-transform:uppercase}.button-regular{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important;letter-spacing:.5px!important}.button-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important}.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"] }]
|
|
293
|
+
args: [{ selector: 'lib-typography', template: "<ng-container>\n <!-- <span *ngIf=\"!isLabel\" #ref [class]=\"font\"><ng-content></ng-content></span> -->\n <label *ngIf=\"isLabel\" #ref_label [class]=\"font\" attr.for=\"{{input_id || ''}}\">\n <span class=\"visually-hidden\">{{hiddenLabel}}</span>{{defaultText}}<ng-container\n *ngTemplateOutlet=\"customText\"></ng-container>\n </label>\n <span *ngIf=\"showDefaultText && !isLabel\" [class]=\"font\">{{defaultText}}<ng-container\n *ngTemplateOutlet=\"customText\"></ng-container>\n </span>\n</ng-container>\n\n<ng-template #customText>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".display-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:40px!important;line-height:48px!important}.display-medium{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:32px!important;line-height:40px!important;letter-spacing:.25px!important}.display-small{font-family:Inter,sans-serif!important;font-weight:300!important;font-style:normal!important;font-size:32px!important;line-height:40px!important}.heading-large{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:24px!important;line-height:36px!important;letter-spacing:.15px!important}.heading-medium{font-family:Inter,sans-serif!important;font-weight:700!important;font-style:normal!important;font-size:18px!important;line-height:24px!important;letter-spacing:.15px!important}.heading-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.subtitle-regular{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.subtitle-small{font-family:Inter,sans-serif!important;font-weight:600!important;font-style:normal!important;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-large{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:16px!important;line-height:24px!important}.body-medium{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.25px!important}.body-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal;font-size:12px!important;line-height:16px!important;letter-spacing:.25px!important}.body-unit-label{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:11px!important;line-height:12px!important;letter-spacing:.5px!important}.overline-label-regular,.overline-label-small{font-family:Inter,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important;text-transform:uppercase}.button-regular{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:16px!important;line-height:24px!important;letter-spacing:.5px!important}.button-small{font-family:Inter,sans-serif!important;font-weight:500!important;font-style:normal!important;font-size:14px!important;line-height:20px!important;letter-spacing:.5px!important}.visually-hidden{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}label{display:inline}\n"] }]
|
|
294
294
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
|
|
295
295
|
type: Input
|
|
296
296
|
}], defaultText: [{
|
|
@@ -675,7 +675,7 @@ class CheckboxComponent {
|
|
|
675
675
|
constructor(themesService) {
|
|
676
676
|
this.themesService = themesService;
|
|
677
677
|
this.control = new FormControl();
|
|
678
|
-
this.
|
|
678
|
+
this.elementId = '';
|
|
679
679
|
this.size = 'medium';
|
|
680
680
|
this.rounded = 'none';
|
|
681
681
|
this.label = '';
|
|
@@ -687,14 +687,14 @@ class CheckboxComponent {
|
|
|
687
687
|
this.modelChange.emit(ev);
|
|
688
688
|
}
|
|
689
689
|
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 }); }
|
|
690
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxComponent, selector: "lib-checkbox", inputs: { control: "control",
|
|
690
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: CheckboxComponent, selector: "lib-checkbox", inputs: { control: "control", elementId: "elementId", 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]=\"elementId\">\n <lib-typography [defaultText]=\"label\" [type]=\"labelFont\" class=\"checkbox-label\">\n <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n </lib-typography>\n </label>\n \n</span>\n<input type=\"checkbox\" [size]=\"size\" [rounded]=\"rounded\" [id]=\"elementId\" (ngModelChange)=\"emitValueChange($event)\"\n [formControl]=\"control\" kendoCheckBox />\n<span *ngIf=\"labelPosition === 'after'\">\n \n <label class=\"k-checkbox-label\" [for]=\"elementId\">\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: [".checkbox-label{display:flex}\n"], dependencies: [{ 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: "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"] }] }); }
|
|
691
691
|
}
|
|
692
692
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: CheckboxComponent, decorators: [{
|
|
693
693
|
type: Component,
|
|
694
|
-
args: [{ selector: 'lib-checkbox', template: "<span *ngIf=\"labelPosition === 'before'\">\n <label class=\"k-checkbox-label\" for=\"
|
|
694
|
+
args: [{ selector: 'lib-checkbox', template: "<span *ngIf=\"labelPosition === 'before'\">\n <label class=\"k-checkbox-label\" [for]=\"elementId\">\n <lib-typography [defaultText]=\"label\" [type]=\"labelFont\" class=\"checkbox-label\">\n <ng-container *ngTemplateOutlet=\"customLabel\"></ng-container>\n </lib-typography>\n </label>\n \n</span>\n<input type=\"checkbox\" [size]=\"size\" [rounded]=\"rounded\" [id]=\"elementId\" (ngModelChange)=\"emitValueChange($event)\"\n [formControl]=\"control\" kendoCheckBox />\n<span *ngIf=\"labelPosition === 'after'\">\n \n <label class=\"k-checkbox-label\" [for]=\"elementId\">\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: [".checkbox-label{display:flex}\n"] }]
|
|
695
695
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { control: [{
|
|
696
696
|
type: Input
|
|
697
|
-
}],
|
|
697
|
+
}], elementId: [{
|
|
698
698
|
type: Input
|
|
699
699
|
}], size: [{
|
|
700
700
|
type: Input
|
|
@@ -862,7 +862,7 @@ class DropdownComponent {
|
|
|
862
862
|
}
|
|
863
863
|
constructor(themesService) {
|
|
864
864
|
this.themesService = themesService;
|
|
865
|
-
this.
|
|
865
|
+
this.elementId = "sampleId";
|
|
866
866
|
this.label = "";
|
|
867
867
|
this.data = [];
|
|
868
868
|
this.isDisabled = false;
|
|
@@ -912,16 +912,15 @@ class DropdownComponent {
|
|
|
912
912
|
}
|
|
913
913
|
}
|
|
914
914
|
emitModelChange(ev) {
|
|
915
|
-
console.log(ev);
|
|
916
915
|
this.modelChange.emit(ev);
|
|
917
916
|
}
|
|
918
917
|
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 }); }
|
|
919
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: {
|
|
918
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DropdownComponent, selector: "lib-dropdown", inputs: { elementId: "elementId", label: "label", data: "data", isDisabled: "isDisabled", clearButton: "clearButton", fillMode: "fillMode", filterable: "filterable", placeholder: "placeholder", itemDisabled: "itemDisabled", useAsComboBox: "useAsComboBox", selectedItem: "selectedItem", 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", width: "width" }, 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]=\"elementId\">\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n </lib-typography>\n </label>\n \n </span>\n <kendo-combobox *ngIf=\"_useAsComboBox\" #comboBox [id]=\"elementId\" [data]=\"data\" [style.width]=\"width\" [clearButton]=\"clearButton\" fillMode=\"outline\"\n [filterable]=\"filterable\" [placeholder]=\"placeholder\" [readonly]=\"readonly\" rounded=\"small\" [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 <kendo-dropdownlist *ngIf=\"!_useAsComboBox\"\n [data]=\"data\"\n [textField]=\"textField\"\n [valueField]=\"valueField\"\n [(ngModel)]=\"model\"\n (selectionChange)=\"emitModelChange($event)\"\n [itemDisabled]=\"_itemDisabled\"\n [style.width]=\"width\"\n [valuePrimitive]=\"valuePrimitive\"\n [rounded]=\"rounded\"\n [size]=\"size\"\n >\n </kendo-dropdownlist>\n</span>\n \n", styles: [".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: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.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: "component", type: i3$2.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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"] }] }); }
|
|
920
919
|
}
|
|
921
920
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DropdownComponent, decorators: [{
|
|
922
921
|
type: Component,
|
|
923
|
-
args: [{ selector: 'lib-dropdown', template: "<span class=\"dropdown\">\n <span *ngIf=\"label.length > 0\">\n <label class=\"checkbox-label\" for=\"
|
|
924
|
-
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: {
|
|
922
|
+
args: [{ selector: 'lib-dropdown', template: "<span class=\"dropdown\">\n <span *ngIf=\"label.length > 0\">\n <label class=\"checkbox-label\" [for]=\"elementId\">\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n </lib-typography>\n </label>\n \n </span>\n <kendo-combobox *ngIf=\"_useAsComboBox\" #comboBox [id]=\"elementId\" [data]=\"data\" [style.width]=\"width\" [clearButton]=\"clearButton\" fillMode=\"outline\"\n [filterable]=\"filterable\" [placeholder]=\"placeholder\" [readonly]=\"readonly\" rounded=\"small\" [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 <kendo-dropdownlist *ngIf=\"!_useAsComboBox\"\n [data]=\"data\"\n [textField]=\"textField\"\n [valueField]=\"valueField\"\n [(ngModel)]=\"model\"\n (selectionChange)=\"emitModelChange($event)\"\n [itemDisabled]=\"_itemDisabled\"\n [style.width]=\"width\"\n [valuePrimitive]=\"valuePrimitive\"\n [rounded]=\"rounded\"\n [size]=\"size\"\n >\n </kendo-dropdownlist>\n</span>\n \n", styles: [".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"] }]
|
|
923
|
+
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { elementId: [{
|
|
925
924
|
type: Input
|
|
926
925
|
}], label: [{
|
|
927
926
|
type: Input
|
|
@@ -1238,7 +1237,7 @@ class RadioButtonComponent {
|
|
|
1238
1237
|
this.label = "";
|
|
1239
1238
|
this.labelPosition = "before";
|
|
1240
1239
|
this.labelFont = 'BODY_MEDIUM';
|
|
1241
|
-
this.
|
|
1240
|
+
this.elementId = "sampleId";
|
|
1242
1241
|
this.model = '';
|
|
1243
1242
|
this.modelChange = new EventEmitter();
|
|
1244
1243
|
}
|
|
@@ -1246,11 +1245,11 @@ class RadioButtonComponent {
|
|
|
1246
1245
|
this.modelChange.emit(ev);
|
|
1247
1246
|
}
|
|
1248
1247
|
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 }); }
|
|
1249
|
-
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",
|
|
1248
|
+
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", elementId: "elementId", model: "model" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "<span *ngIf=\"labelPosition === 'before'\">\n <label class=\"k-checkbox-label\" [for]=\"elementId\">\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=\"radio\" [size]=\"size\" [name]=\"name\" [value]=\"value\" [formControl]=\"control\" [ngModel]=\"model\"\n (ngModelChange)=\"emitModelChange($event)\" [id]=\"elementId\" kendoRadioButton />\n<span *ngIf=\"labelPosition === 'after'\">\n <label class=\"k-checkbox-label\" [for]=\"elementId\">\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: ["input{margin-right:1rem}\n"], dependencies: [{ 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: "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"] }] }); }
|
|
1250
1249
|
}
|
|
1251
1250
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
1252
1251
|
type: Component,
|
|
1253
|
-
args: [{ selector: 'lib-radio-button', template: "<span *ngIf=\"labelPosition === 'before'\">\n <label class=\"k-checkbox-label\" for=\"
|
|
1252
|
+
args: [{ selector: 'lib-radio-button', template: "<span *ngIf=\"labelPosition === 'before'\">\n <label class=\"k-checkbox-label\" [for]=\"elementId\">\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=\"radio\" [size]=\"size\" [name]=\"name\" [value]=\"value\" [formControl]=\"control\" [ngModel]=\"model\"\n (ngModelChange)=\"emitModelChange($event)\" [id]=\"elementId\" kendoRadioButton />\n<span *ngIf=\"labelPosition === 'after'\">\n <label class=\"k-checkbox-label\" [for]=\"elementId\">\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: ["input{margin-right:1rem}\n"] }]
|
|
1254
1253
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { size: [{
|
|
1255
1254
|
type: Input
|
|
1256
1255
|
}], name: [{
|
|
@@ -1265,7 +1264,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1265
1264
|
type: Input
|
|
1266
1265
|
}], labelFont: [{
|
|
1267
1266
|
type: Input
|
|
1268
|
-
}],
|
|
1267
|
+
}], elementId: [{
|
|
1269
1268
|
type: Input
|
|
1270
1269
|
}], model: [{
|
|
1271
1270
|
type: Input
|
|
@@ -1823,7 +1822,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1823
1822
|
class NumericTextboxComponent {
|
|
1824
1823
|
constructor(themesService) {
|
|
1825
1824
|
this.themesService = themesService;
|
|
1826
|
-
this.id = "sampleId";
|
|
1827
1825
|
this.autoCorrect = true;
|
|
1828
1826
|
this.width = 200;
|
|
1829
1827
|
this.isDisabled = false;
|
|
@@ -1851,14 +1849,12 @@ class NumericTextboxComponent {
|
|
|
1851
1849
|
this.modelChange.emit(ev);
|
|
1852
1850
|
}
|
|
1853
1851
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextboxComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1854
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumericTextboxComponent, selector: "lib-numeric-textbox", inputs: {
|
|
1852
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: NumericTextboxComponent, selector: "lib-numeric-textbox", inputs: { autoCorrect: "autoCorrect", width: "width", isDisabled: "isDisabled", value: "value", min: "min", max: "max", step: "step", format: "format", fillMode: "fillMode", rounded: "rounded", size: "size", readonly: "readonly", placeholder: "placeholder", model: "model", control: "control" }, outputs: { modelChange: "modelChange" }, usesOnChanges: true, ngImport: i0, template: "<kendo-numerictextbox [autoCorrect]=\"autoCorrect\" [style.width.px]=\"width\" [value]=\"value\" [min]=\"min\"\n [max]=\"max\" [step]=\"step\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [readonly]=\"readonly\"\n [placeholder]=\"placeholder\" [format]=\"format\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n [formControl]=\"control\">\n</kendo-numerictextbox>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"], dependencies: [{ 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: i3$1.NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur"], exportAs: ["kendoNumericTextBox"] }] }); }
|
|
1855
1853
|
}
|
|
1856
1854
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NumericTextboxComponent, decorators: [{
|
|
1857
1855
|
type: Component,
|
|
1858
|
-
args: [{ selector: 'lib-numeric-textbox', template: "<kendo-numerictextbox [
|
|
1859
|
-
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: {
|
|
1860
|
-
type: Input
|
|
1861
|
-
}], autoCorrect: [{
|
|
1856
|
+
args: [{ selector: 'lib-numeric-textbox', template: "<kendo-numerictextbox [autoCorrect]=\"autoCorrect\" [style.width.px]=\"width\" [value]=\"value\" [min]=\"min\"\n [max]=\"max\" [step]=\"step\" [fillMode]=\"fillMode\" [rounded]=\"rounded\" [size]=\"size\" [readonly]=\"readonly\"\n [placeholder]=\"placeholder\" [format]=\"format\" [ngModel]=\"model\" (ngModelChange)=\"emitModelChange($event)\"\n [formControl]=\"control\">\n</kendo-numerictextbox>\n", styles: [".random-css-to-not-keep-this-file-empty{display:none}\n"] }]
|
|
1857
|
+
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { autoCorrect: [{
|
|
1862
1858
|
type: Input
|
|
1863
1859
|
}], width: [{
|
|
1864
1860
|
type: Input
|
|
@@ -2229,7 +2225,7 @@ class MultiSelectDropdownComponent {
|
|
|
2229
2225
|
constructor(themesService) {
|
|
2230
2226
|
this.themesService = themesService;
|
|
2231
2227
|
this.label = "";
|
|
2232
|
-
this.
|
|
2228
|
+
this.elementId = "sampleId";
|
|
2233
2229
|
this.data = [];
|
|
2234
2230
|
this.isDisabled = false;
|
|
2235
2231
|
this.clearButton = false;
|
|
@@ -2266,14 +2262,14 @@ class MultiSelectDropdownComponent {
|
|
|
2266
2262
|
this.modelChange.emit(ev);
|
|
2267
2263
|
}
|
|
2268
2264
|
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 }); }
|
|
2269
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiSelectDropdownComponent, selector: "lib-multi-select-dropdown", inputs: { label: "label",
|
|
2265
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MultiSelectDropdownComponent, selector: "lib-multi-select-dropdown", inputs: { label: "label", elementId: "elementId", 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]=\"elementId\">\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n </lib-typography>\n </label>\n \n </span>\n <kendo-multiselect #multiSelect [checkboxes]=\"checkboxes\" [autoClose]=\"autoClose\" [id]=\"elementId\" [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: i1$2.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"] }] }); }
|
|
2270
2266
|
}
|
|
2271
2267
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownComponent, decorators: [{
|
|
2272
2268
|
type: Component,
|
|
2273
|
-
args: [{ selector: 'lib-multi-select-dropdown', template: "<span class=\"multiselect\">\n <span *ngIf=\"label.length > 0\">\n <label class=\"multiselect-label\" for=\"
|
|
2269
|
+
args: [{ selector: 'lib-multi-select-dropdown', template: "<span class=\"multiselect\">\n <span *ngIf=\"label.length > 0\">\n <label class=\"multiselect-label\" [for]=\"elementId\">\n <lib-typography [defaultText]=\"label\" [type]=\"fontType\">\n </lib-typography>\n </label>\n \n </span>\n <kendo-multiselect #multiSelect [checkboxes]=\"checkboxes\" [autoClose]=\"autoClose\" [id]=\"elementId\" [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"] }]
|
|
2274
2270
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { label: [{
|
|
2275
2271
|
type: Input
|
|
2276
|
-
}],
|
|
2272
|
+
}], elementId: [{
|
|
2277
2273
|
type: Input
|
|
2278
2274
|
}], data: [{
|
|
2279
2275
|
type: Input
|
|
@@ -3523,10 +3519,12 @@ class DialogComponent {
|
|
|
3523
3519
|
const contentRefElement = this.contentRef?.nativeElement;
|
|
3524
3520
|
const dialogRefElement = this.dialogRef?.nativeElement;
|
|
3525
3521
|
const parentDialogElement = dialogRefElement.getElementsByClassName('k-dialog');
|
|
3526
|
-
const libActionsBar = contentRefElement.getElementsByTagName('lib-dialog-actions');
|
|
3527
3522
|
const libTitleBar = dialogRefElement.getElementsByTagName('lib-dialog-titlebar');
|
|
3528
3523
|
this.renderer.insertBefore(parentDialogElement[0], libTitleBar[0].childNodes[0], contentRefElement.parentElement);
|
|
3529
|
-
|
|
3524
|
+
const libActionsBar = contentRefElement.getElementsByTagName('lib-dialog-actions');
|
|
3525
|
+
if (libActionsBar.length) {
|
|
3526
|
+
this.renderer.appendChild(parentDialogElement[0], libActionsBar[0].childNodes[0]);
|
|
3527
|
+
}
|
|
3530
3528
|
}
|
|
3531
3529
|
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 }); }
|
|
3532
3530
|
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: i1$2.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"] }] }); }
|