@progress-chef/platform-shared-components 0.0.83 → 0.0.85
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/atoms.module.mjs +12 -5
- package/esm2022/lib/atoms/multi-select-dropdown/multi-select-dropdown.component.mjs +55 -6
- package/esm2022/lib/atoms/multi-select-dropdown/multi-select-dropdown.module.mjs +7 -3
- package/esm2022/lib/atoms/typography/typography.component.mjs +5 -4
- package/esm2022/lib/atoms/uploader/uploader.component.mjs +183 -0
- package/esm2022/lib/atoms/uploader/uploader.module.mjs +49 -0
- package/esm2022/public-api.mjs +3 -1
- package/fesm2022/progress-chef-platform-shared-components.mjs +295 -19
- package/fesm2022/progress-chef-platform-shared-components.mjs.map +1 -1
- package/lib/atoms/atoms.module.d.ts +2 -1
- package/lib/atoms/multi-select-dropdown/multi-select-dropdown.component.d.ts +16 -3
- package/lib/atoms/multi-select-dropdown/multi-select-dropdown.module.d.ts +2 -1
- package/lib/atoms/uploader/uploader.component.d.ts +57 -0
- package/lib/atoms/uploader/uploader.module.d.ts +13 -0
- package/package.json +2 -1
- package/public-api.d.ts +2 -0
|
@@ -42,7 +42,9 @@ import { ListViewModule } from '@progress/kendo-angular-listview';
|
|
|
42
42
|
import * as i1$3 from '@progress/kendo-angular-utils';
|
|
43
43
|
import { DragTargetContainerDirective, DropTargetContainerDirective, UtilsModule } from '@progress/kendo-angular-utils';
|
|
44
44
|
import { BrowserModule } from '@angular/platform-browser';
|
|
45
|
-
import * as i2$8 from '@progress/kendo-angular-
|
|
45
|
+
import * as i2$8 from '@progress/kendo-angular-upload';
|
|
46
|
+
import { UploadsModule } from '@progress/kendo-angular-upload';
|
|
47
|
+
import * as i2$9 from '@progress/kendo-angular-dialog';
|
|
46
48
|
import { DialogsModule, DialogModule as DialogModule$1 } from '@progress/kendo-angular-dialog';
|
|
47
49
|
import * as i5 from '@progress/kendo-angular-grid';
|
|
48
50
|
import { GridComponent, GridModule } from '@progress/kendo-angular-grid';
|
|
@@ -247,7 +249,8 @@ const Typography = {
|
|
|
247
249
|
OVERLINE_LABEL_REGULAR: 'overline-label-regular',
|
|
248
250
|
OVERLINE_LABEL_SMALL: 'overline-label-small',
|
|
249
251
|
BUTTON_REGULAR: 'button-regular',
|
|
250
|
-
BUTTON_SMALL: 'button-small'
|
|
252
|
+
BUTTON_SMALL: 'button-small',
|
|
253
|
+
CODE_BODY_MEDIUM: 'code-body-medium'
|
|
251
254
|
};
|
|
252
255
|
class TypographyComponent {
|
|
253
256
|
constructor(themesService, cdRef) {
|
|
@@ -286,11 +289,11 @@ class TypographyComponent {
|
|
|
286
289
|
this.showDefaultText = !this.isLabel && (!childrenCount || childrenCount == 0);
|
|
287
290
|
}
|
|
288
291
|
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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
292
|
+
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}.code-body-medium{font-family:Firacode,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
290
293
|
}
|
|
291
294
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TypographyComponent, decorators: [{
|
|
292
295
|
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"] }]
|
|
296
|
+
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}.code-body-medium{font-family:Firacode,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:14px!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
297
|
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
|
|
295
298
|
type: Input
|
|
296
299
|
}], defaultText: [{
|
|
@@ -2300,8 +2303,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2300
2303
|
}] });
|
|
2301
2304
|
|
|
2302
2305
|
class MultiSelectDropdownComponent {
|
|
2303
|
-
constructor(themesService) {
|
|
2306
|
+
constructor(themesService, renderer) {
|
|
2304
2307
|
this.themesService = themesService;
|
|
2308
|
+
this.renderer = renderer;
|
|
2309
|
+
this.scrollListener = null;
|
|
2305
2310
|
this.label = "";
|
|
2306
2311
|
this.elementId = "sampleId";
|
|
2307
2312
|
this.data = [];
|
|
@@ -2320,6 +2325,13 @@ class MultiSelectDropdownComponent {
|
|
|
2320
2325
|
this.fontType = 'BODY_MEDIUM';
|
|
2321
2326
|
this.focus = false;
|
|
2322
2327
|
this.autoClose = false;
|
|
2328
|
+
this.loading = false;
|
|
2329
|
+
this.loaderType = LoaderType.pulsing;
|
|
2330
|
+
this.loaderSize = LoaderSize.medium;
|
|
2331
|
+
this.loaderTheme = LoaderThemeColor.primary;
|
|
2332
|
+
this.popupClass = "";
|
|
2333
|
+
this.infiniteScrollLoader = false;
|
|
2334
|
+
this.onScrollEnd = new EventEmitter();
|
|
2323
2335
|
}
|
|
2324
2336
|
ngOnChanges(changes) {
|
|
2325
2337
|
if (changes['isDisabled']) {
|
|
@@ -2339,13 +2351,37 @@ class MultiSelectDropdownComponent {
|
|
|
2339
2351
|
emitModelChange(ev) {
|
|
2340
2352
|
this.modelChange.emit(ev);
|
|
2341
2353
|
}
|
|
2342
|
-
|
|
2343
|
-
|
|
2354
|
+
onScroll(event) {
|
|
2355
|
+
if (event.target.offsetHeight + event.target.scrollTop >=
|
|
2356
|
+
event.target.scrollHeight - 1) {
|
|
2357
|
+
this.onScrollEnd.emit();
|
|
2358
|
+
}
|
|
2359
|
+
}
|
|
2360
|
+
onDropdownOpen() {
|
|
2361
|
+
if (!this.popupClass)
|
|
2362
|
+
return;
|
|
2363
|
+
const dropdownList = this.renderer.selectRootElement(`.${this.popupClass}`, true);
|
|
2364
|
+
if (dropdownList) {
|
|
2365
|
+
this.scrollListener = (e) => this.onScroll(e);
|
|
2366
|
+
dropdownList.addEventListener('scroll', this.scrollListener, true);
|
|
2367
|
+
}
|
|
2368
|
+
}
|
|
2369
|
+
onDropdownClose() {
|
|
2370
|
+
if (!this.popupClass)
|
|
2371
|
+
return;
|
|
2372
|
+
const dropdownList = this.renderer.selectRootElement(`.${this.popupClass}`, true);
|
|
2373
|
+
if (dropdownList && this.scrollListener) {
|
|
2374
|
+
dropdownList.removeEventListener('scroll', this.scrollListener, true);
|
|
2375
|
+
this.scrollListener = null;
|
|
2376
|
+
}
|
|
2377
|
+
}
|
|
2378
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownComponent, deps: [{ token: i1$1.ThemesService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2379
|
+
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", loading: "loading", loaderType: "loaderType", loaderSize: "loaderSize", loaderTheme: "loaderTheme", popupClass: "popupClass", infiniteScrollLoader: "infiniteScrollLoader" }, outputs: { modelChange: "modelChange", onScrollEnd: "onScrollEnd" }, 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\"\n [(ngModel)]=\"model\" [textField]=\"textField\" [valueField]=\"valueField\" [valuePrimitive]=\"valuePrimitive\"\n [fillMode]=\"fillMode\" [clearButton]=\"clearButton\" [filterable]=\"filterable\" [placeholder]=\"placeholder\"\n [readonly]=\"readonly\" [rounded]=\"rounded\" [size]=\"size\" [formControl]=\"control\"\n (ngModelChange)=\"emitModelChange($event)\" (opened)=\"onDropdownOpen()\" [popupSettings]=\"{popupClass: popupClass}\"\n (close)=\"onDropdownClose()\">\n <ng-template kendoComboBoxFooterTemplate>\n <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\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-multiselect>\n</span>\n", styles: [".multiselect-label{margin-bottom:8px}.footer-loader{display:flex;justify-content:center;align-items:center;padding:.5rem 0;box-sizing:border-box}\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.NoDataTemplateDirective, selector: "[kendoDropDownListNoDataTemplate],[kendoDropDownTreeNoDataTemplate],[kendoComboBoxNoDataTemplate],[kendoMultiColumnComboBoxNoDataTemplate],[kendoAutoCompleteNoDataTemplate],[kendoMultiSelectNoDataTemplate],[kendoMultiSelectTreeNoDataTemplate]" }, { 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"] }, { kind: "component", type: LoaderComponent, selector: "lib-loader", inputs: ["size", "type", "themeColor"] }] }); }
|
|
2344
2380
|
}
|
|
2345
2381
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownComponent, decorators: [{
|
|
2346
2382
|
type: Component,
|
|
2347
|
-
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\"
|
|
2348
|
-
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { label: [{
|
|
2383
|
+
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\"\n [(ngModel)]=\"model\" [textField]=\"textField\" [valueField]=\"valueField\" [valuePrimitive]=\"valuePrimitive\"\n [fillMode]=\"fillMode\" [clearButton]=\"clearButton\" [filterable]=\"filterable\" [placeholder]=\"placeholder\"\n [readonly]=\"readonly\" [rounded]=\"rounded\" [size]=\"size\" [formControl]=\"control\"\n (ngModelChange)=\"emitModelChange($event)\" (opened)=\"onDropdownOpen()\" [popupSettings]=\"{popupClass: popupClass}\"\n (close)=\"onDropdownClose()\">\n <ng-template kendoComboBoxFooterTemplate>\n <div *ngIf=\"infiniteScrollLoader\" class=\"footer-loader\">\n <lib-loader [type]=\"loaderType\" [size]=\"loaderSize\" [themeColor]=\"loaderTheme\"></lib-loader>\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-multiselect>\n</span>\n", styles: [".multiselect-label{margin-bottom:8px}.footer-loader{display:flex;justify-content:center;align-items:center;padding:.5rem 0;box-sizing:border-box}\n"] }]
|
|
2384
|
+
}], ctorParameters: function () { return [{ type: i1$1.ThemesService }, { type: i0.Renderer2 }]; }, propDecorators: { label: [{
|
|
2349
2385
|
type: Input
|
|
2350
2386
|
}], elementId: [{
|
|
2351
2387
|
type: Input
|
|
@@ -2387,6 +2423,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2387
2423
|
type: Input
|
|
2388
2424
|
}], autoClose: [{
|
|
2389
2425
|
type: Input
|
|
2426
|
+
}], loading: [{
|
|
2427
|
+
type: Input
|
|
2428
|
+
}], loaderType: [{
|
|
2429
|
+
type: Input
|
|
2430
|
+
}], loaderSize: [{
|
|
2431
|
+
type: Input
|
|
2432
|
+
}], loaderTheme: [{
|
|
2433
|
+
type: Input
|
|
2434
|
+
}], popupClass: [{
|
|
2435
|
+
type: Input
|
|
2436
|
+
}], infiniteScrollLoader: [{
|
|
2437
|
+
type: Input
|
|
2438
|
+
}], onScrollEnd: [{
|
|
2439
|
+
type: Output
|
|
2390
2440
|
}], multiSelect: [{
|
|
2391
2441
|
type: ViewChild,
|
|
2392
2442
|
args: ['multiSelect', { static: false }]
|
|
@@ -2398,12 +2448,14 @@ class MultiSelectDropdownModule {
|
|
|
2398
2448
|
DropDownsModule,
|
|
2399
2449
|
FormsModule,
|
|
2400
2450
|
ReactiveFormsModule,
|
|
2401
|
-
TypographyModule
|
|
2451
|
+
TypographyModule,
|
|
2452
|
+
LoaderModule], exports: [MultiSelectDropdownComponent] }); }
|
|
2402
2453
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownModule, imports: [CommonModule,
|
|
2403
2454
|
DropDownsModule,
|
|
2404
2455
|
FormsModule,
|
|
2405
2456
|
ReactiveFormsModule,
|
|
2406
|
-
TypographyModule
|
|
2457
|
+
TypographyModule,
|
|
2458
|
+
LoaderModule] }); }
|
|
2407
2459
|
}
|
|
2408
2460
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MultiSelectDropdownModule, decorators: [{
|
|
2409
2461
|
type: NgModule,
|
|
@@ -2417,6 +2469,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2417
2469
|
FormsModule,
|
|
2418
2470
|
ReactiveFormsModule,
|
|
2419
2471
|
TypographyModule,
|
|
2472
|
+
LoaderModule
|
|
2420
2473
|
],
|
|
2421
2474
|
exports: [
|
|
2422
2475
|
MultiSelectDropdownComponent
|
|
@@ -3223,6 +3276,223 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3223
3276
|
}]
|
|
3224
3277
|
}] });
|
|
3225
3278
|
|
|
3279
|
+
class UploaderComponent {
|
|
3280
|
+
constructor() {
|
|
3281
|
+
this.uploadSaveUrl = "node/enrollment/v1/bulk-enroll"; // should represent an actual API endpoint
|
|
3282
|
+
this.uploadRemoveUrl = "";
|
|
3283
|
+
this.control = new FormControl();
|
|
3284
|
+
this.model = [];
|
|
3285
|
+
this.isDisabled = false;
|
|
3286
|
+
this.hasExternalDropzone = false;
|
|
3287
|
+
this.showFileList = true;
|
|
3288
|
+
this.autoUpload = true;
|
|
3289
|
+
this.actionsLayout = "end";
|
|
3290
|
+
this.multiple = false;
|
|
3291
|
+
this.batch = false;
|
|
3292
|
+
this.concurrent = true; /**to upload the files one by one, set this option to false */
|
|
3293
|
+
this.withCredentials = true;
|
|
3294
|
+
this.restrictions = {
|
|
3295
|
+
allowedExtensions: [".png", ".jpeg"],
|
|
3296
|
+
maxFileSize: 4194304,
|
|
3297
|
+
minFileSize: 5,
|
|
3298
|
+
};
|
|
3299
|
+
this.chunkSettings = {
|
|
3300
|
+
size: 102400,
|
|
3301
|
+
autoRetryAfter: 1000,
|
|
3302
|
+
maxAutoRetries: 0,
|
|
3303
|
+
resumable: true /**to upload the files without allowing the user to pause the upload process, set this parameter to false */
|
|
3304
|
+
};
|
|
3305
|
+
this.onRemoveEvent = new EventEmitter();
|
|
3306
|
+
this.onCancelEvent = new EventEmitter();
|
|
3307
|
+
this.onUploadEvent = new EventEmitter();
|
|
3308
|
+
this.onResumeEvent = new EventEmitter();
|
|
3309
|
+
this.onSelectEvent = new EventEmitter();
|
|
3310
|
+
this.onSuccessEvent = new EventEmitter();
|
|
3311
|
+
this.onUploadProgressEvent = new EventEmitter();
|
|
3312
|
+
this.onValueChangeEvent = new EventEmitter();
|
|
3313
|
+
this.onErrorEvent = new EventEmitter();
|
|
3314
|
+
this.onPauseEvent = new EventEmitter();
|
|
3315
|
+
this.onCompleteEvent = new EventEmitter();
|
|
3316
|
+
this.onBlurEvent = new EventEmitter();
|
|
3317
|
+
this.onFocusEvent = new EventEmitter();
|
|
3318
|
+
this.onclearEvent = new EventEmitter();
|
|
3319
|
+
this.allowedExtensionsText = '';
|
|
3320
|
+
}
|
|
3321
|
+
ngOnInit() {
|
|
3322
|
+
this.updateAllowedExtensionsText();
|
|
3323
|
+
}
|
|
3324
|
+
updateAllowedExtensionsText() {
|
|
3325
|
+
if (this.restrictions && this.restrictions.allowedExtensions && this.restrictions.allowedExtensions.length > 0) {
|
|
3326
|
+
this.allowedExtensionsText = `Only ${this.restrictions.allowedExtensions.join(', ').toUpperCase()} ${this.restrictions.allowedExtensions.length > 1 ? 'are ' : 'is '} allowed`;
|
|
3327
|
+
}
|
|
3328
|
+
else {
|
|
3329
|
+
this.allowedExtensionsText = '';
|
|
3330
|
+
}
|
|
3331
|
+
}
|
|
3332
|
+
ngOnChanges(changes) {
|
|
3333
|
+
if (changes['isDisabled']) {
|
|
3334
|
+
if (changes['isDisabled']?.currentValue) {
|
|
3335
|
+
this.control.disable();
|
|
3336
|
+
}
|
|
3337
|
+
else {
|
|
3338
|
+
this.control.enable();
|
|
3339
|
+
}
|
|
3340
|
+
}
|
|
3341
|
+
}
|
|
3342
|
+
removeEventHandler(event) {
|
|
3343
|
+
this.onRemoveEvent.emit(event);
|
|
3344
|
+
}
|
|
3345
|
+
cancelEventHandler(event) {
|
|
3346
|
+
this.onCancelEvent.emit(event);
|
|
3347
|
+
}
|
|
3348
|
+
uploadEventHandler(event) {
|
|
3349
|
+
this.onUploadEvent.emit(event);
|
|
3350
|
+
}
|
|
3351
|
+
resumeEventHandler(event) {
|
|
3352
|
+
this.onResumeEvent.emit(event);
|
|
3353
|
+
}
|
|
3354
|
+
selectEventHandler(event) {
|
|
3355
|
+
this.onSelectEvent.emit(event);
|
|
3356
|
+
}
|
|
3357
|
+
successEventHandler(event) {
|
|
3358
|
+
this.onSuccessEvent.emit(event);
|
|
3359
|
+
}
|
|
3360
|
+
uploadProgressEventHandler(event) {
|
|
3361
|
+
this.onUploadProgressEvent.emit(event);
|
|
3362
|
+
}
|
|
3363
|
+
valueChangeEventHandler(event) {
|
|
3364
|
+
this.onValueChangeEvent.emit(event);
|
|
3365
|
+
}
|
|
3366
|
+
errorEventHandler(event) {
|
|
3367
|
+
this.onErrorEvent.emit(event);
|
|
3368
|
+
}
|
|
3369
|
+
pauseEventHandler(event) {
|
|
3370
|
+
this.onPauseEvent.emit(event);
|
|
3371
|
+
}
|
|
3372
|
+
clearEventHandler() {
|
|
3373
|
+
this.onclearEvent.emit();
|
|
3374
|
+
}
|
|
3375
|
+
completeEventHandler() {
|
|
3376
|
+
this.onCompleteEvent.emit();
|
|
3377
|
+
}
|
|
3378
|
+
blurHandler() {
|
|
3379
|
+
this.onBlurEvent.emit();
|
|
3380
|
+
}
|
|
3381
|
+
focusHandler() {
|
|
3382
|
+
this.onFocusEvent.emit();
|
|
3383
|
+
}
|
|
3384
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3385
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UploaderComponent, selector: "lib-uploader", inputs: { uploadSaveUrl: "uploadSaveUrl", uploadRemoveUrl: "uploadRemoveUrl", control: "control", model: "model", isDisabled: "isDisabled", hasExternalDropzone: "hasExternalDropzone", showFileList: "showFileList", autoUpload: "autoUpload", actionsLayout: "actionsLayout", multiple: "multiple", batch: "batch", concurrent: "concurrent", withCredentials: "withCredentials", restrictions: "restrictions", chunkSettings: "chunkSettings" }, outputs: { onRemoveEvent: "onRemoveEvent", onCancelEvent: "onCancelEvent", onUploadEvent: "onUploadEvent", onResumeEvent: "onResumeEvent", onSelectEvent: "onSelectEvent", onSuccessEvent: "onSuccessEvent", onUploadProgressEvent: "onUploadProgressEvent", onValueChangeEvent: "onValueChangeEvent", onErrorEvent: "onErrorEvent", onPauseEvent: "onPauseEvent", onCompleteEvent: "onCompleteEvent", onBlurEvent: "onBlurEvent", onFocusEvent: "onFocusEvent", onclearEvent: "onclearEvent" }, queries: [{ propertyName: "fileTemplate", first: true, predicate: ["uploadTemplate"], descendants: true }], viewQueries: [{ propertyName: "kendoUpload", first: true, predicate: ["libUploader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-uploaddropzone zoneId=\"dropZone\" *ngIf=\"hasExternalDropzone\">\n {{allowedExtensionsText}}\n</kendo-uploaddropzone>\n<kendo-upload #uploader [saveUrl]=\"uploadSaveUrl\" [removeUrl]=\"uploadRemoveUrl\" [autoUpload]=\"autoUpload\"\n [actionsLayout]=\"actionsLayout\" [withCredentials]=\"withCredentials\" [multiple]=\"multiple\" [batch]=\"batch\"\n [restrictions]=\"restrictions\" [chunkable]=\"chunkSettings\" [concurrent]=\"concurrent\" [formControl]=\"control\"\n [(ngModel)]=\"model\" zoneId=\"dropZone\" (cancel)=\"cancelEventHandler($event)\" (clear)=\"clearEventHandler()\"\n (complete)=\"completeEventHandler()\" (error)=\"errorEventHandler($event)\" (blur)=\"blurHandler()\"\n (focus)=\"focusHandler()\" (pause)=\"pauseEventHandler($event)\" (remove)=\"removeEventHandler($event)\"\n (resume)=\"resumeEventHandler($event)\" (select)=\"selectEventHandler($event)\" (success)=\"successEventHandler($event)\"\n (upload)=\"uploadEventHandler($event)\" (uploadProgress)=\"uploadProgressEventHandler($event)\"\n (valueChange)=\"valueChangeEventHandler($event)\" [showFileList]=\"showFileList\" #libUploader=\"kendoUpload\">\n <ng-template *ngIf=\"fileTemplate\" kendoUploadFileTemplate let-files let-state=\"state\">\n <ng-container *ngTemplateOutlet=\"fileTemplate; context: { $implicit: { files: files, state: state } }\">\n </ng-container>\n </ng-template>\n</kendo-upload>\n", styles: [""], 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: i2$8.FileTemplateDirective, selector: "[kendoUploadFileTemplate], [kendoFileSelectFileTemplate]" }, { kind: "component", type: i2$8.UploadDropZoneComponent, selector: "kendo-uploaddropzone", inputs: ["zoneId", "icon", "iconClass", "svgIcon"], exportAs: ["kendoUploadDropZone"] }, { kind: "component", type: i2$8.UploadComponent, selector: "kendo-upload", inputs: ["autoUpload", "batch", "withCredentials", "saveField", "saveHeaders", "saveMethod", "saveUrl", "responseType", "removeField", "removeHeaders", "removeMethod", "removeUrl", "chunkable", "concurrent", "multiple", "disabled", "showFileList", "tabindex", "zoneId", "tabIndex", "accept", "restrictions", "focusableId", "actionsLayout"], outputs: ["blur", "cancel", "clear", "complete", "error", "focus", "pause", "remove", "resume", "select", "success", "upload", "uploadProgress", "valueChange"], exportAs: ["kendoUpload"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
3386
|
+
}
|
|
3387
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploaderComponent, decorators: [{
|
|
3388
|
+
type: Component,
|
|
3389
|
+
args: [{ selector: 'lib-uploader', template: "<kendo-uploaddropzone zoneId=\"dropZone\" *ngIf=\"hasExternalDropzone\">\n {{allowedExtensionsText}}\n</kendo-uploaddropzone>\n<kendo-upload #uploader [saveUrl]=\"uploadSaveUrl\" [removeUrl]=\"uploadRemoveUrl\" [autoUpload]=\"autoUpload\"\n [actionsLayout]=\"actionsLayout\" [withCredentials]=\"withCredentials\" [multiple]=\"multiple\" [batch]=\"batch\"\n [restrictions]=\"restrictions\" [chunkable]=\"chunkSettings\" [concurrent]=\"concurrent\" [formControl]=\"control\"\n [(ngModel)]=\"model\" zoneId=\"dropZone\" (cancel)=\"cancelEventHandler($event)\" (clear)=\"clearEventHandler()\"\n (complete)=\"completeEventHandler()\" (error)=\"errorEventHandler($event)\" (blur)=\"blurHandler()\"\n (focus)=\"focusHandler()\" (pause)=\"pauseEventHandler($event)\" (remove)=\"removeEventHandler($event)\"\n (resume)=\"resumeEventHandler($event)\" (select)=\"selectEventHandler($event)\" (success)=\"successEventHandler($event)\"\n (upload)=\"uploadEventHandler($event)\" (uploadProgress)=\"uploadProgressEventHandler($event)\"\n (valueChange)=\"valueChangeEventHandler($event)\" [showFileList]=\"showFileList\" #libUploader=\"kendoUpload\">\n <ng-template *ngIf=\"fileTemplate\" kendoUploadFileTemplate let-files let-state=\"state\">\n <ng-container *ngTemplateOutlet=\"fileTemplate; context: { $implicit: { files: files, state: state } }\">\n </ng-container>\n </ng-template>\n</kendo-upload>\n" }]
|
|
3390
|
+
}], propDecorators: { uploadSaveUrl: [{
|
|
3391
|
+
type: Input
|
|
3392
|
+
}], uploadRemoveUrl: [{
|
|
3393
|
+
type: Input
|
|
3394
|
+
}], control: [{
|
|
3395
|
+
type: Input
|
|
3396
|
+
}], model: [{
|
|
3397
|
+
type: Input
|
|
3398
|
+
}], isDisabled: [{
|
|
3399
|
+
type: Input
|
|
3400
|
+
}], hasExternalDropzone: [{
|
|
3401
|
+
type: Input
|
|
3402
|
+
}], showFileList: [{
|
|
3403
|
+
type: Input
|
|
3404
|
+
}], autoUpload: [{
|
|
3405
|
+
type: Input
|
|
3406
|
+
}], actionsLayout: [{
|
|
3407
|
+
type: Input
|
|
3408
|
+
}], multiple: [{
|
|
3409
|
+
type: Input
|
|
3410
|
+
}], batch: [{
|
|
3411
|
+
type: Input
|
|
3412
|
+
}], concurrent: [{
|
|
3413
|
+
type: Input
|
|
3414
|
+
}], withCredentials: [{
|
|
3415
|
+
type: Input
|
|
3416
|
+
}], restrictions: [{
|
|
3417
|
+
type: Input
|
|
3418
|
+
}], chunkSettings: [{
|
|
3419
|
+
type: Input
|
|
3420
|
+
}], onRemoveEvent: [{
|
|
3421
|
+
type: Output
|
|
3422
|
+
}], onCancelEvent: [{
|
|
3423
|
+
type: Output
|
|
3424
|
+
}], onUploadEvent: [{
|
|
3425
|
+
type: Output
|
|
3426
|
+
}], onResumeEvent: [{
|
|
3427
|
+
type: Output
|
|
3428
|
+
}], onSelectEvent: [{
|
|
3429
|
+
type: Output
|
|
3430
|
+
}], onSuccessEvent: [{
|
|
3431
|
+
type: Output
|
|
3432
|
+
}], onUploadProgressEvent: [{
|
|
3433
|
+
type: Output
|
|
3434
|
+
}], onValueChangeEvent: [{
|
|
3435
|
+
type: Output
|
|
3436
|
+
}], onErrorEvent: [{
|
|
3437
|
+
type: Output
|
|
3438
|
+
}], onPauseEvent: [{
|
|
3439
|
+
type: Output
|
|
3440
|
+
}], onCompleteEvent: [{
|
|
3441
|
+
type: Output
|
|
3442
|
+
}], onBlurEvent: [{
|
|
3443
|
+
type: Output
|
|
3444
|
+
}], onFocusEvent: [{
|
|
3445
|
+
type: Output
|
|
3446
|
+
}], onclearEvent: [{
|
|
3447
|
+
type: Output
|
|
3448
|
+
}], fileTemplate: [{
|
|
3449
|
+
type: ContentChild,
|
|
3450
|
+
args: ['uploadTemplate']
|
|
3451
|
+
}], kendoUpload: [{
|
|
3452
|
+
type: ViewChild,
|
|
3453
|
+
args: ['libUploader']
|
|
3454
|
+
}] } });
|
|
3455
|
+
|
|
3456
|
+
class UploaderModule {
|
|
3457
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3458
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: UploaderModule, declarations: [UploaderComponent], imports: [CommonModule,
|
|
3459
|
+
UploadsModule,
|
|
3460
|
+
ButtonsModule,
|
|
3461
|
+
FormsModule,
|
|
3462
|
+
ReactiveFormsModule,
|
|
3463
|
+
LayoutModule,
|
|
3464
|
+
TypographyModule], exports: [UploaderComponent,
|
|
3465
|
+
UploadsModule] }); }
|
|
3466
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploaderModule, imports: [CommonModule,
|
|
3467
|
+
UploadsModule,
|
|
3468
|
+
ButtonsModule,
|
|
3469
|
+
FormsModule,
|
|
3470
|
+
ReactiveFormsModule,
|
|
3471
|
+
LayoutModule,
|
|
3472
|
+
TypographyModule, UploadsModule] }); }
|
|
3473
|
+
}
|
|
3474
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UploaderModule, decorators: [{
|
|
3475
|
+
type: NgModule,
|
|
3476
|
+
args: [{
|
|
3477
|
+
declarations: [
|
|
3478
|
+
UploaderComponent
|
|
3479
|
+
],
|
|
3480
|
+
imports: [
|
|
3481
|
+
CommonModule,
|
|
3482
|
+
UploadsModule,
|
|
3483
|
+
ButtonsModule,
|
|
3484
|
+
FormsModule,
|
|
3485
|
+
ReactiveFormsModule,
|
|
3486
|
+
LayoutModule,
|
|
3487
|
+
TypographyModule
|
|
3488
|
+
],
|
|
3489
|
+
exports: [
|
|
3490
|
+
UploaderComponent,
|
|
3491
|
+
UploadsModule
|
|
3492
|
+
]
|
|
3493
|
+
}]
|
|
3494
|
+
}] });
|
|
3495
|
+
|
|
3226
3496
|
class AtomsModule {
|
|
3227
3497
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3228
3498
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [AlertModule,
|
|
@@ -3265,7 +3535,8 @@ class AtomsModule {
|
|
|
3265
3535
|
DragAndDropModule,
|
|
3266
3536
|
SwitchModule,
|
|
3267
3537
|
ChipModule,
|
|
3268
|
-
ChipListModule
|
|
3538
|
+
ChipListModule,
|
|
3539
|
+
UploaderModule], exports: [AlertModule,
|
|
3269
3540
|
AngularPopupModule,
|
|
3270
3541
|
AvatarModule,
|
|
3271
3542
|
BreadcrumbModule,
|
|
@@ -3302,7 +3573,8 @@ class AtomsModule {
|
|
|
3302
3573
|
DragAndDropModule,
|
|
3303
3574
|
SwitchModule,
|
|
3304
3575
|
ChipModule,
|
|
3305
|
-
ChipListModule
|
|
3576
|
+
ChipListModule,
|
|
3577
|
+
UploaderModule] }); }
|
|
3306
3578
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [AlertModule,
|
|
3307
3579
|
AngularPopupModule,
|
|
3308
3580
|
AvatarModule,
|
|
@@ -3343,7 +3615,8 @@ class AtomsModule {
|
|
|
3343
3615
|
DragAndDropModule,
|
|
3344
3616
|
SwitchModule,
|
|
3345
3617
|
ChipModule,
|
|
3346
|
-
ChipListModule,
|
|
3618
|
+
ChipListModule,
|
|
3619
|
+
UploaderModule, AlertModule,
|
|
3347
3620
|
AngularPopupModule,
|
|
3348
3621
|
AvatarModule,
|
|
3349
3622
|
BreadcrumbModule,
|
|
@@ -3380,7 +3653,8 @@ class AtomsModule {
|
|
|
3380
3653
|
DragAndDropModule,
|
|
3381
3654
|
SwitchModule,
|
|
3382
3655
|
ChipModule,
|
|
3383
|
-
ChipListModule
|
|
3656
|
+
ChipListModule,
|
|
3657
|
+
UploaderModule] }); }
|
|
3384
3658
|
}
|
|
3385
3659
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, decorators: [{
|
|
3386
3660
|
type: NgModule,
|
|
@@ -3427,6 +3701,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3427
3701
|
SwitchModule,
|
|
3428
3702
|
ChipModule,
|
|
3429
3703
|
ChipListModule,
|
|
3704
|
+
UploaderModule
|
|
3430
3705
|
],
|
|
3431
3706
|
exports: [
|
|
3432
3707
|
AlertModule,
|
|
@@ -3467,6 +3742,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
3467
3742
|
SwitchModule,
|
|
3468
3743
|
ChipModule,
|
|
3469
3744
|
ChipListModule,
|
|
3745
|
+
UploaderModule
|
|
3470
3746
|
],
|
|
3471
3747
|
}]
|
|
3472
3748
|
}] });
|
|
@@ -3605,7 +3881,7 @@ class DialogComponent {
|
|
|
3605
3881
|
}
|
|
3606
3882
|
}
|
|
3607
3883
|
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 }); }
|
|
3608
|
-
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$
|
|
3884
|
+
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$9.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }] }); }
|
|
3609
3885
|
}
|
|
3610
3886
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, decorators: [{
|
|
3611
3887
|
type: Component,
|
|
@@ -3651,7 +3927,7 @@ class DialogTitlebarComponent {
|
|
|
3651
3927
|
return;
|
|
3652
3928
|
}
|
|
3653
3929
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitlebarComponent, deps: [{ token: DialogComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3654
|
-
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$
|
|
3930
|
+
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$9.DialogTitleBarComponent, selector: "kendo-dialog-titlebar", inputs: ["id", "closeTitle"], outputs: ["close"] }, { kind: "component", type: TypographyComponent, selector: "lib-typography", inputs: ["type", "defaultText", "isLabel", "hiddenLabel"] }] }); }
|
|
3655
3931
|
}
|
|
3656
3932
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogTitlebarComponent, decorators: [{
|
|
3657
3933
|
type: Component,
|
|
@@ -3671,7 +3947,7 @@ class DialogActionsComponent {
|
|
|
3671
3947
|
this.buttonLayout = 'start';
|
|
3672
3948
|
}
|
|
3673
3949
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3674
|
-
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$
|
|
3950
|
+
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$9.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }] }); }
|
|
3675
3951
|
}
|
|
3676
3952
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogActionsComponent, decorators: [{
|
|
3677
3953
|
type: Component,
|
|
@@ -5080,5 +5356,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
5080
5356
|
* Generated bundle index. Do not edit.
|
|
5081
5357
|
*/
|
|
5082
5358
|
|
|
5083
|
-
export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ChipComponent, ChipListComponent, ChipListModule, ChipModule, ClipboardComponent, ClipboardModule, ConfirmationDialogComponent, ContainerComponent, ContainerModule, CustomColumnTemplate, DateRangeComponent, DateRangeModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DragAndDropComponent, DragAndDropModule, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, ListViewComponent, ListViewsModule, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StepperComponent, StepperModule, StyleTokensModule, SwitchComponent, SwitchModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaModule, TextareaComponent, TextboxComponent, TextboxModule, TimeSchedulerModule, TimeschedulerComponent, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule };
|
|
5359
|
+
export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ChipComponent, ChipListComponent, ChipListModule, ChipModule, ClipboardComponent, ClipboardModule, ConfirmationDialogComponent, ContainerComponent, ContainerModule, CustomColumnTemplate, DateRangeComponent, DateRangeModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DragAndDropComponent, DragAndDropModule, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, ListViewComponent, ListViewsModule, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StepperComponent, StepperModule, StyleTokensModule, SwitchComponent, SwitchModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaModule, TextareaComponent, TextboxComponent, TextboxModule, TimeSchedulerModule, TimeschedulerComponent, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule, UploaderComponent, UploaderModule };
|
|
5084
5360
|
//# sourceMappingURL=progress-chef-platform-shared-components.mjs.map
|