@acpaas-ui/ngx-forms 6.1.7 → 6.1.9

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.
Files changed (23) hide show
  1. package/esm2020/lib/auto-complete/auto-complete.module.mjs +13 -14
  2. package/esm2020/lib/auto-complete/components/auto-complete/auto-complete.component.mjs +64 -146
  3. package/esm2020/lib/datepicker/components/datepicker/datepicker.component.mjs +67 -146
  4. package/esm2020/lib/datepicker/datepicker.module.mjs +23 -24
  5. package/esm2020/lib/range-slider/components/range-slider/range-slider.component.mjs +64 -116
  6. package/esm2020/lib/range-slider/range-slider.module.mjs +12 -13
  7. package/esm2020/lib/search-filter/components/search-filter/search-filter.component.mjs +51 -168
  8. package/esm2020/lib/search-filter/search-filter.module.mjs +12 -13
  9. package/esm2020/lib/shared/services/search.service.mjs +6 -6
  10. package/esm2020/lib/timepicker/components/timepicker/timepicker.component.mjs +37 -150
  11. package/esm2020/lib/timepicker/timepicker.module.mjs +13 -14
  12. package/esm2020/lib/upload/components/upload/upload.component.mjs +27 -55
  13. package/esm2020/lib/upload/components/upload-input/upload-input.component.mjs +19 -36
  14. package/esm2020/lib/upload/components/upload-queue/upload-queue.component.mjs +15 -51
  15. package/esm2020/lib/upload/components/upload-zone/upload-zone.component.mjs +43 -152
  16. package/esm2020/lib/upload/components/validation-list/validation-list.component.mjs +11 -42
  17. package/esm2020/lib/upload/services/validation-messages.service.mjs +9 -9
  18. package/esm2020/lib/upload/upload.module.mjs +20 -21
  19. package/fesm2015/acpaas-ui-ngx-forms.mjs +134 -990
  20. package/fesm2015/acpaas-ui-ngx-forms.mjs.map +1 -1
  21. package/fesm2020/acpaas-ui-ngx-forms.mjs +489 -1159
  22. package/fesm2020/acpaas-ui-ngx-forms.mjs.map +1 -1
  23. package/package.json +5 -8
package/fesm2020/acpaas-ui-ngx-forms.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Injectable, EventEmitter, TemplateRef, forwardRef, Component, Input, Output, ViewChild, ContentChild, NgModule, InjectionToken, ChangeDetectionStrategy, Inject, HostBinding, HostListener } from '@angular/core';
2
+ import { Injectable, EventEmitter, forwardRef, TemplateRef, Component, Input, Output, ViewChild, ContentChild, NgModule, InjectionToken, ChangeDetectionStrategy, Inject, HostBinding, HostListener } from '@angular/core';
3
3
  import * as i1 from '@angular/common';
4
4
  import { CommonModule } from '@angular/common';
5
5
  import * as i1$1 from '@angular/forms';
@@ -44,68 +44,12 @@ class SearchService {
44
44
  });
45
45
  }
46
46
  }
47
- /** @nocollapse */ SearchService.ɵfac = function SearchService_Factory(t) { return new (t || SearchService)(); };
48
- /** @nocollapse */ SearchService.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: SearchService, factory: SearchService.ɵfac });
49
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchService, [{
50
- type: Injectable
51
- }], null, null); })();
47
+ /** @nocollapse */ SearchService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SearchService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
48
+ /** @nocollapse */ SearchService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SearchService });
49
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SearchService, decorators: [{
50
+ type: Injectable
51
+ }] });
52
52
 
53
- function AutoCompleteComponent_div_2_span_1_Template(rf, ctx) { if (rf & 1) {
54
- i0.ɵɵelementStart(0, "span", 7);
55
- i0.ɵɵelement(1, "span", 8);
56
- i0.ɵɵelementStart(2, "span", 9);
57
- i0.ɵɵtext(3);
58
- i0.ɵɵelementEnd()();
59
- } if (rf & 2) {
60
- const ctx_r1 = i0.ɵɵnextContext(2);
61
- i0.ɵɵadvance(3);
62
- i0.ɵɵtextInterpolate(ctx_r1.loadingText);
63
- } }
64
- function AutoCompleteComponent_div_2_span_2_Template(rf, ctx) { if (rf & 1) {
65
- i0.ɵɵelementStart(0, "span", 10);
66
- i0.ɵɵtext(1);
67
- i0.ɵɵelementEnd();
68
- } if (rf & 2) {
69
- const ctx_r2 = i0.ɵɵnextContext(2);
70
- i0.ɵɵadvance(1);
71
- i0.ɵɵtextInterpolate(ctx_r2.searchIncentiveText);
72
- } }
73
- function AutoCompleteComponent_div_2_span_3_Template(rf, ctx) { if (rf & 1) {
74
- i0.ɵɵelementStart(0, "span", 10);
75
- i0.ɵɵtext(1);
76
- i0.ɵɵelementEnd();
77
- } if (rf & 2) {
78
- const ctx_r3 = i0.ɵɵnextContext(2);
79
- i0.ɵɵadvance(1);
80
- i0.ɵɵtextInterpolate(ctx_r3.noResultsText);
81
- } }
82
- function AutoCompleteComponent_div_2_aui_selectable_list_4_Template(rf, ctx) { if (rf & 1) {
83
- const _r6 = i0.ɵɵgetCurrentView();
84
- i0.ɵɵelementStart(0, "aui-selectable-list", 11);
85
- i0.ɵɵlistener("selected", function AutoCompleteComponent_div_2_aui_selectable_list_4_Template_aui_selectable_list_selected_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r5.onSelect($event)); });
86
- i0.ɵɵelementEnd();
87
- } if (rf & 2) {
88
- const ctx_r4 = i0.ɵɵnextContext(2);
89
- i0.ɵɵproperty("index", ctx_r4.index)("itemTemplate", ctx_r4.template)("items", ctx_r4.results)("label", ctx_r4.label)("search", ctx_r4.query);
90
- } }
91
- function AutoCompleteComponent_div_2_Template(rf, ctx) { if (rf & 1) {
92
- i0.ɵɵelementStart(0, "div", 3);
93
- i0.ɵɵtemplate(1, AutoCompleteComponent_div_2_span_1_Template, 4, 1, "span", 4);
94
- i0.ɵɵtemplate(2, AutoCompleteComponent_div_2_span_2_Template, 2, 1, "span", 5);
95
- i0.ɵɵtemplate(3, AutoCompleteComponent_div_2_span_3_Template, 2, 1, "span", 5);
96
- i0.ɵɵtemplate(4, AutoCompleteComponent_div_2_aui_selectable_list_4_Template, 1, 5, "aui-selectable-list", 6);
97
- i0.ɵɵelementEnd();
98
- } if (rf & 2) {
99
- const ctx_r0 = i0.ɵɵnextContext();
100
- i0.ɵɵadvance(1);
101
- i0.ɵɵproperty("ngIf", ctx_r0.focused && ctx_r0.loadingText && ctx_r0.searching);
102
- i0.ɵɵadvance(1);
103
- i0.ɵɵproperty("ngIf", ctx_r0.focused && ctx_r0.searchIncentiveText && !ctx_r0.searching && !ctx_r0.query && !ctx_r0.results.length);
104
- i0.ɵɵadvance(1);
105
- i0.ɵɵproperty("ngIf", ctx_r0.focused && ctx_r0.noResultsText && !ctx_r0.searching && ctx_r0.query && !ctx_r0.results.length);
106
- i0.ɵɵadvance(1);
107
- i0.ɵɵproperty("ngIf", ctx_r0.results.length > 0 && !(ctx_r0.focused && ctx_r0.loadingText && ctx_r0.searching));
108
- } }
109
53
  class AutoCompleteComponent {
110
54
  constructor(ref, searchService) {
111
55
  this.ref = ref;
@@ -297,111 +241,84 @@ class AutoCompleteComponent {
297
241
  this.flyoutZone.element.scrollTop = this.index * liHeight - offset * liHeight;
298
242
  }
299
243
  }
300
- /** @nocollapse */ AutoCompleteComponent.ɵfac = function AutoCompleteComponent_Factory(t) { return new (t || AutoCompleteComponent)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(SearchService)); };
301
- /** @nocollapse */ AutoCompleteComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: AutoCompleteComponent, selectors: [["aui-auto-complete"]], contentQueries: function AutoCompleteComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
302
- i0.ɵɵcontentQuery(dirIndex, TemplateRef, 7);
303
- } if (rf & 2) {
304
- let _t;
305
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.template = _t.first);
306
- } }, viewQuery: function AutoCompleteComponent_Query(rf, ctx) { if (rf & 1) {
307
- i0.ɵɵviewQuery(FlyoutDirective, 7);
308
- i0.ɵɵviewQuery(FlyoutZoneDirective, 7);
309
- } if (rf & 2) {
310
- let _t;
311
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.flyout = _t.first);
312
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.flyoutZone = _t.first);
313
- } }, inputs: { id: "id", placeholder: "placeholder", description: "description", inputLabel: "inputLabel", results: "results", data: "data", remote: "remote", minCharacters: "minCharacters", clearInvalid: "clearInvalid", searchIncentiveText: "searchIncentiveText", loadingText: "loadingText", noResultsText: "noResultsText", showAllByDefault: "showAllByDefault", autoComplete: "autoComplete", label: "label", value: "value" }, outputs: { search: "search", select: "select" }, features: [i0.ɵɵProvidersFeature([
314
- {
315
- provide: NG_VALUE_ACCESSOR,
316
- useExisting: forwardRef((() => AutoCompleteComponent)),
317
- multi: true,
318
- },
319
- ]), i0.ɵɵNgOnChangesFeature], decls: 3, vars: 7, consts: [["aria-haspopup", "listbox", "auiFlyout", "", 1, "m-flyout", "m-flyout--scrollable", "m-flyout--full", "o-auto-complete", 3, "toggleClick", "closed"], ["aria-autocomplete", "list", "auiFlyoutAction", "", "auiSelectableActions", "", "type", "text", 1, "a-input", 3, "ngModel", "disabled", "id", "placeholder", "autocomplete", "focus", "keyArrowDown", "keyArrowUp", "keyEnter", "keyEscape", "ngModelChange"], ["auiFlyoutZone", "", 4, "ngIf"], ["auiFlyoutZone", ""], ["class", "a-spinner a-spinner--s u-margin-xs", "role", "alert", 4, "ngIf"], ["class", "o-auto-complete__info u-text-light u-margin-xs", 4, "ngIf"], [3, "index", "itemTemplate", "items", "label", "search", "selected", 4, "ngIf"], ["role", "alert", 1, "a-spinner", "a-spinner--s", "u-margin-xs"], [1, "a-spinner__circle"], [1, "a-spinner__text"], [1, "o-auto-complete__info", "u-text-light", "u-margin-xs"], [3, "index", "itemTemplate", "items", "label", "search", "selected"]], template: function AutoCompleteComponent_Template(rf, ctx) { if (rf & 1) {
320
- i0.ɵɵelementStart(0, "div", 0);
321
- i0.ɵɵlistener("closed", function AutoCompleteComponent_Template_div_closed_0_listener() { return ctx.onFlyoutClosed(); });
322
- i0.ɵɵelementStart(1, "input", 1);
323
- i0.ɵɵlistener("focus", function AutoCompleteComponent_Template_input_focus_1_listener() { return ctx.onFocus(); })("keyArrowDown", function AutoCompleteComponent_Template_input_keyArrowDown_1_listener() { return ctx.onKeyArrowDown(); })("keyArrowUp", function AutoCompleteComponent_Template_input_keyArrowUp_1_listener() { return ctx.onKeyArrowUp(); })("keyEnter", function AutoCompleteComponent_Template_input_keyEnter_1_listener($event) { return ctx.onKeyEnter($event); })("keyEscape", function AutoCompleteComponent_Template_input_keyEscape_1_listener() { return ctx.onKeyEscape(); })("ngModelChange", function AutoCompleteComponent_Template_input_ngModelChange_1_listener($event) { return ctx.query = $event; })("ngModelChange", function AutoCompleteComponent_Template_input_ngModelChange_1_listener() { return ctx.doSearch(); });
324
- i0.ɵɵelementEnd();
325
- i0.ɵɵtemplate(2, AutoCompleteComponent_div_2_Template, 5, 4, "div", 2);
326
- i0.ɵɵelementEnd();
327
- } if (rf & 2) {
328
- i0.ɵɵproperty("toggleClick", false);
329
- i0.ɵɵadvance(1);
330
- i0.ɵɵproperty("ngModel", ctx.query)("disabled", ctx.isDisabled ? true : null)("id", ctx.id)("placeholder", ctx.placeholder)("autocomplete", ctx.autoComplete);
331
- i0.ɵɵadvance(1);
332
- i0.ɵɵproperty("ngIf", !ctx.isDisabled);
333
- } }, dependencies: [i1.NgIf, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.NgModel, i4.FlyoutActionDirective, i4.FlyoutZoneDirective, i4.FlyoutDirective, i5.SelectableListComponent, i5.SelectableActionsDirective], styles: [".o-auto-complete[_ngcontent-%COMP%], .o-auto-complete__info[_ngcontent-%COMP%]{display:block}"] });
334
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoCompleteComponent, [{
335
- type: Component,
336
- args: [{ selector: 'aui-auto-complete', providers: [
337
- {
338
- provide: NG_VALUE_ACCESSOR,
339
- useExisting: forwardRef((() => AutoCompleteComponent)),
340
- multi: true,
341
- },
342
- ], template: "<div\n (closed)=\"onFlyoutClosed()\"\n [toggleClick]=\"false\"\n aria-haspopup=\"listbox\"\n auiFlyout\n class=\"m-flyout m-flyout--scrollable m-flyout--full o-auto-complete\"\n>\n <input\n (focus)=\"onFocus()\"\n (keyArrowDown)=\"onKeyArrowDown()\"\n (keyArrowUp)=\"onKeyArrowUp()\"\n (keyEnter)=\"onKeyEnter($event)\"\n (keyEscape)=\"onKeyEscape()\"\n [(ngModel)]=\"query\"\n (ngModelChange)=\"doSearch()\"\n [disabled]=\"isDisabled ? true : null\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n aria-autocomplete=\"list\"\n auiFlyoutAction\n auiSelectableActions\n [autocomplete]=\"autoComplete\"\n type=\"text\"\n class=\"a-input\"\n />\n <div *ngIf=\"!isDisabled\" auiFlyoutZone>\n <span *ngIf=\"focused && loadingText && searching\" class=\"a-spinner a-spinner--s u-margin-xs\" role=\"alert\">\n <span class=\"a-spinner__circle\"></span>\n <span class=\"a-spinner__text\">{{ loadingText }}</span>\n </span>\n <span\n *ngIf=\"focused && searchIncentiveText && !searching && !query && !results.length\"\n class=\"o-auto-complete__info u-text-light u-margin-xs\"\n >{{ searchIncentiveText }}</span\n >\n <span\n *ngIf=\"focused && noResultsText && !searching && query && !results.length\"\n class=\"o-auto-complete__info u-text-light u-margin-xs\"\n >{{ noResultsText }}</span\n >\n <aui-selectable-list\n (selected)=\"onSelect($event)\"\n *ngIf=\"results.length > 0 && !(focused && loadingText && searching)\"\n [index]=\"index\"\n [itemTemplate]=\"template\"\n [items]=\"results\"\n [label]=\"label\"\n [search]=\"query\"\n ></aui-selectable-list>\n </div>\n</div>\n", styles: [".o-auto-complete,.o-auto-complete__info{display:block}\n"] }]
343
- }], function () { return [{ type: i0.ElementRef }, { type: SearchService }]; }, { id: [{
344
- type: Input
345
- }], placeholder: [{
346
- type: Input
347
- }], description: [{
348
- type: Input
349
- }], inputLabel: [{
350
- type: Input
351
- }], results: [{
352
- type: Input
353
- }], data: [{
354
- type: Input
355
- }], remote: [{
356
- type: Input
357
- }], minCharacters: [{
358
- type: Input
359
- }], clearInvalid: [{
360
- type: Input
361
- }], searchIncentiveText: [{
362
- type: Input
363
- }], loadingText: [{
364
- type: Input
365
- }], noResultsText: [{
366
- type: Input
367
- }], showAllByDefault: [{
368
- type: Input
369
- }], autoComplete: [{
370
- type: Input
371
- }], label: [{
372
- type: Input
373
- }], value: [{
374
- type: Input
375
- }], search: [{
376
- type: Output
377
- }], select: [{
378
- type: Output
379
- }], flyout: [{
380
- type: ViewChild,
381
- args: [FlyoutDirective, { static: true }]
382
- }], flyoutZone: [{
383
- type: ViewChild,
384
- args: [FlyoutZoneDirective, { static: true }]
385
- }], template: [{
386
- type: ContentChild,
387
- args: [TemplateRef, { static: true }]
388
- }] }); })();
244
+ /** @nocollapse */ AutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: i0.ElementRef }, { token: SearchService }], target: i0.ɵɵFactoryTarget.Component });
245
+ /** @nocollapse */ AutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: AutoCompleteComponent, selector: "aui-auto-complete", inputs: { id: "id", placeholder: "placeholder", description: "description", inputLabel: "inputLabel", results: "results", data: "data", remote: "remote", minCharacters: "minCharacters", clearInvalid: "clearInvalid", searchIncentiveText: "searchIncentiveText", loadingText: "loadingText", noResultsText: "noResultsText", showAllByDefault: "showAllByDefault", autoComplete: "autoComplete", label: "label", value: "value" }, outputs: { search: "search", select: "select" }, providers: [
246
+ {
247
+ provide: NG_VALUE_ACCESSOR,
248
+ useExisting: forwardRef((() => AutoCompleteComponent)),
249
+ multi: true,
250
+ },
251
+ ], queries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], viewQueries: [{ propertyName: "flyout", first: true, predicate: FlyoutDirective, descendants: true, static: true }, { propertyName: "flyoutZone", first: true, predicate: FlyoutZoneDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div\n (closed)=\"onFlyoutClosed()\"\n [toggleClick]=\"false\"\n aria-haspopup=\"listbox\"\n auiFlyout\n class=\"m-flyout m-flyout--scrollable m-flyout--full o-auto-complete\"\n>\n <input\n (focus)=\"onFocus()\"\n (keyArrowDown)=\"onKeyArrowDown()\"\n (keyArrowUp)=\"onKeyArrowUp()\"\n (keyEnter)=\"onKeyEnter($event)\"\n (keyEscape)=\"onKeyEscape()\"\n [(ngModel)]=\"query\"\n (ngModelChange)=\"doSearch()\"\n [disabled]=\"isDisabled ? true : null\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n aria-autocomplete=\"list\"\n auiFlyoutAction\n auiSelectableActions\n [autocomplete]=\"autoComplete\"\n type=\"text\"\n class=\"a-input\"\n />\n <div *ngIf=\"!isDisabled\" auiFlyoutZone>\n <span *ngIf=\"focused && loadingText && searching\" class=\"a-spinner a-spinner--s u-margin-xs\" role=\"alert\">\n <span class=\"a-spinner__circle\"></span>\n <span class=\"a-spinner__text\">{{ loadingText }}</span>\n </span>\n <span\n *ngIf=\"focused && searchIncentiveText && !searching && !query && !results.length\"\n class=\"o-auto-complete__info u-text-light u-margin-xs\"\n >{{ searchIncentiveText }}</span\n >\n <span\n *ngIf=\"focused && noResultsText && !searching && query && !results.length\"\n class=\"o-auto-complete__info u-text-light u-margin-xs\"\n >{{ noResultsText }}</span\n >\n <aui-selectable-list\n (selected)=\"onSelect($event)\"\n *ngIf=\"results.length > 0 && !(focused && loadingText && searching)\"\n [index]=\"index\"\n [itemTemplate]=\"template\"\n [items]=\"results\"\n [label]=\"label\"\n [search]=\"query\"\n ></aui-selectable-list>\n </div>\n</div>\n", styles: [".o-auto-complete,.o-auto-complete__info{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i4.FlyoutActionDirective, selector: "[auiFlyoutAction]", inputs: ["openOnFocus", "disabled"], exportAs: ["auiFlyoutAction"] }, { kind: "directive", type: i4.FlyoutZoneDirective, selector: "[auiFlyoutZone]", inputs: ["auiFlyoutZone"], exportAs: ["auiFlyoutZone"] }, { kind: "directive", type: i4.FlyoutDirective, selector: "[auiFlyout]", inputs: ["size", "align", "toggleClick", "activateOnFocus"], outputs: ["opened", "closed"], exportAs: ["auiFlyout"] }, { kind: "component", type: i5.SelectableListComponent, selector: "aui-selectable-list", inputs: ["items", "index", "search", "label", "itemTemplate"], outputs: ["selected"] }, { kind: "directive", type: i5.SelectableActionsDirective, selector: "[auiSelectableActions]", outputs: ["keyArrowUp", "keyArrowDown", "keyEnter", "keyEscape"], exportAs: ["auiSelectableActions"] }] });
252
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AutoCompleteComponent, decorators: [{
253
+ type: Component,
254
+ args: [{ selector: 'aui-auto-complete', providers: [
255
+ {
256
+ provide: NG_VALUE_ACCESSOR,
257
+ useExisting: forwardRef((() => AutoCompleteComponent)),
258
+ multi: true,
259
+ },
260
+ ], template: "<div\n (closed)=\"onFlyoutClosed()\"\n [toggleClick]=\"false\"\n aria-haspopup=\"listbox\"\n auiFlyout\n class=\"m-flyout m-flyout--scrollable m-flyout--full o-auto-complete\"\n>\n <input\n (focus)=\"onFocus()\"\n (keyArrowDown)=\"onKeyArrowDown()\"\n (keyArrowUp)=\"onKeyArrowUp()\"\n (keyEnter)=\"onKeyEnter($event)\"\n (keyEscape)=\"onKeyEscape()\"\n [(ngModel)]=\"query\"\n (ngModelChange)=\"doSearch()\"\n [disabled]=\"isDisabled ? true : null\"\n [id]=\"id\"\n [placeholder]=\"placeholder\"\n aria-autocomplete=\"list\"\n auiFlyoutAction\n auiSelectableActions\n [autocomplete]=\"autoComplete\"\n type=\"text\"\n class=\"a-input\"\n />\n <div *ngIf=\"!isDisabled\" auiFlyoutZone>\n <span *ngIf=\"focused && loadingText && searching\" class=\"a-spinner a-spinner--s u-margin-xs\" role=\"alert\">\n <span class=\"a-spinner__circle\"></span>\n <span class=\"a-spinner__text\">{{ loadingText }}</span>\n </span>\n <span\n *ngIf=\"focused && searchIncentiveText && !searching && !query && !results.length\"\n class=\"o-auto-complete__info u-text-light u-margin-xs\"\n >{{ searchIncentiveText }}</span\n >\n <span\n *ngIf=\"focused && noResultsText && !searching && query && !results.length\"\n class=\"o-auto-complete__info u-text-light u-margin-xs\"\n >{{ noResultsText }}</span\n >\n <aui-selectable-list\n (selected)=\"onSelect($event)\"\n *ngIf=\"results.length > 0 && !(focused && loadingText && searching)\"\n [index]=\"index\"\n [itemTemplate]=\"template\"\n [items]=\"results\"\n [label]=\"label\"\n [search]=\"query\"\n ></aui-selectable-list>\n </div>\n</div>\n", styles: [".o-auto-complete,.o-auto-complete__info{display:block}\n"] }]
261
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SearchService }]; }, propDecorators: { id: [{
262
+ type: Input
263
+ }], placeholder: [{
264
+ type: Input
265
+ }], description: [{
266
+ type: Input
267
+ }], inputLabel: [{
268
+ type: Input
269
+ }], results: [{
270
+ type: Input
271
+ }], data: [{
272
+ type: Input
273
+ }], remote: [{
274
+ type: Input
275
+ }], minCharacters: [{
276
+ type: Input
277
+ }], clearInvalid: [{
278
+ type: Input
279
+ }], searchIncentiveText: [{
280
+ type: Input
281
+ }], loadingText: [{
282
+ type: Input
283
+ }], noResultsText: [{
284
+ type: Input
285
+ }], showAllByDefault: [{
286
+ type: Input
287
+ }], autoComplete: [{
288
+ type: Input
289
+ }], label: [{
290
+ type: Input
291
+ }], value: [{
292
+ type: Input
293
+ }], search: [{
294
+ type: Output
295
+ }], select: [{
296
+ type: Output
297
+ }], flyout: [{
298
+ type: ViewChild,
299
+ args: [FlyoutDirective, { static: true }]
300
+ }], flyoutZone: [{
301
+ type: ViewChild,
302
+ args: [FlyoutZoneDirective, { static: true }]
303
+ }], template: [{
304
+ type: ContentChild,
305
+ args: [TemplateRef, { static: true }]
306
+ }] } });
389
307
 
390
308
  class AutoCompleteModule {
391
309
  }
392
- /** @nocollapse */ AutoCompleteModule.ɵfac = function AutoCompleteModule_Factory(t) { return new (t || AutoCompleteModule)(); };
393
- /** @nocollapse */ AutoCompleteModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: AutoCompleteModule });
394
- /** @nocollapse */ AutoCompleteModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [SearchService], imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule] });
395
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoCompleteModule, [{
396
- type: NgModule,
397
- args: [{
398
- imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule],
399
- declarations: [AutoCompleteComponent],
400
- exports: [AutoCompleteComponent],
401
- providers: [SearchService],
402
- }]
403
- }], null, null); })();
404
- (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AutoCompleteModule, { declarations: [AutoCompleteComponent], imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule], exports: [AutoCompleteComponent] }); })();
310
+ /** @nocollapse */ AutoCompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AutoCompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
311
+ /** @nocollapse */ AutoCompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: AutoCompleteModule, declarations: [AutoCompleteComponent], imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule], exports: [AutoCompleteComponent] });
312
+ /** @nocollapse */ AutoCompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AutoCompleteModule, providers: [SearchService], imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule] });
313
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: AutoCompleteModule, decorators: [{
314
+ type: NgModule,
315
+ args: [{
316
+ imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule],
317
+ declarations: [AutoCompleteComponent],
318
+ exports: [AutoCompleteComponent],
319
+ providers: [SearchService],
320
+ }]
321
+ }] });
405
322
 
406
323
  const DATEPICKER_ERROR_LABELS = new InjectionToken('errorLabels');
407
324
  const DATEPICKER_DEFAULT_ERROR_LABELS = {
@@ -410,52 +327,6 @@ const DATEPICKER_DEFAULT_ERROR_LABELS = {
410
327
  };
411
328
  const DATEPICKER_SEPARATOR_CHAR = '/';
412
329
 
413
- function DatepickerComponent_label_1_Template(rf, ctx) { if (rf & 1) {
414
- i0.ɵɵelementStart(0, "label", 6);
415
- i0.ɵɵtext(1);
416
- i0.ɵɵelementEnd();
417
- } if (rf & 2) {
418
- const ctx_r0 = i0.ɵɵnextContext();
419
- i0.ɵɵpropertyInterpolate("for", ctx_r0.id);
420
- i0.ɵɵadvance(1);
421
- i0.ɵɵtextInterpolate(ctx_r0.label);
422
- } }
423
- function DatepickerComponent_small_2_Template(rf, ctx) { if (rf & 1) {
424
- i0.ɵɵelementStart(0, "small", 7);
425
- i0.ɵɵtext(1);
426
- i0.ɵɵelementEnd();
427
- } if (rf & 2) {
428
- const ctx_r1 = i0.ɵɵnextContext();
429
- i0.ɵɵadvance(1);
430
- i0.ɵɵtextInterpolate1(" ", ctx_r1.description, "");
431
- } }
432
- function DatepickerComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
433
- i0.ɵɵelementContainerStart(0);
434
- i0.ɵɵelement(1, "aui-icon", 8);
435
- i0.ɵɵelementContainerEnd();
436
- } }
437
- function DatepickerComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
438
- i0.ɵɵelementContainerStart(0);
439
- i0.ɵɵelement(1, "aui-icon", 9);
440
- i0.ɵɵelementContainerEnd();
441
- } if (rf & 2) {
442
- const ctx_r3 = i0.ɵɵnextContext();
443
- i0.ɵɵadvance(1);
444
- i0.ɵɵproperty("openOnFocus", false);
445
- i0.ɵɵattribute("aria-label", ctx_r3.ariaOpenDatepickerLabel);
446
- } }
447
- function DatepickerComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
448
- const _r6 = i0.ɵɵgetCurrentView();
449
- i0.ɵɵelementContainerStart(0);
450
- i0.ɵɵelementStart(1, "div", 10)(2, "aui-calendar", 11);
451
- i0.ɵɵlistener("selectDate", function DatepickerComponent_ng_container_7_Template_aui_calendar_selectDate_2_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.selectDateFromCalendar($event)); });
452
- i0.ɵɵelementEnd()();
453
- i0.ɵɵelementContainerEnd();
454
- } if (rf & 2) {
455
- const ctx_r4 = i0.ɵɵnextContext();
456
- i0.ɵɵadvance(2);
457
- i0.ɵɵproperty("range", ctx_r4.range)("selectedDate", ctx_r4.selectedDate)("interval", ctx_r4.interval)("weekdayLabels", ctx_r4.weekdayLabels)("monthLabels", ctx_r4.monthLabels);
458
- } }
459
330
  class DatepickerComponent {
460
331
  constructor(moduleMonthLabels = CALENDAR_DEFAULT_MONTH_LABELS, moduleWeekdayLabels = CALENDAR_DEFAULT_WEEKDAY_LABELS, errorLabels = DATEPICKER_DEFAULT_ERROR_LABELS, calendarService, formBuilder, ref) {
461
332
  this.moduleMonthLabels = moduleMonthLabels;
@@ -602,105 +473,72 @@ class DatepickerComponent {
602
473
  return value.match(/\d{4}-\d{2}-\d{2}T.*/);
603
474
  }
604
475
  }
605
- /** @nocollapse */ DatepickerComponent.ɵfac = function DatepickerComponent_Factory(t) { return new (t || DatepickerComponent)(i0.ɵɵdirectiveInject(CALENDAR_MONTH_LABELS), i0.ɵɵdirectiveInject(CALENDAR_WEEKDAY_LABELS), i0.ɵɵdirectiveInject(DATEPICKER_ERROR_LABELS), i0.ɵɵdirectiveInject(i1$2.CalendarService), i0.ɵɵdirectiveInject(i1$1.UntypedFormBuilder), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
606
- /** @nocollapse */ DatepickerComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: DatepickerComponent, selectors: [["aui-datepicker"]], viewQuery: function DatepickerComponent_Query(rf, ctx) { if (rf & 1) {
607
- i0.ɵɵviewQuery(FlyoutDirective, 7);
608
- } if (rf & 2) {
609
- let _t;
610
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.flyout = _t.first);
611
- } }, inputs: { id: "id", name: "name", placeholder: "placeholder", label: "label", description: "description", range: "range", min: "min", max: "max", autocomplete: "autocomplete", weekdayLabels: "weekdayLabels", monthLabels: "monthLabels", ariaOpenDatepickerLabel: "ariaOpenDatepickerLabel" }, outputs: { blur: "blur" }, features: [i0.ɵɵProvidersFeature([
612
- {
613
- provide: NG_VALUE_ACCESSOR,
614
- useExisting: forwardRef((() => DatepickerComponent)),
615
- multi: true,
616
- },
617
- {
618
- provide: NG_VALIDATORS,
619
- useExisting: forwardRef((() => DatepickerComponent)),
620
- multi: true,
621
- },
622
- ]), i0.ɵɵNgOnChangesFeature], decls: 8, vars: 11, consts: [["aria-haspopup", "grid", "auiFlyout", "", 1, "aui-datepicker", "a-input", "has-icon-right"], ["class", "a-input__label", 3, "for", 4, "ngIf"], ["class", "a-input__description", 4, "ngIf"], [1, "a-input__wrapper"], ["label", "Pick date", "description", "Description", "type", "text", 3, "autocomplete", "formControl", "id", "name", "placeholder", "blur"], [4, "ngIf"], [1, "a-input__label", 3, "for"], [1, "a-input__description"], ["name", "ai-calendar"], ["auiFlyoutAction", "", "name", "ai-calendar", "className", "is-clickable", "role", "button", "tabindex", "0", 3, "openOnFocus"], ["auiFlyoutZone", "", "role", "dialog", 1, "m-datepicker", "m-datepicker--fixed"], [3, "range", "selectedDate", "interval", "weekdayLabels", "monthLabels", "selectDate"]], template: function DatepickerComponent_Template(rf, ctx) { if (rf & 1) {
623
- i0.ɵɵelementStart(0, "div", 0);
624
- i0.ɵɵtemplate(1, DatepickerComponent_label_1_Template, 2, 2, "label", 1);
625
- i0.ɵɵtemplate(2, DatepickerComponent_small_2_Template, 2, 1, "small", 2);
626
- i0.ɵɵelementStart(3, "div", 3)(4, "input", 4);
627
- i0.ɵɵlistener("blur", function DatepickerComponent_Template_input_blur_4_listener($event) { return ctx.handleBlur($event); });
628
- i0.ɵɵelementEnd();
629
- i0.ɵɵtemplate(5, DatepickerComponent_ng_container_5_Template, 2, 0, "ng-container", 5);
630
- i0.ɵɵtemplate(6, DatepickerComponent_ng_container_6_Template, 2, 2, "ng-container", 5);
631
- i0.ɵɵtemplate(7, DatepickerComponent_ng_container_7_Template, 3, 5, "ng-container", 5);
632
- i0.ɵɵelementEnd()();
633
- } if (rf & 2) {
634
- i0.ɵɵadvance(1);
635
- i0.ɵɵproperty("ngIf", ctx.label);
636
- i0.ɵɵadvance(1);
637
- i0.ɵɵproperty("ngIf", ctx.description);
638
- i0.ɵɵadvance(2);
639
- i0.ɵɵpropertyInterpolate("id", ctx.id);
640
- i0.ɵɵpropertyInterpolate("name", ctx.name);
641
- i0.ɵɵpropertyInterpolate("placeholder", ctx.placeholder);
642
- i0.ɵɵproperty("autocomplete", ctx.autocomplete)("formControl", ctx.formControl);
643
- i0.ɵɵattribute("disabled", ctx.isDisabled ? true : null);
644
- i0.ɵɵadvance(1);
645
- i0.ɵɵproperty("ngIf", ctx.isDisabled);
646
- i0.ɵɵadvance(1);
647
- i0.ɵɵproperty("ngIf", !ctx.isDisabled);
648
- i0.ɵɵadvance(1);
649
- i0.ɵɵproperty("ngIf", !ctx.isDisabled);
650
- } }, dependencies: [i1.NgIf, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.FormControlDirective, i1$2.CalendarComponent, i4$1.IconComponent, i4.FlyoutActionDirective, i4.FlyoutZoneDirective, i4.FlyoutDirective], styles: ["[_nghost-%COMP%], .aui-datepicker[_ngcontent-%COMP%]{display:block}.m-flyout.is-open[_ngcontent-%COMP%] .m-datepicker[_ngcontent-%COMP%]{opacity:1;transform:translateY(calc(var(--BORDER-WIDTH) * -1));transition-delay:0s;visibility:visible}"], changeDetection: 0 });
651
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatepickerComponent, [{
652
- type: Component,
653
- args: [{ selector: 'aui-datepicker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
654
- {
655
- provide: NG_VALUE_ACCESSOR,
656
- useExisting: forwardRef((() => DatepickerComponent)),
657
- multi: true,
658
- },
659
- {
660
- provide: NG_VALIDATORS,
661
- useExisting: forwardRef((() => DatepickerComponent)),
662
- multi: true,
663
- },
664
- ], template: "<div aria-haspopup=\"grid\" auiFlyout class=\"aui-datepicker a-input has-icon-right\">\n <label class=\"a-input__label\" for=\"{{ id }}\" *ngIf=\"label\">{{ label }}</label>\n <small class=\"a-input__description\" *ngIf=\"description\"> {{ description }}</small>\n <div class=\"a-input__wrapper\">\n <input\n (blur)=\"handleBlur($event)\"\n [attr.disabled]=\"isDisabled ? true : null\"\n [autocomplete]=\"autocomplete\"\n [formControl]=\"formControl\"\n id=\"{{ id }}\"\n label=\"Pick date\"\n description=\"Description\"\n name=\"{{ name }}\"\n placeholder=\"{{ placeholder }}\"\n type=\"text\"\n />\n <ng-container *ngIf=\"isDisabled\">\n <aui-icon\n name=\"ai-calendar\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isDisabled\">\n <aui-icon\n auiFlyoutAction\n [openOnFocus]=\"false\"\n name=\"ai-calendar\"\n className=\"is-clickable\"\n role=\"button\"\n [attr.aria-label]=\"ariaOpenDatepickerLabel\"\n tabindex=\"0\"\n />\n </ng-container>\n\n <ng-container *ngIf=\"!isDisabled\">\n <div auiFlyoutZone class=\"m-datepicker m-datepicker--fixed\" role=\"dialog\">\n <aui-calendar\n (selectDate)=\"selectDateFromCalendar($event)\"\n [range]=\"range\"\n [selectedDate]=\"selectedDate\"\n [interval]=\"interval\"\n [weekdayLabels]=\"weekdayLabels\"\n [monthLabels]=\"monthLabels\"\n ></aui-calendar>\n </div>\n </ng-container>\n </div>\n</div>\n", styles: [":host,.aui-datepicker{display:block}.m-flyout.is-open .m-datepicker{opacity:1;transform:translateY(calc(var(--BORDER-WIDTH) * -1));transition-delay:0s;visibility:visible}\n"] }]
665
- }], function () { return [{ type: undefined, decorators: [{
666
- type: Inject,
667
- args: [CALENDAR_MONTH_LABELS]
668
- }] }, { type: undefined, decorators: [{
669
- type: Inject,
670
- args: [CALENDAR_WEEKDAY_LABELS]
671
- }] }, { type: undefined, decorators: [{
672
- type: Inject,
673
- args: [DATEPICKER_ERROR_LABELS]
674
- }] }, { type: i1$2.CalendarService }, { type: i1$1.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }]; }, { flyout: [{
675
- type: ViewChild,
676
- args: [FlyoutDirective, { static: true }]
677
- }], id: [{
678
- type: Input
679
- }], name: [{
680
- type: Input
681
- }], placeholder: [{
682
- type: Input
683
- }], label: [{
684
- type: Input
685
- }], description: [{
686
- type: Input
687
- }], range: [{
688
- type: Input
689
- }], min: [{
690
- type: Input
691
- }], max: [{
692
- type: Input
693
- }], autocomplete: [{
694
- type: Input
695
- }], weekdayLabels: [{
696
- type: Input
697
- }], monthLabels: [{
698
- type: Input
699
- }], ariaOpenDatepickerLabel: [{
700
- type: Input
701
- }], blur: [{
702
- type: Output
703
- }] }); })();
476
+ /** @nocollapse */ DatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DatepickerComponent, deps: [{ token: CALENDAR_MONTH_LABELS }, { token: CALENDAR_WEEKDAY_LABELS }, { token: DATEPICKER_ERROR_LABELS }, { token: i1$2.CalendarService }, { token: i1$1.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
477
+ /** @nocollapse */ DatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: DatepickerComponent, selector: "aui-datepicker", inputs: { id: "id", name: "name", placeholder: "placeholder", label: "label", description: "description", range: "range", min: "min", max: "max", autocomplete: "autocomplete", weekdayLabels: "weekdayLabels", monthLabels: "monthLabels", ariaOpenDatepickerLabel: "ariaOpenDatepickerLabel" }, outputs: { blur: "blur" }, providers: [
478
+ {
479
+ provide: NG_VALUE_ACCESSOR,
480
+ useExisting: forwardRef((() => DatepickerComponent)),
481
+ multi: true,
482
+ },
483
+ {
484
+ provide: NG_VALIDATORS,
485
+ useExisting: forwardRef((() => DatepickerComponent)),
486
+ multi: true,
487
+ },
488
+ ], viewQueries: [{ propertyName: "flyout", first: true, predicate: FlyoutDirective, descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div aria-haspopup=\"grid\" auiFlyout class=\"aui-datepicker a-input has-icon-right\">\n <label class=\"a-input__label\" for=\"{{ id }}\" *ngIf=\"label\">{{ label }}</label>\n <small class=\"a-input__description\" *ngIf=\"description\"> {{ description }}</small>\n <div class=\"a-input__wrapper\">\n <input\n (blur)=\"handleBlur($event)\"\n [attr.disabled]=\"isDisabled ? true : null\"\n [autocomplete]=\"autocomplete\"\n [formControl]=\"formControl\"\n id=\"{{ id }}\"\n label=\"Pick date\"\n description=\"Description\"\n name=\"{{ name }}\"\n placeholder=\"{{ placeholder }}\"\n type=\"text\"\n />\n <ng-container *ngIf=\"isDisabled\">\n <aui-icon\n name=\"ai-calendar\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isDisabled\">\n <aui-icon\n auiFlyoutAction\n [openOnFocus]=\"false\"\n name=\"ai-calendar\"\n className=\"is-clickable\"\n role=\"button\"\n [attr.aria-label]=\"ariaOpenDatepickerLabel\"\n tabindex=\"0\"\n />\n </ng-container>\n\n <ng-container *ngIf=\"!isDisabled\">\n <div auiFlyoutZone class=\"m-datepicker m-datepicker--fixed\" role=\"dialog\">\n <aui-calendar\n (selectDate)=\"selectDateFromCalendar($event)\"\n [range]=\"range\"\n [selectedDate]=\"selectedDate\"\n [interval]=\"interval\"\n [weekdayLabels]=\"weekdayLabels\"\n [monthLabels]=\"monthLabels\"\n ></aui-calendar>\n </div>\n </ng-container>\n </div>\n</div>\n", styles: [":host,.aui-datepicker{display:block}.m-flyout.is-open .m-datepicker{opacity:1;transform:translateY(calc(var(--BORDER-WIDTH) * -1));transition-delay:0s;visibility:visible}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i1$2.CalendarComponent, selector: "aui-calendar", inputs: ["ariaPreviousLabels", "ariaNextLabels", "selectedDate", "range", "interval", "weekdayLabels", "monthLabels"], outputs: ["selectDate"] }, { kind: "component", type: i4$1.IconComponent, selector: "aui-icon", inputs: ["name", "ariaLabel", "className"] }, { kind: "directive", type: i4.FlyoutActionDirective, selector: "[auiFlyoutAction]", inputs: ["openOnFocus", "disabled"], exportAs: ["auiFlyoutAction"] }, { kind: "directive", type: i4.FlyoutZoneDirective, selector: "[auiFlyoutZone]", inputs: ["auiFlyoutZone"], exportAs: ["auiFlyoutZone"] }, { kind: "directive", type: i4.FlyoutDirective, selector: "[auiFlyout]", inputs: ["size", "align", "toggleClick", "activateOnFocus"], outputs: ["opened", "closed"], exportAs: ["auiFlyout"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
489
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DatepickerComponent, decorators: [{
490
+ type: Component,
491
+ args: [{ selector: 'aui-datepicker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
492
+ {
493
+ provide: NG_VALUE_ACCESSOR,
494
+ useExisting: forwardRef((() => DatepickerComponent)),
495
+ multi: true,
496
+ },
497
+ {
498
+ provide: NG_VALIDATORS,
499
+ useExisting: forwardRef((() => DatepickerComponent)),
500
+ multi: true,
501
+ },
502
+ ], template: "<div aria-haspopup=\"grid\" auiFlyout class=\"aui-datepicker a-input has-icon-right\">\n <label class=\"a-input__label\" for=\"{{ id }}\" *ngIf=\"label\">{{ label }}</label>\n <small class=\"a-input__description\" *ngIf=\"description\"> {{ description }}</small>\n <div class=\"a-input__wrapper\">\n <input\n (blur)=\"handleBlur($event)\"\n [attr.disabled]=\"isDisabled ? true : null\"\n [autocomplete]=\"autocomplete\"\n [formControl]=\"formControl\"\n id=\"{{ id }}\"\n label=\"Pick date\"\n description=\"Description\"\n name=\"{{ name }}\"\n placeholder=\"{{ placeholder }}\"\n type=\"text\"\n />\n <ng-container *ngIf=\"isDisabled\">\n <aui-icon\n name=\"ai-calendar\"\n />\n </ng-container>\n <ng-container *ngIf=\"!isDisabled\">\n <aui-icon\n auiFlyoutAction\n [openOnFocus]=\"false\"\n name=\"ai-calendar\"\n className=\"is-clickable\"\n role=\"button\"\n [attr.aria-label]=\"ariaOpenDatepickerLabel\"\n tabindex=\"0\"\n />\n </ng-container>\n\n <ng-container *ngIf=\"!isDisabled\">\n <div auiFlyoutZone class=\"m-datepicker m-datepicker--fixed\" role=\"dialog\">\n <aui-calendar\n (selectDate)=\"selectDateFromCalendar($event)\"\n [range]=\"range\"\n [selectedDate]=\"selectedDate\"\n [interval]=\"interval\"\n [weekdayLabels]=\"weekdayLabels\"\n [monthLabels]=\"monthLabels\"\n ></aui-calendar>\n </div>\n </ng-container>\n </div>\n</div>\n", styles: [":host,.aui-datepicker{display:block}.m-flyout.is-open .m-datepicker{opacity:1;transform:translateY(calc(var(--BORDER-WIDTH) * -1));transition-delay:0s;visibility:visible}\n"] }]
503
+ }], ctorParameters: function () { return [{ type: undefined, decorators: [{
504
+ type: Inject,
505
+ args: [CALENDAR_MONTH_LABELS]
506
+ }] }, { type: undefined, decorators: [{
507
+ type: Inject,
508
+ args: [CALENDAR_WEEKDAY_LABELS]
509
+ }] }, { type: undefined, decorators: [{
510
+ type: Inject,
511
+ args: [DATEPICKER_ERROR_LABELS]
512
+ }] }, { type: i1$2.CalendarService }, { type: i1$1.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { flyout: [{
513
+ type: ViewChild,
514
+ args: [FlyoutDirective, { static: true }]
515
+ }], id: [{
516
+ type: Input
517
+ }], name: [{
518
+ type: Input
519
+ }], placeholder: [{
520
+ type: Input
521
+ }], label: [{
522
+ type: Input
523
+ }], description: [{
524
+ type: Input
525
+ }], range: [{
526
+ type: Input
527
+ }], min: [{
528
+ type: Input
529
+ }], max: [{
530
+ type: Input
531
+ }], autocomplete: [{
532
+ type: Input
533
+ }], weekdayLabels: [{
534
+ type: Input
535
+ }], monthLabels: [{
536
+ type: Input
537
+ }], ariaOpenDatepickerLabel: [{
538
+ type: Input
539
+ }], blur: [{
540
+ type: Output
541
+ }] } });
704
542
 
705
543
  class DatepickerModule {
706
544
  static forChild(weekdayLabels, monthLabels, errorLabels) {
@@ -714,9 +552,9 @@ class DatepickerModule {
714
552
  };
715
553
  }
716
554
  }
717
- /** @nocollapse */ DatepickerModule.ɵfac = function DatepickerModule_Factory(t) { return new (t || DatepickerModule)(); };
718
- /** @nocollapse */ DatepickerModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: DatepickerModule });
719
- /** @nocollapse */ DatepickerModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [
555
+ /** @nocollapse */ DatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
556
+ /** @nocollapse */ DatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: DatepickerModule, declarations: [DatepickerComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule, CalendarModule, IconModule, FlyoutModule], exports: [DatepickerComponent] });
557
+ /** @nocollapse */ DatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DatepickerModule, providers: [
720
558
  {
721
559
  provide: CALENDAR_WEEKDAY_LABELS,
722
560
  useValue: CALENDAR_DEFAULT_WEEKDAY_LABELS,
@@ -727,40 +565,26 @@ class DatepickerModule {
727
565
  useValue: DATEPICKER_DEFAULT_ERROR_LABELS,
728
566
  },
729
567
  ], imports: [CommonModule, FormsModule, ReactiveFormsModule, CalendarModule, IconModule, FlyoutModule] });
730
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatepickerModule, [{
731
- type: NgModule,
732
- args: [{
733
- imports: [CommonModule, FormsModule, ReactiveFormsModule, CalendarModule, IconModule, FlyoutModule],
734
- declarations: [DatepickerComponent],
735
- exports: [DatepickerComponent],
736
- providers: [
737
- {
738
- provide: CALENDAR_WEEKDAY_LABELS,
739
- useValue: CALENDAR_DEFAULT_WEEKDAY_LABELS,
740
- },
741
- { provide: CALENDAR_MONTH_LABELS, useValue: CALENDAR_DEFAULT_MONTH_LABELS },
742
- {
743
- provide: DATEPICKER_ERROR_LABELS,
744
- useValue: DATEPICKER_DEFAULT_ERROR_LABELS,
745
- },
746
- ],
747
- }]
748
- }], null, null); })();
749
- (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(DatepickerModule, { declarations: [DatepickerComponent], imports: [CommonModule, FormsModule, ReactiveFormsModule, CalendarModule, IconModule, FlyoutModule], exports: [DatepickerComponent] }); })();
568
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: DatepickerModule, decorators: [{
569
+ type: NgModule,
570
+ args: [{
571
+ imports: [CommonModule, FormsModule, ReactiveFormsModule, CalendarModule, IconModule, FlyoutModule],
572
+ declarations: [DatepickerComponent],
573
+ exports: [DatepickerComponent],
574
+ providers: [
575
+ {
576
+ provide: CALENDAR_WEEKDAY_LABELS,
577
+ useValue: CALENDAR_DEFAULT_WEEKDAY_LABELS,
578
+ },
579
+ { provide: CALENDAR_MONTH_LABELS, useValue: CALENDAR_DEFAULT_MONTH_LABELS },
580
+ {
581
+ provide: DATEPICKER_ERROR_LABELS,
582
+ useValue: DATEPICKER_DEFAULT_ERROR_LABELS,
583
+ },
584
+ ],
585
+ }]
586
+ }] });
750
587
 
751
- function RangeSliderComponent_div_6_Template(rf, ctx) { if (rf & 1) {
752
- i0.ɵɵelement(0, "div", 11);
753
- } }
754
- function RangeSliderComponent_span_9_Template(rf, ctx) { if (rf & 1) {
755
- const _r5 = i0.ɵɵgetCurrentView();
756
- i0.ɵɵelementStart(0, "span", 12);
757
- i0.ɵɵlistener("blur", function RangeSliderComponent_span_9_Template_span_blur_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.toggleFocus(false, null, $event)); })("dragexit", function RangeSliderComponent_span_9_Template_span_dragexit_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.onMouseUp($event)); })("focus", function RangeSliderComponent_span_9_Template_span_focus_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.toggleFocus(true, "end", $event)); })("mousedown", function RangeSliderComponent_span_9_Template_span_mousedown_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onMouseDown("end")); })("touchstart", function RangeSliderComponent_span_9_Template_span_touchstart_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.onMouseDown("end")); });
758
- i0.ɵɵelementEnd();
759
- } if (rf & 2) {
760
- const ctx_r1 = i0.ɵɵnextContext();
761
- i0.ɵɵstyleProp("left", ctx_r1.endPercentage + "%");
762
- i0.ɵɵattribute("aria-label", ctx_r1.ariaLabelMax);
763
- } }
764
588
  class RangeSliderComponent {
765
589
  constructor(elRef) {
766
590
  this.elRef = elRef;
@@ -990,195 +814,84 @@ class RangeSliderComponent {
990
814
  return newPercentage;
991
815
  }
992
816
  }
993
- /** @nocollapse */ RangeSliderComponent.ɵfac = function RangeSliderComponent_Factory(t) { return new (t || RangeSliderComponent)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
994
- /** @nocollapse */ RangeSliderComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: RangeSliderComponent, selectors: [["aui-range-slider"]], hostVars: 4, hostBindings: function RangeSliderComponent_HostBindings(rf, ctx) { if (rf & 1) {
995
- i0.ɵɵlistener("keydown", function RangeSliderComponent_keydown_HostBindingHandler($event) { return ctx.onKeyDown($event); }, false, i0.ɵɵresolveDocument)("touchend", function RangeSliderComponent_touchend_HostBindingHandler($event) { return ctx.onMouseUp($event); })("mouseup", function RangeSliderComponent_mouseup_HostBindingHandler($event) { return ctx.onMouseUp($event); })("touchstart", function RangeSliderComponent_touchstart_HostBindingHandler($event) { return ctx.mouseDown($event); })("mousedown", function RangeSliderComponent_mousedown_HostBindingHandler($event) { return ctx.mouseDown($event); })("touchmove", function RangeSliderComponent_touchmove_HostBindingHandler($event) { return ctx.onMouseMove($event); })("mousemove", function RangeSliderComponent_mousemove_HostBindingHandler($event) { return ctx.onMouseMove($event); });
996
- } if (rf & 2) {
997
- i0.ɵɵclassProp("m-range-slider", ctx.coreBranding)("is-disabled", ctx.disabledClass);
998
- } }, inputs: { min: "min", max: "max", minimalDistance: "minimalDistance", step: "step", label: "label", labelBefore: "labelBefore", labelAfter: "labelAfter", ariaLabelMin: "ariaLabelMin", ariaLabelMax: "ariaLabelMax" }, features: [i0.ɵɵProvidersFeature([
999
- {
1000
- provide: NG_VALUE_ACCESSOR,
1001
- useExisting: forwardRef((() => RangeSliderComponent)),
1002
- multi: true,
1003
- },
1004
- ])], decls: 15, vars: 16, consts: [[1, "a-range-slider"], [1, "a-range-slider__labels"], [1, "a-range-slider__label"], [1, "a-range-slider__inner"], [1, "a-range-slider__tickmarks"], ["class", "a-range-slider__tickmark", 4, "ngFor", "ngForOf"], [1, "a-range-slider__bar"], ["tabindex", "0", 1, "a-range-slider__handle", 3, "blur", "dragexit", "focus", "mousedown", "touchstart"], ["class", "a-range-slider__handle", "name", "a-range-slider__handle__end", "tabindex", "0", 3, "left", "blur", "dragexit", "focus", "mousedown", "touchstart", 4, "ngIf"], [1, "a-range-slider__descriptions"], [1, "a-range-slider__description", "small"], [1, "a-range-slider__tickmark"], ["name", "a-range-slider__handle__end", "tabindex", "0", 1, "a-range-slider__handle", 3, "blur", "dragexit", "focus", "mousedown", "touchstart"]], template: function RangeSliderComponent_Template(rf, ctx) { if (rf & 1) {
1005
- i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
1006
- i0.ɵɵtext(3);
1007
- i0.ɵɵelementEnd()();
1008
- i0.ɵɵelementStart(4, "div", 3)(5, "div", 4);
1009
- i0.ɵɵtemplate(6, RangeSliderComponent_div_6_Template, 1, 0, "div", 5);
1010
- i0.ɵɵelementEnd();
1011
- i0.ɵɵelement(7, "div", 6);
1012
- i0.ɵɵelementStart(8, "span", 7);
1013
- i0.ɵɵlistener("blur", function RangeSliderComponent_Template_span_blur_8_listener($event) { return ctx.toggleFocus(false, null, $event); })("dragexit", function RangeSliderComponent_Template_span_dragexit_8_listener($event) { return ctx.onMouseUp($event); })("focus", function RangeSliderComponent_Template_span_focus_8_listener($event) { return ctx.toggleFocus(true, "start", $event); })("mousedown", function RangeSliderComponent_Template_span_mousedown_8_listener() { return ctx.onMouseDown("start"); })("touchstart", function RangeSliderComponent_Template_span_touchstart_8_listener() { return ctx.onMouseDown("start"); });
1014
- i0.ɵɵelementEnd();
1015
- i0.ɵɵtemplate(9, RangeSliderComponent_span_9_Template, 1, 3, "span", 8);
1016
- i0.ɵɵelementEnd();
1017
- i0.ɵɵelementStart(10, "div", 9)(11, "div", 10);
1018
- i0.ɵɵtext(12);
1019
- i0.ɵɵelementEnd();
1020
- i0.ɵɵelementStart(13, "div", 10);
1021
- i0.ɵɵtext(14);
1022
- i0.ɵɵelementEnd()()();
1023
- } if (rf & 2) {
1024
- i0.ɵɵadvance(3);
1025
- i0.ɵɵtextInterpolate(ctx.label);
1026
- i0.ɵɵadvance(3);
1027
- i0.ɵɵproperty("ngForOf", ctx.steps);
1028
- i0.ɵɵadvance(1);
1029
- i0.ɵɵstyleProp("left", ctx.endPercentage ? ctx.startPercentage + "%" : false)("width", ctx.endPercentage ? ctx.endPercentage - ctx.startPercentage + "%" : ctx.startPercentage + "%");
1030
- i0.ɵɵadvance(1);
1031
- i0.ɵɵstyleProp("left", ctx.startPercentage + "%");
1032
- i0.ɵɵattribute("aria-label", ctx.ariaLabelMin);
1033
- i0.ɵɵadvance(1);
1034
- i0.ɵɵproperty("ngIf", ctx.end);
1035
- i0.ɵɵadvance(3);
1036
- i0.ɵɵtextInterpolate3("", ctx.labelBefore, "", ctx.min, "", ctx.labelAfter, "");
1037
- i0.ɵɵadvance(2);
1038
- i0.ɵɵtextInterpolate3("", ctx.labelBefore, "", ctx.max, "", ctx.labelAfter, "");
1039
- } }, dependencies: [i1.NgForOf, i1.NgIf], styles: ["[_nghost-%COMP%]{display:block;position:relative}.is-disabled[_nghost-%COMP%]{cursor:not-allowed}.is-disabled[_nghost-%COMP%] .m-range-slider__handle[_ngcontent-%COMP%]:hover{cursor:not-allowed}"] });
1040
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RangeSliderComponent, [{
1041
- type: Component,
1042
- args: [{ selector: 'aui-range-slider', providers: [
1043
- {
1044
- provide: NG_VALUE_ACCESSOR,
1045
- useExisting: forwardRef((() => RangeSliderComponent)),
1046
- multi: true,
1047
- },
1048
- ], template: "<div class=\"a-range-slider\">\n <div class=\"a-range-slider__labels\">\n <div class=\"a-range-slider__label\">{{ label }}</div>\n </div>\n <div class=\"a-range-slider__inner\">\n <div class=\"a-range-slider__tickmarks\">\n <div *ngFor=\"let step of steps; let i = index\" class=\"a-range-slider__tickmark\"></div>\n </div>\n <div\n [style.left]=\"endPercentage ? startPercentage + '%' : false\"\n [style.width]=\"endPercentage ? endPercentage - startPercentage + '%' : startPercentage + '%'\"\n class=\"a-range-slider__bar\"\n ></div>\n <span\n (blur)=\"toggleFocus(false, null, $event)\"\n (dragexit)=\"onMouseUp($event)\"\n (focus)=\"toggleFocus(true, 'start', $event)\"\n (mousedown)=\"onMouseDown('start')\"\n (touchstart)=\"onMouseDown('start')\"\n [style.left]=\"startPercentage + '%'\"\n class=\"a-range-slider__handle\"\n [attr.aria-label]=\"ariaLabelMin\"\n tabindex=\"0\"\n >\n </span>\n\n <span\n (blur)=\"toggleFocus(false, null, $event)\"\n (dragexit)=\"onMouseUp($event)\"\n (focus)=\"toggleFocus(true, 'end', $event)\"\n (mousedown)=\"onMouseDown('end')\"\n (touchstart)=\"onMouseDown('end')\"\n *ngIf=\"end\"\n [style.left]=\"endPercentage + '%'\"\n class=\"a-range-slider__handle\"\n name=\"a-range-slider__handle__end\"\n [attr.aria-label]=\"ariaLabelMax\"\n tabindex=\"0\"\n >\n </span>\n </div>\n <div class=\"a-range-slider__descriptions\">\n <div class=\"a-range-slider__description small\">{{ labelBefore }}{{ min }}{{ labelAfter }}</div>\n <div class=\"a-range-slider__description small\">{{ labelBefore }}{{ max }}{{ labelAfter }}</div>\n </div>\n</div>\n", styles: [":host{display:block;position:relative}:host.is-disabled{cursor:not-allowed}:host.is-disabled .m-range-slider__handle:hover{cursor:not-allowed}\n"] }]
1049
- }], function () { return [{ type: i0.ElementRef }]; }, { coreBranding: [{
1050
- type: HostBinding,
1051
- args: ['class.m-range-slider']
1052
- }], min: [{
1053
- type: Input
1054
- }], max: [{
1055
- type: Input
1056
- }], minimalDistance: [{
1057
- type: Input
1058
- }], step: [{
1059
- type: Input
1060
- }], label: [{
1061
- type: Input
1062
- }], labelBefore: [{
1063
- type: Input
1064
- }], labelAfter: [{
1065
- type: Input
1066
- }], ariaLabelMin: [{
1067
- type: Input
1068
- }], ariaLabelMax: [{
1069
- type: Input
1070
- }], disabledClass: [{
1071
- type: HostBinding,
1072
- args: ['class.is-disabled']
1073
- }], onKeyDown: [{
1074
- type: HostListener,
1075
- args: ['document:keydown', ['$event']]
1076
- }], onMouseUp: [{
1077
- type: HostListener,
1078
- args: ['touchend', ['$event']]
1079
- }, {
1080
- type: HostListener,
1081
- args: ['mouseup', ['$event']]
1082
- }], mouseDown: [{
1083
- type: HostListener,
1084
- args: ['touchstart', ['$event']]
1085
- }, {
1086
- type: HostListener,
1087
- args: ['mousedown', ['$event']]
1088
- }], onMouseMove: [{
1089
- type: HostListener,
1090
- args: ['touchmove', ['$event']]
1091
- }, {
1092
- type: HostListener,
1093
- args: ['mousemove', ['$event']]
1094
- }] }); })();
817
+ /** @nocollapse */ RangeSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RangeSliderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
818
+ /** @nocollapse */ RangeSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: RangeSliderComponent, selector: "aui-range-slider", inputs: { min: "min", max: "max", minimalDistance: "minimalDistance", step: "step", label: "label", labelBefore: "labelBefore", labelAfter: "labelAfter", ariaLabelMin: "ariaLabelMin", ariaLabelMax: "ariaLabelMax" }, host: { listeners: { "document:keydown": "onKeyDown($event)", "touchend": "onMouseUp($event)", "mouseup": "onMouseUp($event)", "touchstart": "mouseDown($event)", "mousedown": "mouseDown($event)", "touchmove": "onMouseMove($event)", "mousemove": "onMouseMove($event)" }, properties: { "class.m-range-slider": "this.coreBranding", "class.is-disabled": "this.disabledClass" } }, providers: [
819
+ {
820
+ provide: NG_VALUE_ACCESSOR,
821
+ useExisting: forwardRef((() => RangeSliderComponent)),
822
+ multi: true,
823
+ },
824
+ ], ngImport: i0, template: "<div class=\"a-range-slider\">\n <div class=\"a-range-slider__labels\">\n <div class=\"a-range-slider__label\">{{ label }}</div>\n </div>\n <div class=\"a-range-slider__inner\">\n <div class=\"a-range-slider__tickmarks\">\n <div *ngFor=\"let step of steps; let i = index\" class=\"a-range-slider__tickmark\"></div>\n </div>\n <div\n [style.left]=\"endPercentage ? startPercentage + '%' : false\"\n [style.width]=\"endPercentage ? endPercentage - startPercentage + '%' : startPercentage + '%'\"\n class=\"a-range-slider__bar\"\n ></div>\n <span\n (blur)=\"toggleFocus(false, null, $event)\"\n (dragexit)=\"onMouseUp($event)\"\n (focus)=\"toggleFocus(true, 'start', $event)\"\n (mousedown)=\"onMouseDown('start')\"\n (touchstart)=\"onMouseDown('start')\"\n [style.left]=\"startPercentage + '%'\"\n class=\"a-range-slider__handle\"\n [attr.aria-label]=\"ariaLabelMin\"\n tabindex=\"0\"\n >\n </span>\n\n <span\n (blur)=\"toggleFocus(false, null, $event)\"\n (dragexit)=\"onMouseUp($event)\"\n (focus)=\"toggleFocus(true, 'end', $event)\"\n (mousedown)=\"onMouseDown('end')\"\n (touchstart)=\"onMouseDown('end')\"\n *ngIf=\"end\"\n [style.left]=\"endPercentage + '%'\"\n class=\"a-range-slider__handle\"\n name=\"a-range-slider__handle__end\"\n [attr.aria-label]=\"ariaLabelMax\"\n tabindex=\"0\"\n >\n </span>\n </div>\n <div class=\"a-range-slider__descriptions\">\n <div class=\"a-range-slider__description small\">{{ labelBefore }}{{ min }}{{ labelAfter }}</div>\n <div class=\"a-range-slider__description small\">{{ labelBefore }}{{ max }}{{ labelAfter }}</div>\n </div>\n</div>\n", styles: [":host{display:block;position:relative}:host.is-disabled{cursor:not-allowed}:host.is-disabled .m-range-slider__handle:hover{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
825
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RangeSliderComponent, decorators: [{
826
+ type: Component,
827
+ args: [{ selector: 'aui-range-slider', providers: [
828
+ {
829
+ provide: NG_VALUE_ACCESSOR,
830
+ useExisting: forwardRef((() => RangeSliderComponent)),
831
+ multi: true,
832
+ },
833
+ ], template: "<div class=\"a-range-slider\">\n <div class=\"a-range-slider__labels\">\n <div class=\"a-range-slider__label\">{{ label }}</div>\n </div>\n <div class=\"a-range-slider__inner\">\n <div class=\"a-range-slider__tickmarks\">\n <div *ngFor=\"let step of steps; let i = index\" class=\"a-range-slider__tickmark\"></div>\n </div>\n <div\n [style.left]=\"endPercentage ? startPercentage + '%' : false\"\n [style.width]=\"endPercentage ? endPercentage - startPercentage + '%' : startPercentage + '%'\"\n class=\"a-range-slider__bar\"\n ></div>\n <span\n (blur)=\"toggleFocus(false, null, $event)\"\n (dragexit)=\"onMouseUp($event)\"\n (focus)=\"toggleFocus(true, 'start', $event)\"\n (mousedown)=\"onMouseDown('start')\"\n (touchstart)=\"onMouseDown('start')\"\n [style.left]=\"startPercentage + '%'\"\n class=\"a-range-slider__handle\"\n [attr.aria-label]=\"ariaLabelMin\"\n tabindex=\"0\"\n >\n </span>\n\n <span\n (blur)=\"toggleFocus(false, null, $event)\"\n (dragexit)=\"onMouseUp($event)\"\n (focus)=\"toggleFocus(true, 'end', $event)\"\n (mousedown)=\"onMouseDown('end')\"\n (touchstart)=\"onMouseDown('end')\"\n *ngIf=\"end\"\n [style.left]=\"endPercentage + '%'\"\n class=\"a-range-slider__handle\"\n name=\"a-range-slider__handle__end\"\n [attr.aria-label]=\"ariaLabelMax\"\n tabindex=\"0\"\n >\n </span>\n </div>\n <div class=\"a-range-slider__descriptions\">\n <div class=\"a-range-slider__description small\">{{ labelBefore }}{{ min }}{{ labelAfter }}</div>\n <div class=\"a-range-slider__description small\">{{ labelBefore }}{{ max }}{{ labelAfter }}</div>\n </div>\n</div>\n", styles: [":host{display:block;position:relative}:host.is-disabled{cursor:not-allowed}:host.is-disabled .m-range-slider__handle:hover{cursor:not-allowed}\n"] }]
834
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { coreBranding: [{
835
+ type: HostBinding,
836
+ args: ['class.m-range-slider']
837
+ }], min: [{
838
+ type: Input
839
+ }], max: [{
840
+ type: Input
841
+ }], minimalDistance: [{
842
+ type: Input
843
+ }], step: [{
844
+ type: Input
845
+ }], label: [{
846
+ type: Input
847
+ }], labelBefore: [{
848
+ type: Input
849
+ }], labelAfter: [{
850
+ type: Input
851
+ }], ariaLabelMin: [{
852
+ type: Input
853
+ }], ariaLabelMax: [{
854
+ type: Input
855
+ }], disabledClass: [{
856
+ type: HostBinding,
857
+ args: ['class.is-disabled']
858
+ }], onKeyDown: [{
859
+ type: HostListener,
860
+ args: ['document:keydown', ['$event']]
861
+ }], onMouseUp: [{
862
+ type: HostListener,
863
+ args: ['touchend', ['$event']]
864
+ }, {
865
+ type: HostListener,
866
+ args: ['mouseup', ['$event']]
867
+ }], mouseDown: [{
868
+ type: HostListener,
869
+ args: ['touchstart', ['$event']]
870
+ }, {
871
+ type: HostListener,
872
+ args: ['mousedown', ['$event']]
873
+ }], onMouseMove: [{
874
+ type: HostListener,
875
+ args: ['touchmove', ['$event']]
876
+ }, {
877
+ type: HostListener,
878
+ args: ['mousemove', ['$event']]
879
+ }] } });
1095
880
 
1096
881
  class RangeSliderModule {
1097
882
  }
1098
- /** @nocollapse */ RangeSliderModule.ɵfac = function RangeSliderModule_Factory(t) { return new (t || RangeSliderModule)(); };
1099
- /** @nocollapse */ RangeSliderModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: RangeSliderModule });
1100
- /** @nocollapse */ RangeSliderModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule, FormsModule] });
1101
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RangeSliderModule, [{
1102
- type: NgModule,
1103
- args: [{
1104
- imports: [CommonModule, FormsModule],
1105
- declarations: [RangeSliderComponent],
1106
- exports: [RangeSliderComponent],
1107
- }]
1108
- }], null, null); })();
1109
- (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(RangeSliderModule, { declarations: [RangeSliderComponent], imports: [CommonModule, FormsModule], exports: [RangeSliderComponent] }); })();
883
+ /** @nocollapse */ RangeSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RangeSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
884
+ /** @nocollapse */ RangeSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: RangeSliderModule, declarations: [RangeSliderComponent], imports: [CommonModule, FormsModule], exports: [RangeSliderComponent] });
885
+ /** @nocollapse */ RangeSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RangeSliderModule, imports: [CommonModule, FormsModule] });
886
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: RangeSliderModule, decorators: [{
887
+ type: NgModule,
888
+ args: [{
889
+ imports: [CommonModule, FormsModule],
890
+ declarations: [RangeSliderComponent],
891
+ exports: [RangeSliderComponent],
892
+ }]
893
+ }] });
1110
894
 
1111
- const _c0$4 = function (a0, a1) { return { "a-button--l": a0, "a-button--s": a1 }; };
1112
- function SearchFilterComponent_button_8_Template(rf, ctx) { if (rf & 1) {
1113
- const _r6 = i0.ɵɵgetCurrentView();
1114
- i0.ɵɵelementStart(0, "button", 12);
1115
- i0.ɵɵlistener("click", function SearchFilterComponent_button_8_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.clear()); });
1116
- i0.ɵɵelement(1, "aui-icon", 13);
1117
- i0.ɵɵelementEnd();
1118
- } if (rf & 2) {
1119
- const ctx_r0 = i0.ɵɵnextContext();
1120
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(2, _c0$4, ctx_r0.size === "large", ctx_r0.size === "small"));
1121
- i0.ɵɵattribute("disabled", ctx_r0.isDisabled || ctx_r0.closeDisabled ? "" : null);
1122
- } }
1123
- function SearchFilterComponent_aui_icon_9_Template(rf, ctx) { if (rf & 1) {
1124
- i0.ɵɵelement(0, "aui-icon", 13);
1125
- } }
1126
- function SearchFilterComponent_p_11_Template(rf, ctx) { if (rf & 1) {
1127
- i0.ɵɵelementStart(0, "p", 14);
1128
- i0.ɵɵtext(1);
1129
- i0.ɵɵelementEnd();
1130
- } if (rf & 2) {
1131
- const ctx_r2 = i0.ɵɵnextContext();
1132
- i0.ɵɵadvance(1);
1133
- i0.ɵɵtextInterpolate(ctx_r2.labelResults);
1134
- } }
1135
- function SearchFilterComponent_div_12_Template(rf, ctx) { if (rf & 1) {
1136
- i0.ɵɵelement(0, "div", 15);
1137
- } }
1138
- function SearchFilterComponent_ul_13_li_1_Template(rf, ctx) { if (rf & 1) {
1139
- i0.ɵɵelementStart(0, "li", 19)(1, "p", 20);
1140
- i0.ɵɵtext(2);
1141
- i0.ɵɵelementEnd()();
1142
- } if (rf & 2) {
1143
- const ctx_r7 = i0.ɵɵnextContext(2);
1144
- i0.ɵɵadvance(2);
1145
- i0.ɵɵtextInterpolate(ctx_r7.labelNoResults);
1146
- } }
1147
- function SearchFilterComponent_ul_13_li_2_Template(rf, ctx) { if (rf & 1) {
1148
- const _r12 = i0.ɵɵgetCurrentView();
1149
- i0.ɵɵelementStart(0, "li", 19)(1, "div", 21)(2, "div", 22)(3, "input", 23);
1150
- i0.ɵɵlistener("change", function SearchFilterComponent_ul_13_li_2_Template_input_change_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r12); const choice_r9 = restoredCtx.$implicit; const ctx_r11 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r11.toggleSelected(choice_r9.label)); });
1151
- i0.ɵɵelementEnd();
1152
- i0.ɵɵelementStart(4, "label", 24);
1153
- i0.ɵɵtext(5);
1154
- i0.ɵɵelementEnd()()()();
1155
- } if (rf & 2) {
1156
- const choice_r9 = ctx.$implicit;
1157
- const i_r10 = ctx.index;
1158
- const ctx_r8 = i0.ɵɵnextContext(2);
1159
- i0.ɵɵadvance(3);
1160
- i0.ɵɵpropertyInterpolate("id", "checkbox--" + i_r10 + "--" + ctx_r8.id);
1161
- i0.ɵɵpropertyInterpolate("name", "checkbox--" + i_r10 + "--" + ctx_r8.id);
1162
- i0.ɵɵproperty("checked", ctx_r8.selectedItems.indexOf(choice_r9.label) >= 0);
1163
- i0.ɵɵattribute("disabled", ctx_r8.isDisabled ? true : null);
1164
- i0.ɵɵadvance(1);
1165
- i0.ɵɵpropertyInterpolate("for", "checkbox--" + i_r10 + "--" + ctx_r8.id);
1166
- i0.ɵɵadvance(1);
1167
- i0.ɵɵtextInterpolate(choice_r9.label);
1168
- } }
1169
- function SearchFilterComponent_ul_13_Template(rf, ctx) { if (rf & 1) {
1170
- i0.ɵɵelementStart(0, "ul", 16);
1171
- i0.ɵɵtemplate(1, SearchFilterComponent_ul_13_li_1_Template, 3, 1, "li", 17);
1172
- i0.ɵɵtemplate(2, SearchFilterComponent_ul_13_li_2_Template, 6, 6, "li", 18);
1173
- i0.ɵɵelementEnd();
1174
- } if (rf & 2) {
1175
- const ctx_r4 = i0.ɵɵnextContext();
1176
- i0.ɵɵadvance(1);
1177
- i0.ɵɵproperty("ngIf", !ctx_r4.filteredChoices.length);
1178
- i0.ɵɵadvance(1);
1179
- i0.ɵɵproperty("ngForOf", ctx_r4.filteredChoices);
1180
- } }
1181
- const _c1$4 = function (a0, a1, a2) { return { "a-input--l": a0, "a-input--s": a1, "has-icon-right": a2 }; };
1182
895
  class SearchFilterComponent {
1183
896
  constructor() {
1184
897
  this.flyoutSize = FlyoutSize.Small;
@@ -1268,117 +981,70 @@ class SearchFilterComponent {
1268
981
  }
1269
982
  }
1270
983
  }
1271
- /** @nocollapse */ SearchFilterComponent.ɵfac = function SearchFilterComponent_Factory(t) { return new (t || SearchFilterComponent)(); };
1272
- /** @nocollapse */ SearchFilterComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: SearchFilterComponent, selectors: [["aui-search-filter"]], inputs: { id: "id", name: "name", flyoutSize: "flyoutSize", flyoutAlign: "flyoutAlign", label: "label", description: "description", labelDeselect: "labelDeselect", labelResults: "labelResults", labelNoResults: "labelNoResults", choices: "choices", remote: "remote", inputDelay: "inputDelay", onSelect: "onSelect", onClear: "onClear", size: "size" }, outputs: { search: "search" }, features: [i0.ɵɵProvidersFeature([
1273
- {
1274
- provide: NG_VALUE_ACCESSOR,
1275
- useExisting: forwardRef((() => SearchFilterComponent)),
1276
- multi: true,
1277
- },
1278
- ]), i0.ɵɵNgOnChangesFeature], decls: 14, vars: 22, consts: [["aria-haspopup", "listbox", "auiFlyout", "", 1, "m-search-filter", 3, "align", "size"], [1, "a-input", 3, "ngClass"], [1, "a-input__label", 3, "for"], [1, "a-input__description", 3, "id"], [1, "m-search-filter__input"], ["aria-autocomplete", "list", "type", "text", "auiFlyoutAction", "", 3, "ngModel", "id", "name", "value", "input", "ngModelChange"], ["class", "a-button a-button--outlined has-icon m-search-filter__button a-button--danger", "aria-label", "Zoekopdracht wissen", "type", "button", 3, "ngClass", "click", 4, "ngIf"], ["name", "ai-close", 4, "ngIf"], ["auiFlyoutZone", "", 1, "m-search-filter__search", "m-search-filter__search--scroll"], ["class", "h6 m-search-filter__results-title u-margin-bottom-xs", 4, "ngIf"], ["class", "u-text-center u-padding a-spinner", 4, "ngIf"], ["class", "a-checkbox-list a-checkbox-list--flushed", 4, "ngIf"], ["aria-label", "Zoekopdracht wissen", "type", "button", 1, "a-button", "a-button--outlined", "has-icon", "m-search-filter__button", "a-button--danger", 3, "ngClass", "click"], ["name", "ai-close"], [1, "h6", "m-search-filter__results-title", "u-margin-bottom-xs"], [1, "u-text-center", "u-padding", "a-spinner"], [1, "a-checkbox-list", "a-checkbox-list--flushed"], ["class", "a-checkbox-list__item", 4, "ngIf"], ["class", "a-checkbox-list__item", 4, "ngFor", "ngForOf"], [1, "a-checkbox-list__item"], [1, "u-margin-xs"], [1, "a-input", "a-checkbox-list__checkbox"], [1, "a-input__checkbox"], ["type", "checkbox", 3, "checked", "id", "name", "change"], [3, "for"]], template: function SearchFilterComponent_Template(rf, ctx) { if (rf & 1) {
1279
- i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "label", 2);
1280
- i0.ɵɵtext(3);
1281
- i0.ɵɵelementEnd();
1282
- i0.ɵɵelementStart(4, "small", 3);
1283
- i0.ɵɵtext(5);
1284
- i0.ɵɵelementEnd();
1285
- i0.ɵɵelementStart(6, "div", 4)(7, "input", 5);
1286
- i0.ɵɵlistener("input", function SearchFilterComponent_Template_input_input_7_listener() { return ctx.filterDataFromSearch(); })("ngModelChange", function SearchFilterComponent_Template_input_ngModelChange_7_listener($event) { return ctx.query = $event; });
1287
- i0.ɵɵelementEnd();
1288
- i0.ɵɵtemplate(8, SearchFilterComponent_button_8_Template, 2, 5, "button", 6);
1289
- i0.ɵɵtemplate(9, SearchFilterComponent_aui_icon_9_Template, 1, 0, "aui-icon", 7);
1290
- i0.ɵɵelementEnd()();
1291
- i0.ɵɵelementStart(10, "div", 8);
1292
- i0.ɵɵtemplate(11, SearchFilterComponent_p_11_Template, 2, 1, "p", 9);
1293
- i0.ɵɵtemplate(12, SearchFilterComponent_div_12_Template, 1, 0, "div", 10);
1294
- i0.ɵɵtemplate(13, SearchFilterComponent_ul_13_Template, 3, 2, "ul", 11);
1295
- i0.ɵɵelementEnd()();
1296
- } if (rf & 2) {
1297
- i0.ɵɵproperty("align", ctx.flyoutAlign)("size", ctx.flyoutSize);
1298
- i0.ɵɵadvance(1);
1299
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction3(18, _c1$4, ctx.size === "large", ctx.size === "small", ctx.hasClose));
1300
- i0.ɵɵadvance(1);
1301
- i0.ɵɵpropertyInterpolate("for", ctx.id + "-search");
1302
- i0.ɵɵadvance(1);
1303
- i0.ɵɵtextInterpolate(ctx.label);
1304
- i0.ɵɵadvance(1);
1305
- i0.ɵɵpropertyInterpolate("id", ctx.id + "-description");
1306
- i0.ɵɵadvance(1);
1307
- i0.ɵɵtextInterpolate(ctx.description);
1308
- i0.ɵɵadvance(2);
1309
- i0.ɵɵpropertyInterpolate("id", ctx.id + "-search");
1310
- i0.ɵɵpropertyInterpolate("name", ctx.name + "-search");
1311
- i0.ɵɵpropertyInterpolate("value", ctx.getSelectedLabels());
1312
- i0.ɵɵproperty("ngModel", ctx.query);
1313
- i0.ɵɵattribute("aria-labelledby", ctx.id + "-label")("disabled", ctx.isDisabled ? "" : null);
1314
- i0.ɵɵadvance(1);
1315
- i0.ɵɵproperty("ngIf", ctx.hasClose);
1316
- i0.ɵɵadvance(1);
1317
- i0.ɵɵproperty("ngIf", !ctx.hasClose);
1318
- i0.ɵɵadvance(2);
1319
- i0.ɵɵproperty("ngIf", ctx.labelResults);
1320
- i0.ɵɵadvance(1);
1321
- i0.ɵɵproperty("ngIf", ctx.loading);
1322
- i0.ɵɵadvance(1);
1323
- i0.ɵɵproperty("ngIf", !ctx.loading);
1324
- } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i4.FlyoutActionDirective, i4.FlyoutZoneDirective, i4.FlyoutDirective, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.NgModel, i4$1.IconComponent], styles: [".m-search-filter[_ngcontent-%COMP%]{display:block}.m-search-filter__input[_ngcontent-%COMP%]{display:flex;padding:0}.m-search-filter__input[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{border-right:none}.m-search-filter__button[_ngcontent-%COMP%]{display:inline-block;padding:0;position:relative;vertical-align:middle}.m-search-filter__button[_ngcontent-%COMP%] .ai[_ngcontent-%COMP%]{position:relative;transform:none!important;top:0}"] });
1325
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchFilterComponent, [{
1326
- type: Component,
1327
- args: [{ selector: 'aui-search-filter', providers: [
1328
- {
1329
- provide: NG_VALUE_ACCESSOR,
1330
- useExisting: forwardRef((() => SearchFilterComponent)),
1331
- multi: true,
1332
- },
1333
- ], template: "<div [align]=\"flyoutAlign\" [size]=\"flyoutSize\" aria-haspopup=\"listbox\" auiFlyout class=\"m-search-filter\">\n <div\n class=\"a-input\"\n [ngClass]=\"{\n 'a-input--l': size === 'large',\n 'a-input--s': size === 'small',\n 'has-icon-right': hasClose\n }\"\n >\n <label class=\"a-input__label\" for=\"{{ id + '-search' }}\">{{ label }}</label>\n <small class=\"a-input__description\" id=\"{{ id + '-description' }}\">{{ description }}</small>\n <div class=\"m-search-filter__input\">\n <input\n (input)=\"filterDataFromSearch()\"\n [(ngModel)]=\"query\"\n [attr.aria-labelledby]=\"id + '-label'\"\n [attr.disabled]=\"isDisabled ? '' : null\"\n aria-autocomplete=\"list\"\n id=\"{{ id + '-search' }}\"\n name=\"{{ name + '-search' }}\"\n value=\"{{ getSelectedLabels() }}\"\n type=\"text\"\n auiFlyoutAction\n />\n <button\n *ngIf=\"hasClose\"\n [ngClass]=\"{\n 'a-button--l': size === 'large',\n 'a-button--s': size === 'small'\n }\"\n class=\"a-button a-button--outlined has-icon m-search-filter__button a-button--danger\"\n aria-label=\"Zoekopdracht wissen\"\n type=\"button\"\n (click)=\"clear()\"\n [attr.disabled]=\"isDisabled || closeDisabled ? '' : null\"\n >\n <aui-icon name=\"ai-close\"></aui-icon>\n </button>\n <aui-icon *ngIf=\"!hasClose\" name=\"ai-close\"></aui-icon>\n </div>\n </div>\n <div auiFlyoutZone class=\"m-search-filter__search m-search-filter__search--scroll\">\n <p *ngIf=\"labelResults\" class=\"h6 m-search-filter__results-title u-margin-bottom-xs\">{{ labelResults }}</p>\n <div *ngIf=\"loading\" class=\"u-text-center u-padding a-spinner\"></div>\n <ul *ngIf=\"!loading\" class=\"a-checkbox-list a-checkbox-list--flushed\">\n <li *ngIf=\"!filteredChoices.length\" class=\"a-checkbox-list__item\">\n <p class=\"u-margin-xs\">{{ labelNoResults }}</p>\n </li>\n <li *ngFor=\"let choice of filteredChoices; index as i\" class=\"a-checkbox-list__item\">\n <div class=\"a-input a-checkbox-list__checkbox\">\n <div class=\"a-input__checkbox\">\n <input\n (change)=\"toggleSelected(choice.label)\"\n [attr.disabled]=\"isDisabled ? true : null\"\n [checked]=\"selectedItems.indexOf(choice.label) >= 0\"\n id=\"{{ 'checkbox--' + i + '--' + id }}\"\n name=\"{{ 'checkbox--' + i + '--' + id }}\"\n type=\"checkbox\"\n />\n <label for=\"{{ 'checkbox--' + i + '--' + id }}\">{{ choice.label }}</label>\n </div>\n </div>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".m-search-filter{display:block}.m-search-filter__input{display:flex;padding:0}.m-search-filter__input input{border-right:none}.m-search-filter__button{display:inline-block;padding:0;position:relative;vertical-align:middle}.m-search-filter__button .ai{position:relative;transform:none!important;top:0}\n"] }]
1334
- }], function () { return []; }, { id: [{
1335
- type: Input
1336
- }], name: [{
1337
- type: Input
1338
- }], flyoutSize: [{
1339
- type: Input
1340
- }], flyoutAlign: [{
1341
- type: Input
1342
- }], label: [{
1343
- type: Input
1344
- }], description: [{
1345
- type: Input
1346
- }], labelDeselect: [{
1347
- type: Input
1348
- }], labelResults: [{
1349
- type: Input
1350
- }], labelNoResults: [{
1351
- type: Input
1352
- }], choices: [{
1353
- type: Input
1354
- }], remote: [{
1355
- type: Input
1356
- }], inputDelay: [{
1357
- type: Input
1358
- }], onSelect: [{
1359
- type: Input
1360
- }], onClear: [{
1361
- type: Input
1362
- }], size: [{
1363
- type: Input
1364
- }], search: [{
1365
- type: Output
1366
- }] }); })();
984
+ /** @nocollapse */ SearchFilterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SearchFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
985
+ /** @nocollapse */ SearchFilterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: SearchFilterComponent, selector: "aui-search-filter", inputs: { id: "id", name: "name", flyoutSize: "flyoutSize", flyoutAlign: "flyoutAlign", label: "label", description: "description", labelDeselect: "labelDeselect", labelResults: "labelResults", labelNoResults: "labelNoResults", choices: "choices", remote: "remote", inputDelay: "inputDelay", onSelect: "onSelect", onClear: "onClear", size: "size" }, outputs: { search: "search" }, providers: [
986
+ {
987
+ provide: NG_VALUE_ACCESSOR,
988
+ useExisting: forwardRef((() => SearchFilterComponent)),
989
+ multi: true,
990
+ },
991
+ ], usesOnChanges: true, ngImport: i0, template: "<div [align]=\"flyoutAlign\" [size]=\"flyoutSize\" aria-haspopup=\"listbox\" auiFlyout class=\"m-search-filter\">\n <div\n class=\"a-input\"\n [ngClass]=\"{\n 'a-input--l': size === 'large',\n 'a-input--s': size === 'small',\n 'has-icon-right': hasClose\n }\"\n >\n <label class=\"a-input__label\" for=\"{{ id + '-search' }}\">{{ label }}</label>\n <small class=\"a-input__description\" id=\"{{ id + '-description' }}\">{{ description }}</small>\n <div class=\"m-search-filter__input\">\n <input\n (input)=\"filterDataFromSearch()\"\n [(ngModel)]=\"query\"\n [attr.aria-labelledby]=\"id + '-label'\"\n [attr.disabled]=\"isDisabled ? '' : null\"\n aria-autocomplete=\"list\"\n id=\"{{ id + '-search' }}\"\n name=\"{{ name + '-search' }}\"\n value=\"{{ getSelectedLabels() }}\"\n type=\"text\"\n auiFlyoutAction\n />\n <button\n *ngIf=\"hasClose\"\n [ngClass]=\"{\n 'a-button--l': size === 'large',\n 'a-button--s': size === 'small'\n }\"\n class=\"a-button a-button--outlined has-icon m-search-filter__button a-button--danger\"\n aria-label=\"Zoekopdracht wissen\"\n type=\"button\"\n (click)=\"clear()\"\n [attr.disabled]=\"isDisabled || closeDisabled ? '' : null\"\n >\n <aui-icon name=\"ai-close\"></aui-icon>\n </button>\n <aui-icon *ngIf=\"!hasClose\" name=\"ai-close\"></aui-icon>\n </div>\n </div>\n <div auiFlyoutZone class=\"m-search-filter__search m-search-filter__search--scroll\">\n <p *ngIf=\"labelResults\" class=\"h6 m-search-filter__results-title u-margin-bottom-xs\">{{ labelResults }}</p>\n <div *ngIf=\"loading\" class=\"u-text-center u-padding a-spinner\"></div>\n <ul *ngIf=\"!loading\" class=\"a-checkbox-list a-checkbox-list--flushed\">\n <li *ngIf=\"!filteredChoices.length\" class=\"a-checkbox-list__item\">\n <p class=\"u-margin-xs\">{{ labelNoResults }}</p>\n </li>\n <li *ngFor=\"let choice of filteredChoices; index as i\" class=\"a-checkbox-list__item\">\n <div class=\"a-input a-checkbox-list__checkbox\">\n <div class=\"a-input__checkbox\">\n <input\n (change)=\"toggleSelected(choice.label)\"\n [attr.disabled]=\"isDisabled ? true : null\"\n [checked]=\"selectedItems.indexOf(choice.label) >= 0\"\n id=\"{{ 'checkbox--' + i + '--' + id }}\"\n name=\"{{ 'checkbox--' + i + '--' + id }}\"\n type=\"checkbox\"\n />\n <label for=\"{{ 'checkbox--' + i + '--' + id }}\">{{ choice.label }}</label>\n </div>\n </div>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".m-search-filter{display:block}.m-search-filter__input{display:flex;padding:0}.m-search-filter__input input{border-right:none}.m-search-filter__button{display:inline-block;padding:0;position:relative;vertical-align:middle}.m-search-filter__button .ai{position:relative;transform:none!important;top:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.FlyoutActionDirective, selector: "[auiFlyoutAction]", inputs: ["openOnFocus", "disabled"], exportAs: ["auiFlyoutAction"] }, { kind: "directive", type: i4.FlyoutZoneDirective, selector: "[auiFlyoutZone]", inputs: ["auiFlyoutZone"], exportAs: ["auiFlyoutZone"] }, { kind: "directive", type: i4.FlyoutDirective, selector: "[auiFlyout]", inputs: ["size", "align", "toggleClick", "activateOnFocus"], outputs: ["opened", "closed"], exportAs: ["auiFlyout"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.IconComponent, selector: "aui-icon", inputs: ["name", "ariaLabel", "className"] }] });
992
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SearchFilterComponent, decorators: [{
993
+ type: Component,
994
+ args: [{ selector: 'aui-search-filter', providers: [
995
+ {
996
+ provide: NG_VALUE_ACCESSOR,
997
+ useExisting: forwardRef((() => SearchFilterComponent)),
998
+ multi: true,
999
+ },
1000
+ ], template: "<div [align]=\"flyoutAlign\" [size]=\"flyoutSize\" aria-haspopup=\"listbox\" auiFlyout class=\"m-search-filter\">\n <div\n class=\"a-input\"\n [ngClass]=\"{\n 'a-input--l': size === 'large',\n 'a-input--s': size === 'small',\n 'has-icon-right': hasClose\n }\"\n >\n <label class=\"a-input__label\" for=\"{{ id + '-search' }}\">{{ label }}</label>\n <small class=\"a-input__description\" id=\"{{ id + '-description' }}\">{{ description }}</small>\n <div class=\"m-search-filter__input\">\n <input\n (input)=\"filterDataFromSearch()\"\n [(ngModel)]=\"query\"\n [attr.aria-labelledby]=\"id + '-label'\"\n [attr.disabled]=\"isDisabled ? '' : null\"\n aria-autocomplete=\"list\"\n id=\"{{ id + '-search' }}\"\n name=\"{{ name + '-search' }}\"\n value=\"{{ getSelectedLabels() }}\"\n type=\"text\"\n auiFlyoutAction\n />\n <button\n *ngIf=\"hasClose\"\n [ngClass]=\"{\n 'a-button--l': size === 'large',\n 'a-button--s': size === 'small'\n }\"\n class=\"a-button a-button--outlined has-icon m-search-filter__button a-button--danger\"\n aria-label=\"Zoekopdracht wissen\"\n type=\"button\"\n (click)=\"clear()\"\n [attr.disabled]=\"isDisabled || closeDisabled ? '' : null\"\n >\n <aui-icon name=\"ai-close\"></aui-icon>\n </button>\n <aui-icon *ngIf=\"!hasClose\" name=\"ai-close\"></aui-icon>\n </div>\n </div>\n <div auiFlyoutZone class=\"m-search-filter__search m-search-filter__search--scroll\">\n <p *ngIf=\"labelResults\" class=\"h6 m-search-filter__results-title u-margin-bottom-xs\">{{ labelResults }}</p>\n <div *ngIf=\"loading\" class=\"u-text-center u-padding a-spinner\"></div>\n <ul *ngIf=\"!loading\" class=\"a-checkbox-list a-checkbox-list--flushed\">\n <li *ngIf=\"!filteredChoices.length\" class=\"a-checkbox-list__item\">\n <p class=\"u-margin-xs\">{{ labelNoResults }}</p>\n </li>\n <li *ngFor=\"let choice of filteredChoices; index as i\" class=\"a-checkbox-list__item\">\n <div class=\"a-input a-checkbox-list__checkbox\">\n <div class=\"a-input__checkbox\">\n <input\n (change)=\"toggleSelected(choice.label)\"\n [attr.disabled]=\"isDisabled ? true : null\"\n [checked]=\"selectedItems.indexOf(choice.label) >= 0\"\n id=\"{{ 'checkbox--' + i + '--' + id }}\"\n name=\"{{ 'checkbox--' + i + '--' + id }}\"\n type=\"checkbox\"\n />\n <label for=\"{{ 'checkbox--' + i + '--' + id }}\">{{ choice.label }}</label>\n </div>\n </div>\n </li>\n </ul>\n </div>\n</div>\n", styles: [".m-search-filter{display:block}.m-search-filter__input{display:flex;padding:0}.m-search-filter__input input{border-right:none}.m-search-filter__button{display:inline-block;padding:0;position:relative;vertical-align:middle}.m-search-filter__button .ai{position:relative;transform:none!important;top:0}\n"] }]
1001
+ }], ctorParameters: function () { return []; }, propDecorators: { id: [{
1002
+ type: Input
1003
+ }], name: [{
1004
+ type: Input
1005
+ }], flyoutSize: [{
1006
+ type: Input
1007
+ }], flyoutAlign: [{
1008
+ type: Input
1009
+ }], label: [{
1010
+ type: Input
1011
+ }], description: [{
1012
+ type: Input
1013
+ }], labelDeselect: [{
1014
+ type: Input
1015
+ }], labelResults: [{
1016
+ type: Input
1017
+ }], labelNoResults: [{
1018
+ type: Input
1019
+ }], choices: [{
1020
+ type: Input
1021
+ }], remote: [{
1022
+ type: Input
1023
+ }], inputDelay: [{
1024
+ type: Input
1025
+ }], onSelect: [{
1026
+ type: Input
1027
+ }], onClear: [{
1028
+ type: Input
1029
+ }], size: [{
1030
+ type: Input
1031
+ }], search: [{
1032
+ type: Output
1033
+ }] } });
1367
1034
 
1368
1035
  class SearchFilterModule {
1369
1036
  }
1370
- /** @nocollapse */ SearchFilterModule.ɵfac = function SearchFilterModule_Factory(t) { return new (t || SearchFilterModule)(); };
1371
- /** @nocollapse */ SearchFilterModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: SearchFilterModule });
1372
- /** @nocollapse */ SearchFilterModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule, FlyoutModule, FormsModule, IconModule] });
1373
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SearchFilterModule, [{
1374
- type: NgModule,
1375
- args: [{
1376
- imports: [CommonModule, FlyoutModule, FormsModule, IconModule],
1377
- declarations: [SearchFilterComponent],
1378
- exports: [SearchFilterComponent],
1379
- }]
1380
- }], null, null); })();
1381
- (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(SearchFilterModule, { declarations: [SearchFilterComponent], imports: [CommonModule, FlyoutModule, FormsModule, IconModule], exports: [SearchFilterComponent] }); })();
1037
+ /** @nocollapse */ SearchFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SearchFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1038
+ /** @nocollapse */ SearchFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: SearchFilterModule, declarations: [SearchFilterComponent], imports: [CommonModule, FlyoutModule, FormsModule, IconModule], exports: [SearchFilterComponent] });
1039
+ /** @nocollapse */ SearchFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SearchFilterModule, imports: [CommonModule, FlyoutModule, FormsModule, IconModule] });
1040
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: SearchFilterModule, decorators: [{
1041
+ type: NgModule,
1042
+ args: [{
1043
+ imports: [CommonModule, FlyoutModule, FormsModule, IconModule],
1044
+ declarations: [SearchFilterComponent],
1045
+ exports: [SearchFilterComponent],
1046
+ }]
1047
+ }] });
1382
1048
 
1383
1049
  class TimePickerValidators {
1384
1050
  // time `hh:mm` 24h format
@@ -1436,109 +1102,6 @@ var TimepickerInputSize;
1436
1102
  TimepickerInputSize["Large"] = "large";
1437
1103
  })(TimepickerInputSize || (TimepickerInputSize = {}));
1438
1104
 
1439
- function TimepickerComponent_div_1_label_1_Template(rf, ctx) { if (rf & 1) {
1440
- i0.ɵɵelementStart(0, "label", 7);
1441
- i0.ɵɵtext(1);
1442
- i0.ɵɵelementEnd();
1443
- } if (rf & 2) {
1444
- const ctx_r2 = i0.ɵɵnextContext(2);
1445
- i0.ɵɵadvance(1);
1446
- i0.ɵɵtextInterpolate(ctx_r2.label);
1447
- } }
1448
- function TimepickerComponent_div_1_small_2_aui_icon_1_Template(rf, ctx) { if (rf & 1) {
1449
- i0.ɵɵelement(0, "aui-icon", 10);
1450
- } }
1451
- const _c0$3 = function (a0) { return { "is-error": a0 }; };
1452
- function TimepickerComponent_div_1_small_2_Template(rf, ctx) { if (rf & 1) {
1453
- i0.ɵɵelementStart(0, "small", 8);
1454
- i0.ɵɵtemplate(1, TimepickerComponent_div_1_small_2_aui_icon_1_Template, 1, 0, "aui-icon", 9);
1455
- i0.ɵɵtext(2);
1456
- i0.ɵɵelementEnd();
1457
- } if (rf & 2) {
1458
- const ctx_r3 = i0.ɵɵnextContext(2);
1459
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$3, ctx_r3.hasError));
1460
- i0.ɵɵadvance(1);
1461
- i0.ɵɵproperty("ngIf", ctx_r3.hasError);
1462
- i0.ɵɵadvance(1);
1463
- i0.ɵɵtextInterpolate1(" ", ctx_r3.description, "");
1464
- } }
1465
- const _c1$3 = function (a0) { return { "has-error": a0 }; };
1466
- function TimepickerComponent_div_1_Template(rf, ctx) { if (rf & 1) {
1467
- i0.ɵɵelementStart(0, "div", 3);
1468
- i0.ɵɵtemplate(1, TimepickerComponent_div_1_label_1_Template, 2, 1, "label", 4);
1469
- i0.ɵɵtemplate(2, TimepickerComponent_div_1_small_2_Template, 3, 5, "small", 5);
1470
- i0.ɵɵelement(3, "input", 6);
1471
- i0.ɵɵelementEnd();
1472
- } if (rf & 2) {
1473
- const ctx_r0 = i0.ɵɵnextContext();
1474
- i0.ɵɵclassMap("a-input--" + ctx_r0.size);
1475
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(8, _c1$3, ctx_r0.hasError));
1476
- i0.ɵɵadvance(1);
1477
- i0.ɵɵproperty("ngIf", ctx_r0.label);
1478
- i0.ɵɵadvance(1);
1479
- i0.ɵɵproperty("ngIf", ctx_r0.description);
1480
- i0.ɵɵadvance(1);
1481
- i0.ɵɵproperty("formControl", ctx_r0.timeControl)("id", ctx_r0.id);
1482
- i0.ɵɵattribute("aria-label", ctx_r0.ariaLabelHours + ":" + ctx_r0.ariaLabelMinutes);
1483
- } }
1484
- function TimepickerComponent_div_2_option_6_Template(rf, ctx) { if (rf & 1) {
1485
- i0.ɵɵelementStart(0, "option", 19);
1486
- i0.ɵɵtext(1);
1487
- i0.ɵɵelementEnd();
1488
- } if (rf & 2) {
1489
- const hour_r7 = ctx.$implicit;
1490
- i0.ɵɵproperty("value", hour_r7);
1491
- i0.ɵɵadvance(1);
1492
- i0.ɵɵtextInterpolate(hour_r7);
1493
- } }
1494
- function TimepickerComponent_div_2_option_13_Template(rf, ctx) { if (rf & 1) {
1495
- i0.ɵɵelementStart(0, "option", 19);
1496
- i0.ɵɵtext(1);
1497
- i0.ɵɵelementEnd();
1498
- } if (rf & 2) {
1499
- const minute_r8 = ctx.$implicit;
1500
- i0.ɵɵproperty("value", minute_r8);
1501
- i0.ɵɵadvance(1);
1502
- i0.ɵɵtextInterpolate(minute_r8);
1503
- } }
1504
- function TimepickerComponent_div_2_Template(rf, ctx) { if (rf & 1) {
1505
- i0.ɵɵelementStart(0, "div", 11)(1, "div", 12)(2, "div", 13)(3, "select", 14)(4, "option", 15);
1506
- i0.ɵɵtext(5);
1507
- i0.ɵɵelementEnd();
1508
- i0.ɵɵtemplate(6, TimepickerComponent_div_2_option_6_Template, 2, 2, "option", 16);
1509
- i0.ɵɵelementEnd();
1510
- i0.ɵɵelement(7, "aui-icon", 17);
1511
- i0.ɵɵelementEnd()();
1512
- i0.ɵɵelementStart(8, "div", 12)(9, "div", 13)(10, "select", 18)(11, "option", 15);
1513
- i0.ɵɵtext(12);
1514
- i0.ɵɵelementEnd();
1515
- i0.ɵɵtemplate(13, TimepickerComponent_div_2_option_13_Template, 2, 2, "option", 16);
1516
- i0.ɵɵelementEnd();
1517
- i0.ɵɵelement(14, "aui-icon", 17);
1518
- i0.ɵɵelementEnd()()();
1519
- } if (rf & 2) {
1520
- const ctx_r1 = i0.ɵɵnextContext();
1521
- i0.ɵɵproperty("formGroup", ctx_r1.fallbackForm);
1522
- i0.ɵɵadvance(1);
1523
- i0.ɵɵclassMap("a-input--" + ctx_r1.size);
1524
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c1$3, ctx_r1.hasError));
1525
- i0.ɵɵadvance(2);
1526
- i0.ɵɵproperty("id", ctx_r1.id);
1527
- i0.ɵɵattribute("aria-label", ctx_r1.ariaLabelHours);
1528
- i0.ɵɵadvance(2);
1529
- i0.ɵɵtextInterpolate(ctx_r1.hoursPlaceholder);
1530
- i0.ɵɵadvance(1);
1531
- i0.ɵɵproperty("ngForOf", ctx_r1.hours);
1532
- i0.ɵɵadvance(2);
1533
- i0.ɵɵclassMap("a-input--" + ctx_r1.size);
1534
- i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c1$3, ctx_r1.hasError));
1535
- i0.ɵɵadvance(2);
1536
- i0.ɵɵattribute("aria-label", ctx_r1.ariaLabelMinutes);
1537
- i0.ɵɵadvance(2);
1538
- i0.ɵɵtextInterpolate(ctx_r1.minutesPlaceholder);
1539
- i0.ɵɵadvance(1);
1540
- i0.ɵɵproperty("ngForOf", ctx_r1.minutes);
1541
- } }
1542
1105
  class TimepickerComponent {
1543
1106
  constructor(formBuilder, renderer) {
1544
1107
  this.formBuilder = formBuilder;
@@ -1622,68 +1185,57 @@ class TimepickerComponent {
1622
1185
  });
1623
1186
  }
1624
1187
  }
1625
- /** @nocollapse */ TimepickerComponent.ɵfac = function TimepickerComponent_Factory(t) { return new (t || TimepickerComponent)(i0.ɵɵdirectiveInject(i1$1.UntypedFormBuilder), i0.ɵɵdirectiveInject(i0.Renderer2)); };
1626
- /** @nocollapse */ TimepickerComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: TimepickerComponent, selectors: [["aui-timepicker"]], inputs: { id: "id", hoursPlaceholder: "hoursPlaceholder", minutesPlaceholder: "minutesPlaceholder", hasError: "hasError", size: "size", ariaLabelHours: "ariaLabelHours", ariaLabelMinutes: "ariaLabelMinutes", label: "label", description: "description" }, features: [i0.ɵɵProvidersFeature([
1627
- {
1628
- provide: NG_VALUE_ACCESSOR,
1629
- useExisting: forwardRef((() => TimepickerComponent)),
1630
- multi: true,
1631
- },
1632
- ])], decls: 3, vars: 2, consts: [[1, "m-timepicker"], ["class", "a-input", 3, "class", "ngClass", 4, "ngIf"], [3, "formGroup", 4, "ngIf"], [1, "a-input", 3, "ngClass"], ["class", "a-input__label", "for", "id", 4, "ngIf"], ["class", "a-input__description", "id", "id", 3, "ngClass", 4, "ngIf"], ["type", "time", 3, "formControl", "id"], ["for", "id", 1, "a-input__label"], ["id", "id", 1, "a-input__description", 3, "ngClass"], ["name", "ai-alert-triangle", 4, "ngIf"], ["name", "ai-alert-triangle"], [3, "formGroup"], [1, "a-input", "has-icon-right", 3, "ngClass"], [1, "a-input__wrapper"], ["formControlName", "hours", 3, "id"], ["disabled", "", "value", "null"], [3, "value", 4, "ngFor", "ngForOf"], ["name", "ai-arrow-down-1"], ["formControlName", "minutes"], [3, "value"]], template: function TimepickerComponent_Template(rf, ctx) { if (rf & 1) {
1633
- i0.ɵɵelementStart(0, "div", 0);
1634
- i0.ɵɵtemplate(1, TimepickerComponent_div_1_Template, 4, 10, "div", 1);
1635
- i0.ɵɵtemplate(2, TimepickerComponent_div_2_Template, 15, 18, "div", 2);
1636
- i0.ɵɵelementEnd();
1637
- } if (rf & 2) {
1638
- i0.ɵɵadvance(1);
1639
- i0.ɵɵproperty("ngIf", !ctx.shouldUseFallback);
1640
- i0.ɵɵadvance(1);
1641
- i0.ɵɵproperty("ngIf", ctx.shouldUseFallback);
1642
- } }, dependencies: [i1$1.NgSelectOption, i1$1.ɵNgSelectMultipleOption, i1$1.DefaultValueAccessor, i1$1.SelectControlValueAccessor, i1$1.NgControlStatus, i1$1.NgControlStatusGroup, i1$1.FormControlDirective, i1$1.FormGroupDirective, i1$1.FormControlName, i1.NgClass, i1.NgForOf, i1.NgIf, i4$1.IconComponent], styles: ["[_nghost-%COMP%]{display:block}"], changeDetection: 0 });
1643
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimepickerComponent, [{
1644
- type: Component,
1645
- args: [{ selector: 'aui-timepicker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
1646
- {
1647
- provide: NG_VALUE_ACCESSOR,
1648
- useExisting: forwardRef((() => TimepickerComponent)),
1649
- multi: true,
1650
- },
1651
- ], template: "<div class=\"m-timepicker\">\n <div *ngIf=\"!shouldUseFallback\" [class]=\"'a-input--' + size\" [ngClass]=\"{ 'has-error': hasError }\" class=\"a-input\">\n <label class=\"a-input__label\" for=\"id\" *ngIf=\"label\">{{ label }}</label>\n <small class=\"a-input__description\" id=\"id\" [ngClass]=\"{ 'is-error': hasError }\" *ngIf=\"description\">\n <aui-icon *ngIf=\"hasError\" name=\"ai-alert-triangle\"></aui-icon>\n {{ description }}</small\n >\n <input\n [attr.aria-label]=\"ariaLabelHours + ':' + ariaLabelMinutes\"\n [formControl]=\"timeControl\"\n [id]=\"id\"\n type=\"time\"\n />\n </div>\n\n <div *ngIf=\"shouldUseFallback\" [formGroup]=\"fallbackForm\">\n <div [class]=\"'a-input--' + size\" [ngClass]=\"{ 'has-error': hasError }\" class=\"a-input has-icon-right\">\n <div class=\"a-input__wrapper\">\n <select [attr.aria-label]=\"ariaLabelHours\" [id]=\"id\" formControlName=\"hours\">\n <option disabled value=\"null\">{{ hoursPlaceholder }}</option>\n <option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</option>\n </select>\n <aui-icon name=\"ai-arrow-down-1\"></aui-icon>\n </div>\n </div>\n\n <div [class]=\"'a-input--' + size\" [ngClass]=\"{ 'has-error': hasError }\" class=\"a-input has-icon-right\">\n <div class=\"a-input__wrapper\">\n <select [attr.aria-label]=\"ariaLabelMinutes\" formControlName=\"minutes\">\n <option disabled value=\"null\">{{ minutesPlaceholder }}</option>\n <option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</option>\n </select>\n <aui-icon name=\"ai-arrow-down-1\"></aui-icon>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{display:block}\n"] }]
1652
- }], function () { return [{ type: i1$1.UntypedFormBuilder }, { type: i0.Renderer2 }]; }, { id: [{
1653
- type: Input
1654
- }], hoursPlaceholder: [{
1655
- type: Input
1656
- }], minutesPlaceholder: [{
1657
- type: Input
1658
- }], hasError: [{
1659
- type: Input
1660
- }], size: [{
1661
- type: Input
1662
- }], ariaLabelHours: [{
1663
- type: Input
1664
- }], ariaLabelMinutes: [{
1665
- type: Input
1666
- }], label: [{
1667
- type: Input
1668
- }], description: [{
1669
- type: Input
1670
- }] }); })();
1188
+ /** @nocollapse */ TimepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TimepickerComponent, deps: [{ token: i1$1.UntypedFormBuilder }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
1189
+ /** @nocollapse */ TimepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: TimepickerComponent, selector: "aui-timepicker", inputs: { id: "id", hoursPlaceholder: "hoursPlaceholder", minutesPlaceholder: "minutesPlaceholder", hasError: "hasError", size: "size", ariaLabelHours: "ariaLabelHours", ariaLabelMinutes: "ariaLabelMinutes", label: "label", description: "description" }, providers: [
1190
+ {
1191
+ provide: NG_VALUE_ACCESSOR,
1192
+ useExisting: forwardRef((() => TimepickerComponent)),
1193
+ multi: true,
1194
+ },
1195
+ ], ngImport: i0, template: "<div class=\"m-timepicker\">\n <div *ngIf=\"!shouldUseFallback\" [class]=\"'a-input--' + size\" [ngClass]=\"{ 'has-error': hasError }\" class=\"a-input\">\n <label class=\"a-input__label\" for=\"id\" *ngIf=\"label\">{{ label }}</label>\n <small class=\"a-input__description\" id=\"id\" [ngClass]=\"{ 'is-error': hasError }\" *ngIf=\"description\">\n <aui-icon *ngIf=\"hasError\" name=\"ai-alert-triangle\"></aui-icon>\n {{ description }}</small\n >\n <input\n [attr.aria-label]=\"ariaLabelHours + ':' + ariaLabelMinutes\"\n [formControl]=\"timeControl\"\n [id]=\"id\"\n type=\"time\"\n />\n </div>\n\n <div *ngIf=\"shouldUseFallback\" [formGroup]=\"fallbackForm\">\n <div [class]=\"'a-input--' + size\" [ngClass]=\"{ 'has-error': hasError }\" class=\"a-input has-icon-right\">\n <div class=\"a-input__wrapper\">\n <select [attr.aria-label]=\"ariaLabelHours\" [id]=\"id\" formControlName=\"hours\">\n <option disabled value=\"null\">{{ hoursPlaceholder }}</option>\n <option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</option>\n </select>\n <aui-icon name=\"ai-arrow-down-1\"></aui-icon>\n </div>\n </div>\n\n <div [class]=\"'a-input--' + size\" [ngClass]=\"{ 'has-error': hasError }\" class=\"a-input has-icon-right\">\n <div class=\"a-input__wrapper\">\n <select [attr.aria-label]=\"ariaLabelMinutes\" formControlName=\"minutes\">\n <option disabled value=\"null\">{{ minutesPlaceholder }}</option>\n <option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</option>\n </select>\n <aui-icon name=\"ai-arrow-down-1\"></aui-icon>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.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: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.IconComponent, selector: "aui-icon", inputs: ["name", "ariaLabel", "className"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1196
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TimepickerComponent, decorators: [{
1197
+ type: Component,
1198
+ args: [{ selector: 'aui-timepicker', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
1199
+ {
1200
+ provide: NG_VALUE_ACCESSOR,
1201
+ useExisting: forwardRef((() => TimepickerComponent)),
1202
+ multi: true,
1203
+ },
1204
+ ], template: "<div class=\"m-timepicker\">\n <div *ngIf=\"!shouldUseFallback\" [class]=\"'a-input--' + size\" [ngClass]=\"{ 'has-error': hasError }\" class=\"a-input\">\n <label class=\"a-input__label\" for=\"id\" *ngIf=\"label\">{{ label }}</label>\n <small class=\"a-input__description\" id=\"id\" [ngClass]=\"{ 'is-error': hasError }\" *ngIf=\"description\">\n <aui-icon *ngIf=\"hasError\" name=\"ai-alert-triangle\"></aui-icon>\n {{ description }}</small\n >\n <input\n [attr.aria-label]=\"ariaLabelHours + ':' + ariaLabelMinutes\"\n [formControl]=\"timeControl\"\n [id]=\"id\"\n type=\"time\"\n />\n </div>\n\n <div *ngIf=\"shouldUseFallback\" [formGroup]=\"fallbackForm\">\n <div [class]=\"'a-input--' + size\" [ngClass]=\"{ 'has-error': hasError }\" class=\"a-input has-icon-right\">\n <div class=\"a-input__wrapper\">\n <select [attr.aria-label]=\"ariaLabelHours\" [id]=\"id\" formControlName=\"hours\">\n <option disabled value=\"null\">{{ hoursPlaceholder }}</option>\n <option *ngFor=\"let hour of hours\" [value]=\"hour\">{{ hour }}</option>\n </select>\n <aui-icon name=\"ai-arrow-down-1\"></aui-icon>\n </div>\n </div>\n\n <div [class]=\"'a-input--' + size\" [ngClass]=\"{ 'has-error': hasError }\" class=\"a-input has-icon-right\">\n <div class=\"a-input__wrapper\">\n <select [attr.aria-label]=\"ariaLabelMinutes\" formControlName=\"minutes\">\n <option disabled value=\"null\">{{ minutesPlaceholder }}</option>\n <option *ngFor=\"let minute of minutes\" [value]=\"minute\">{{ minute }}</option>\n </select>\n <aui-icon name=\"ai-arrow-down-1\"></aui-icon>\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{display:block}\n"] }]
1205
+ }], ctorParameters: function () { return [{ type: i1$1.UntypedFormBuilder }, { type: i0.Renderer2 }]; }, propDecorators: { id: [{
1206
+ type: Input
1207
+ }], hoursPlaceholder: [{
1208
+ type: Input
1209
+ }], minutesPlaceholder: [{
1210
+ type: Input
1211
+ }], hasError: [{
1212
+ type: Input
1213
+ }], size: [{
1214
+ type: Input
1215
+ }], ariaLabelHours: [{
1216
+ type: Input
1217
+ }], ariaLabelMinutes: [{
1218
+ type: Input
1219
+ }], label: [{
1220
+ type: Input
1221
+ }], description: [{
1222
+ type: Input
1223
+ }] } });
1671
1224
 
1672
1225
  class TimepickerModule {
1673
1226
  }
1674
- /** @nocollapse */ TimepickerModule.ɵfac = function TimepickerModule_Factory(t) { return new (t || TimepickerModule)(); };
1675
- /** @nocollapse */ TimepickerModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: TimepickerModule });
1676
- /** @nocollapse */ TimepickerModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [ReactiveFormsModule, CommonModule, IconModule] });
1677
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimepickerModule, [{
1678
- type: NgModule,
1679
- args: [{
1680
- imports: [ReactiveFormsModule, CommonModule, IconModule],
1681
- declarations: [TimepickerComponent],
1682
- exports: [TimepickerComponent],
1683
- providers: [],
1684
- }]
1685
- }], null, null); })();
1686
- (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(TimepickerModule, { declarations: [TimepickerComponent], imports: [ReactiveFormsModule, CommonModule, IconModule], exports: [TimepickerComponent] }); })();
1227
+ /** @nocollapse */ TimepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1228
+ /** @nocollapse */ TimepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: TimepickerModule, declarations: [TimepickerComponent], imports: [ReactiveFormsModule, CommonModule, IconModule], exports: [TimepickerComponent] });
1229
+ /** @nocollapse */ TimepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TimepickerModule, imports: [ReactiveFormsModule, CommonModule, IconModule] });
1230
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: TimepickerModule, decorators: [{
1231
+ type: NgModule,
1232
+ args: [{
1233
+ imports: [ReactiveFormsModule, CommonModule, IconModule],
1234
+ declarations: [TimepickerComponent],
1235
+ exports: [TimepickerComponent],
1236
+ providers: [],
1237
+ }]
1238
+ }] });
1687
1239
 
1688
1240
  const UPLOAD_OPTIONS_DEFAULT = {
1689
1241
  allowedMimeTypes: [],
@@ -1806,32 +1358,6 @@ class Uploader {
1806
1358
  }
1807
1359
  }
1808
1360
 
1809
- function UploadQueueComponent_li_1_Template(rf, ctx) { if (rf & 1) {
1810
- const _r5 = i0.ɵɵgetCurrentView();
1811
- i0.ɵɵelementStart(0, "li");
1812
- i0.ɵɵelement(1, "aui-icon", 3);
1813
- i0.ɵɵelementStart(2, "span", 4);
1814
- i0.ɵɵtext(3);
1815
- i0.ɵɵelementEnd();
1816
- i0.ɵɵelementStart(4, "button", 5);
1817
- i0.ɵɵlistener("click", function UploadQueueComponent_li_1_Template_button_click_4_listener() { const restoredCtx = i0.ɵɵrestoreView(_r5); const i_r3 = restoredCtx.index; const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.remove(i_r3)); });
1818
- i0.ɵɵelement(5, "aui-icon", 6);
1819
- i0.ɵɵelementEnd()();
1820
- } if (rf & 2) {
1821
- const file_r2 = ctx.$implicit;
1822
- const ctx_r0 = i0.ɵɵnextContext();
1823
- i0.ɵɵadvance(3);
1824
- i0.ɵɵtextInterpolate(file_r2.name);
1825
- i0.ɵɵadvance(2);
1826
- i0.ɵɵproperty("ariaLabel", ctx_r0.ariaLabelRemove);
1827
- } }
1828
- function UploadQueueComponent_button_2_Template(rf, ctx) { if (rf & 1) {
1829
- const _r7 = i0.ɵɵgetCurrentView();
1830
- i0.ɵɵelementStart(0, "button", 7);
1831
- i0.ɵɵlistener("click", function UploadQueueComponent_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.uploadFiles()); });
1832
- i0.ɵɵtext(1, "Upload");
1833
- i0.ɵɵelementEnd();
1834
- } }
1835
1361
  class UploadQueueComponent {
1836
1362
  constructor() {
1837
1363
  this.ariaLabelRemove = 'Verwijder';
@@ -1855,125 +1381,21 @@ class UploadQueueComponent {
1855
1381
  });
1856
1382
  }
1857
1383
  }
1858
- /** @nocollapse */ UploadQueueComponent.ɵfac = function UploadQueueComponent_Factory(t) { return new (t || UploadQueueComponent)(); };
1859
- /** @nocollapse */ UploadQueueComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: UploadQueueComponent, selectors: [["aui-upload-queue"]], inputs: { files: "files", uploader: "uploader", ariaLabelRemove: "ariaLabelRemove" }, outputs: { uploadedFiles: "uploadedFiles" }, decls: 3, vars: 2, consts: [[1, "m-upload__files", "u-margin-bottom-xs"], [4, "ngFor", "ngForOf"], ["class", "a-button", "type", "button", 3, "click", 4, "ngIf"], ["name", "ai-common-file-empty"], [1, "m-upload__filename"], ["type", "button", 1, "m-upload__delete", "a-button", "a-button--text", "a-button--neutral", "a-button--s", "has-icon", 3, "click"], ["name", "ai-close", 3, "ariaLabel"], ["type", "button", 1, "a-button", 3, "click"]], template: function UploadQueueComponent_Template(rf, ctx) { if (rf & 1) {
1860
- i0.ɵɵelementStart(0, "ul", 0);
1861
- i0.ɵɵtemplate(1, UploadQueueComponent_li_1_Template, 6, 2, "li", 1);
1862
- i0.ɵɵelementEnd();
1863
- i0.ɵɵtemplate(2, UploadQueueComponent_button_2_Template, 2, 0, "button", 2);
1864
- } if (rf & 2) {
1865
- i0.ɵɵadvance(1);
1866
- i0.ɵɵproperty("ngForOf", ctx.files);
1867
- i0.ɵɵadvance(1);
1868
- i0.ɵɵproperty("ngIf", ctx.files.length > 0);
1869
- } }, dependencies: [i1.NgForOf, i1.NgIf, i4$1.IconComponent], encapsulation: 2 });
1870
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UploadQueueComponent, [{
1871
- type: Component,
1872
- args: [{ selector: 'aui-upload-queue', template: "<ul class=\"m-upload__files u-margin-bottom-xs\">\n <li *ngFor=\"let file of files; let i = index\">\n <aui-icon name=\"ai-common-file-empty\"></aui-icon>\n <span class=\"m-upload__filename\">{{ file.name }}</span>\n\n <button\n (click)=\"remove(i)\"\n class=\"m-upload__delete a-button a-button--text a-button--neutral a-button--s has-icon\"\n type=\"button\"\n >\n <aui-icon name=\"ai-close\" [ariaLabel]=\"ariaLabelRemove\"></aui-icon>\n </button>\n </li>\n</ul>\n\n<button (click)=\"uploadFiles()\" *ngIf=\"files.length > 0\" class=\"a-button\" type=\"button\">Upload</button>\n" }]
1873
- }], null, { files: [{
1874
- type: Input
1875
- }], uploader: [{
1876
- type: Input
1877
- }], ariaLabelRemove: [{
1878
- type: Input
1879
- }], uploadedFiles: [{
1880
- type: Output
1881
- }] }); })();
1384
+ /** @nocollapse */ UploadQueueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UploadQueueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1385
+ /** @nocollapse */ UploadQueueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: UploadQueueComponent, selector: "aui-upload-queue", inputs: { files: "files", uploader: "uploader", ariaLabelRemove: "ariaLabelRemove" }, outputs: { uploadedFiles: "uploadedFiles" }, ngImport: i0, template: "<ul class=\"m-upload__files u-margin-bottom-xs\">\n <li *ngFor=\"let file of files; let i = index\">\n <aui-icon name=\"ai-common-file-empty\"></aui-icon>\n <span class=\"m-upload__filename\">{{ file.name }}</span>\n\n <button\n (click)=\"remove(i)\"\n class=\"m-upload__delete a-button a-button--text a-button--neutral a-button--s has-icon\"\n type=\"button\"\n >\n <aui-icon name=\"ai-close\" [ariaLabel]=\"ariaLabelRemove\"></aui-icon>\n </button>\n </li>\n</ul>\n\n<button (click)=\"uploadFiles()\" *ngIf=\"files.length > 0\" class=\"a-button\" type=\"button\">Upload</button>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4$1.IconComponent, selector: "aui-icon", inputs: ["name", "ariaLabel", "className"] }] });
1386
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UploadQueueComponent, decorators: [{
1387
+ type: Component,
1388
+ args: [{ selector: 'aui-upload-queue', template: "<ul class=\"m-upload__files u-margin-bottom-xs\">\n <li *ngFor=\"let file of files; let i = index\">\n <aui-icon name=\"ai-common-file-empty\"></aui-icon>\n <span class=\"m-upload__filename\">{{ file.name }}</span>\n\n <button\n (click)=\"remove(i)\"\n class=\"m-upload__delete a-button a-button--text a-button--neutral a-button--s has-icon\"\n type=\"button\"\n >\n <aui-icon name=\"ai-close\" [ariaLabel]=\"ariaLabelRemove\"></aui-icon>\n </button>\n </li>\n</ul>\n\n<button (click)=\"uploadFiles()\" *ngIf=\"files.length > 0\" class=\"a-button\" type=\"button\">Upload</button>\n" }]
1389
+ }], propDecorators: { files: [{
1390
+ type: Input
1391
+ }], uploader: [{
1392
+ type: Input
1393
+ }], ariaLabelRemove: [{
1394
+ type: Input
1395
+ }], uploadedFiles: [{
1396
+ type: Output
1397
+ }] } });
1882
1398
 
1883
- const _c0$2 = ["fileInput"];
1884
- function UploadZoneComponent_div_0_div_5_Template(rf, ctx) { if (rf & 1) {
1885
- i0.ɵɵelementStart(0, "div", 10)(1, "label", 11);
1886
- i0.ɵɵtext(2);
1887
- i0.ɵɵelementEnd();
1888
- i0.ɵɵelementStart(3, "p", 12);
1889
- i0.ɵɵtext(4);
1890
- i0.ɵɵelementEnd()();
1891
- } if (rf & 2) {
1892
- const ctx_r3 = i0.ɵɵnextContext(2);
1893
- i0.ɵɵadvance(1);
1894
- i0.ɵɵproperty("for", ctx_r3.ariaId);
1895
- i0.ɵɵadvance(1);
1896
- i0.ɵɵtextInterpolate1(" ", ctx_r3.label, " ");
1897
- i0.ɵɵadvance(2);
1898
- i0.ɵɵtextInterpolate(ctx_r3.uploadedFilesString);
1899
- } }
1900
- function UploadZoneComponent_div_0_ng_container_6_ng_container_2_ng_container_2_Template(rf, ctx) { if (rf & 1) {
1901
- i0.ɵɵelementContainerStart(0);
1902
- i0.ɵɵtext(1, ",");
1903
- i0.ɵɵelementContainerEnd();
1904
- } }
1905
- function UploadZoneComponent_div_0_ng_container_6_ng_container_2_Template(rf, ctx) { if (rf & 1) {
1906
- i0.ɵɵelementContainerStart(0);
1907
- i0.ɵɵtext(1);
1908
- i0.ɵɵtemplate(2, UploadZoneComponent_div_0_ng_container_6_ng_container_2_ng_container_2_Template, 2, 0, "ng-container", 8);
1909
- i0.ɵɵelementContainerEnd();
1910
- } if (rf & 2) {
1911
- const file_r6 = ctx.$implicit;
1912
- const last_r7 = ctx.last;
1913
- i0.ɵɵadvance(1);
1914
- i0.ɵɵtextInterpolate1(" ", file_r6.name, " ");
1915
- i0.ɵɵadvance(1);
1916
- i0.ɵɵproperty("ngIf", !last_r7);
1917
- } }
1918
- function UploadZoneComponent_div_0_ng_container_6_Template(rf, ctx) { if (rf & 1) {
1919
- i0.ɵɵelementContainerStart(0);
1920
- i0.ɵɵelementStart(1, "p", 13);
1921
- i0.ɵɵtemplate(2, UploadZoneComponent_div_0_ng_container_6_ng_container_2_Template, 3, 2, "ng-container", 14);
1922
- i0.ɵɵelementEnd();
1923
- i0.ɵɵelement(3, "aui-progress-bar", 15);
1924
- i0.ɵɵelementContainerEnd();
1925
- } if (rf & 2) {
1926
- const ctx_r4 = i0.ɵɵnextContext(2);
1927
- i0.ɵɵadvance(2);
1928
- i0.ɵɵproperty("ngForOf", ctx_r4.uploadingFiles);
1929
- i0.ɵɵadvance(1);
1930
- i0.ɵɵproperty("value", ctx_r4.uploadProgress);
1931
- } }
1932
- function UploadZoneComponent_div_0_Template(rf, ctx) { if (rf & 1) {
1933
- const _r10 = i0.ɵɵgetCurrentView();
1934
- i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "div", 4)(3, "input", 5, 6);
1935
- i0.ɵɵlistener("click", function UploadZoneComponent_div_0_Template_input_click_3_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.onFileClick($event)); })("change", function UploadZoneComponent_div_0_Template_input_change_3_listener() { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.updateFiles()); });
1936
- i0.ɵɵelementEnd();
1937
- i0.ɵɵtemplate(5, UploadZoneComponent_div_0_div_5_Template, 5, 3, "div", 7);
1938
- i0.ɵɵtemplate(6, UploadZoneComponent_div_0_ng_container_6_Template, 4, 2, "ng-container", 8);
1939
- i0.ɵɵelementEnd()();
1940
- i0.ɵɵelementStart(7, "small", 9);
1941
- i0.ɵɵtext(8);
1942
- i0.ɵɵelementEnd()();
1943
- } if (rf & 2) {
1944
- const ctx_r0 = i0.ɵɵnextContext();
1945
- i0.ɵɵclassProp("is-disabled", ctx_r0.disabled);
1946
- i0.ɵɵadvance(3);
1947
- i0.ɵɵproperty("id", ctx_r0.id);
1948
- i0.ɵɵattribute("aria-labelledby", ctx_r0.ariaId);
1949
- i0.ɵɵadvance(2);
1950
- i0.ɵɵproperty("ngIf", !ctx_r0.uploadProgress || ctx_r0.uploadProgress === 0);
1951
- i0.ɵɵadvance(1);
1952
- i0.ɵɵproperty("ngIf", ctx_r0.uploadProgress > 0);
1953
- i0.ɵɵadvance(2);
1954
- i0.ɵɵtextInterpolate1(" ", ctx_r0.description, " ");
1955
- } }
1956
- function UploadZoneComponent_button_1_Template(rf, ctx) { if (rf & 1) {
1957
- const _r14 = i0.ɵɵgetCurrentView();
1958
- i0.ɵɵelementStart(0, "button", 16);
1959
- i0.ɵɵlistener("click", function UploadZoneComponent_button_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.triggerFile()); });
1960
- i0.ɵɵelementStart(1, "span", 17);
1961
- i0.ɵɵprojection(2);
1962
- i0.ɵɵelementEnd();
1963
- i0.ɵɵelementStart(3, "input", 5, 6);
1964
- i0.ɵɵlistener("click", function UploadZoneComponent_button_1_Template_input_click_3_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.onFileClick($event)); })("change", function UploadZoneComponent_button_1_Template_input_change_3_listener() { i0.ɵɵrestoreView(_r14); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.updateFiles()); });
1965
- i0.ɵɵelementEnd()();
1966
- } if (rf & 2) {
1967
- const ctx_r1 = i0.ɵɵnextContext();
1968
- i0.ɵɵproperty("disabled", ctx_r1.disabled);
1969
- i0.ɵɵadvance(1);
1970
- i0.ɵɵproperty("id", ctx_r1.ariaId);
1971
- i0.ɵɵadvance(2);
1972
- i0.ɵɵproperty("id", ctx_r1.id);
1973
- i0.ɵɵattribute("aria-labelledby", ctx_r1.ariaId);
1974
- } }
1975
- const _c1$2 = [[["", 8, "m-upload__button"]]];
1976
- const _c2 = [".m-upload__button"];
1977
1399
  class UploadZoneComponent {
1978
1400
  onDragOver(event) {
1979
1401
  this.preventAndStop(event);
@@ -2070,63 +1492,48 @@ class UploadZoneComponent {
2070
1492
  return this.fileInput.nativeElement.files.map((file) => file.name).join('');
2071
1493
  }
2072
1494
  }
2073
- /** @nocollapse */ UploadZoneComponent.ɵfac = function UploadZoneComponent_Factory(t) { return new (t || UploadZoneComponent)(i0.ɵɵdirectiveInject(i0.Renderer2)); };
2074
- /** @nocollapse */ UploadZoneComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: UploadZoneComponent, selectors: [["aui-upload-zone"]], viewQuery: function UploadZoneComponent_Query(rf, ctx) { if (rf & 1) {
2075
- i0.ɵɵviewQuery(_c0$2, 5);
2076
- } if (rf & 2) {
2077
- let _t;
2078
- i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
2079
- } }, hostBindings: function UploadZoneComponent_HostBindings(rf, ctx) { if (rf & 1) {
2080
- i0.ɵɵlistener("dragover", function UploadZoneComponent_dragover_HostBindingHandler($event) { return ctx.onDragOver($event); })("dragleave", function UploadZoneComponent_dragleave_HostBindingHandler($event) { return ctx.onDragLeave($event); })("drop", function UploadZoneComponent_drop_HostBindingHandler($event) { return ctx.onDrop($event); });
2081
- } }, inputs: { uploader: "uploader", id: "id", accept: "accept", capture: "capture", ariaId: "ariaId", disabled: "disabled", multiple: "multiple", label: "label", description: "description" }, outputs: { uploadedFiles: "uploadedFiles", queuedFiles: "queuedFiles", invalidFiles: "invalidFiles" }, ngContentSelectors: _c2, decls: 2, vars: 2, consts: [["class", "m-upload", 3, "is-disabled", 4, "ngIf"], ["class", "a-button m-upload__button", "type", "button", 3, "disabled", "click", 4, "ngIf"], [1, "m-upload"], [1, "m-upload__inner"], [1, "m-upload__dropzone"], ["type", "file", 1, "m-upload__input", 3, "id", "click", "change"], ["fileInput", ""], ["class", "m-upload__content", 4, "ngIf"], [4, "ngIf"], [1, "m-upload__description"], [1, "m-upload__content"], [1, "m-upload__message", 3, "for"], [1, "m-upload__uploads", "u-text-bold"], [1, "m-upload__uploads", "u-text-bold", "u-margin-bottom-xs"], [4, "ngFor", "ngForOf"], ["max", "100", 3, "value"], ["type", "button", 1, "a-button", "m-upload__button", 3, "disabled", "click"], [3, "id"]], template: function UploadZoneComponent_Template(rf, ctx) { if (rf & 1) {
2082
- i0.ɵɵprojectionDef(_c1$2);
2083
- i0.ɵɵtemplate(0, UploadZoneComponent_div_0_Template, 9, 7, "div", 0);
2084
- i0.ɵɵtemplate(1, UploadZoneComponent_button_1_Template, 5, 4, "button", 1);
2085
- } if (rf & 2) {
2086
- i0.ɵɵproperty("ngIf", ctx.uploader.options.type === "drop");
2087
- i0.ɵɵadvance(1);
2088
- i0.ɵɵproperty("ngIf", ctx.uploader.options.type === "button");
2089
- } }, dependencies: [i1.NgForOf, i1.NgIf, i2.ProgressBarComponent], styles: [".m-upload__button[_ngcontent-%COMP%]{position:relative}"] });
2090
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UploadZoneComponent, [{
2091
- type: Component,
2092
- args: [{ selector: 'aui-upload-zone', template: "<div *ngIf=\"uploader.options.type === 'drop'\" [class.is-disabled]=\"disabled\" class=\"m-upload\">\n <div class=\"m-upload__inner\">\n <div class=\"m-upload__dropzone\">\n <input\n #fileInput\n type=\"file\"\n class=\"m-upload__input\"\n [id]=\"id\"\n [attr.aria-labelledby]=\"ariaId\"\n (click)=\"onFileClick($event)\"\n (change)=\"updateFiles()\"\n />\n\n <div *ngIf=\"!uploadProgress || uploadProgress === 0\" class=\"m-upload__content\">\n <label [for]=\"ariaId\" class=\"m-upload__message\">\n {{ label }}\n </label>\n <p class=\"m-upload__uploads u-text-bold\">{{ uploadedFilesString }}</p>\n </div>\n\n <ng-container *ngIf=\"uploadProgress > 0\">\n <p class=\"m-upload__uploads u-text-bold u-margin-bottom-xs\">\n <ng-container *ngFor=\"let file of uploadingFiles; let last = last\">\n {{ file.name }}\n <ng-container *ngIf=\"!last\">,</ng-container>\n </ng-container>\n </p>\n <aui-progress-bar [value]=\"uploadProgress\" max=\"100\"></aui-progress-bar>\n </ng-container>\n </div>\n </div>\n\n <small class=\"m-upload__description\">\n {{ description }}\n </small>\n</div>\n\n<button\n (click)=\"triggerFile()\"\n *ngIf=\"uploader.options.type === 'button'\"\n [disabled]=\"disabled\"\n class=\"a-button m-upload__button\"\n type=\"button\"\n>\n <span [id]=\"ariaId\"><ng-content select=\".m-upload__button\"></ng-content></span>\n <input\n #fileInput\n type=\"file\"\n class=\"m-upload__input\"\n [id]=\"id\"\n [attr.aria-labelledby]=\"ariaId\"\n (click)=\"onFileClick($event)\"\n (change)=\"updateFiles()\"\n />\n</button>\n", styles: [".m-upload__button{position:relative}\n"] }]
2093
- }], function () { return [{ type: i0.Renderer2 }]; }, { fileInput: [{
2094
- type: ViewChild,
2095
- args: ['fileInput', { static: false }]
2096
- }], uploader: [{
2097
- type: Input
2098
- }], id: [{
2099
- type: Input
2100
- }], accept: [{
2101
- type: Input
2102
- }], capture: [{
2103
- type: Input
2104
- }], ariaId: [{
2105
- type: Input
2106
- }], disabled: [{
2107
- type: Input
2108
- }], multiple: [{
2109
- type: Input
2110
- }], label: [{
2111
- type: Input
2112
- }], description: [{
2113
- type: Input
2114
- }], uploadedFiles: [{
2115
- type: Output
2116
- }], queuedFiles: [{
2117
- type: Output
2118
- }], invalidFiles: [{
2119
- type: Output
2120
- }], onDragOver: [{
2121
- type: HostListener,
2122
- args: ['dragover', ['$event']]
2123
- }], onDragLeave: [{
2124
- type: HostListener,
2125
- args: ['dragleave', ['$event']]
2126
- }], onDrop: [{
2127
- type: HostListener,
2128
- args: ['drop', ['$event']]
2129
- }] }); })();
1495
+ /** @nocollapse */ UploadZoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UploadZoneComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
1496
+ /** @nocollapse */ UploadZoneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: UploadZoneComponent, selector: "aui-upload-zone", inputs: { uploader: "uploader", id: "id", accept: "accept", capture: "capture", ariaId: "ariaId", disabled: "disabled", multiple: "multiple", label: "label", description: "description" }, outputs: { uploadedFiles: "uploadedFiles", queuedFiles: "queuedFiles", invalidFiles: "invalidFiles" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)" } }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"uploader.options.type === 'drop'\" [class.is-disabled]=\"disabled\" class=\"m-upload\">\n <div class=\"m-upload__inner\">\n <div class=\"m-upload__dropzone\">\n <input\n #fileInput\n type=\"file\"\n class=\"m-upload__input\"\n [id]=\"id\"\n [attr.aria-labelledby]=\"ariaId\"\n (click)=\"onFileClick($event)\"\n (change)=\"updateFiles()\"\n />\n\n <div *ngIf=\"!uploadProgress || uploadProgress === 0\" class=\"m-upload__content\">\n <label [for]=\"ariaId\" class=\"m-upload__message\">\n {{ label }}\n </label>\n <p class=\"m-upload__uploads u-text-bold\">{{ uploadedFilesString }}</p>\n </div>\n\n <ng-container *ngIf=\"uploadProgress > 0\">\n <p class=\"m-upload__uploads u-text-bold u-margin-bottom-xs\">\n <ng-container *ngFor=\"let file of uploadingFiles; let last = last\">\n {{ file.name }}\n <ng-container *ngIf=\"!last\">,</ng-container>\n </ng-container>\n </p>\n <aui-progress-bar [value]=\"uploadProgress\" max=\"100\"></aui-progress-bar>\n </ng-container>\n </div>\n </div>\n\n <small class=\"m-upload__description\">\n {{ description }}\n </small>\n</div>\n\n<button\n (click)=\"triggerFile()\"\n *ngIf=\"uploader.options.type === 'button'\"\n [disabled]=\"disabled\"\n class=\"a-button m-upload__button\"\n type=\"button\"\n>\n <span [id]=\"ariaId\"><ng-content select=\".m-upload__button\"></ng-content></span>\n <input\n #fileInput\n type=\"file\"\n class=\"m-upload__input\"\n [id]=\"id\"\n [attr.aria-labelledby]=\"ariaId\"\n (click)=\"onFileClick($event)\"\n (change)=\"updateFiles()\"\n />\n</button>\n", styles: [".m-upload__button{position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ProgressBarComponent, selector: "aui-progress-bar", inputs: ["value", "max"] }] });
1497
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UploadZoneComponent, decorators: [{
1498
+ type: Component,
1499
+ args: [{ selector: 'aui-upload-zone', template: "<div *ngIf=\"uploader.options.type === 'drop'\" [class.is-disabled]=\"disabled\" class=\"m-upload\">\n <div class=\"m-upload__inner\">\n <div class=\"m-upload__dropzone\">\n <input\n #fileInput\n type=\"file\"\n class=\"m-upload__input\"\n [id]=\"id\"\n [attr.aria-labelledby]=\"ariaId\"\n (click)=\"onFileClick($event)\"\n (change)=\"updateFiles()\"\n />\n\n <div *ngIf=\"!uploadProgress || uploadProgress === 0\" class=\"m-upload__content\">\n <label [for]=\"ariaId\" class=\"m-upload__message\">\n {{ label }}\n </label>\n <p class=\"m-upload__uploads u-text-bold\">{{ uploadedFilesString }}</p>\n </div>\n\n <ng-container *ngIf=\"uploadProgress > 0\">\n <p class=\"m-upload__uploads u-text-bold u-margin-bottom-xs\">\n <ng-container *ngFor=\"let file of uploadingFiles; let last = last\">\n {{ file.name }}\n <ng-container *ngIf=\"!last\">,</ng-container>\n </ng-container>\n </p>\n <aui-progress-bar [value]=\"uploadProgress\" max=\"100\"></aui-progress-bar>\n </ng-container>\n </div>\n </div>\n\n <small class=\"m-upload__description\">\n {{ description }}\n </small>\n</div>\n\n<button\n (click)=\"triggerFile()\"\n *ngIf=\"uploader.options.type === 'button'\"\n [disabled]=\"disabled\"\n class=\"a-button m-upload__button\"\n type=\"button\"\n>\n <span [id]=\"ariaId\"><ng-content select=\".m-upload__button\"></ng-content></span>\n <input\n #fileInput\n type=\"file\"\n class=\"m-upload__input\"\n [id]=\"id\"\n [attr.aria-labelledby]=\"ariaId\"\n (click)=\"onFileClick($event)\"\n (change)=\"updateFiles()\"\n />\n</button>\n", styles: [".m-upload__button{position:relative}\n"] }]
1500
+ }], ctorParameters: function () { return [{ type: i0.Renderer2 }]; }, propDecorators: { fileInput: [{
1501
+ type: ViewChild,
1502
+ args: ['fileInput', { static: false }]
1503
+ }], uploader: [{
1504
+ type: Input
1505
+ }], id: [{
1506
+ type: Input
1507
+ }], accept: [{
1508
+ type: Input
1509
+ }], capture: [{
1510
+ type: Input
1511
+ }], ariaId: [{
1512
+ type: Input
1513
+ }], disabled: [{
1514
+ type: Input
1515
+ }], multiple: [{
1516
+ type: Input
1517
+ }], label: [{
1518
+ type: Input
1519
+ }], description: [{
1520
+ type: Input
1521
+ }], uploadedFiles: [{
1522
+ type: Output
1523
+ }], queuedFiles: [{
1524
+ type: Output
1525
+ }], invalidFiles: [{
1526
+ type: Output
1527
+ }], onDragOver: [{
1528
+ type: HostListener,
1529
+ args: ['dragover', ['$event']]
1530
+ }], onDragLeave: [{
1531
+ type: HostListener,
1532
+ args: ['dragleave', ['$event']]
1533
+ }], onDrop: [{
1534
+ type: HostListener,
1535
+ args: ['drop', ['$event']]
1536
+ }] } });
2130
1537
 
2131
1538
  class ValidationMessagesService {
2132
1539
  constructor(initValues) {
@@ -2145,39 +1552,15 @@ class ValidationMessagesService {
2145
1552
  }
2146
1553
  }
2147
1554
  }
2148
- /** @nocollapse */ ValidationMessagesService.ɵfac = function ValidationMessagesService_Factory(t) { return new (t || ValidationMessagesService)(i0.ɵɵinject(UPLOAD_VALIDATION_MESSAGES)); };
2149
- /** @nocollapse */ ValidationMessagesService.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: ValidationMessagesService, factory: ValidationMessagesService.ɵfac });
2150
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ValidationMessagesService, [{
2151
- type: Injectable
2152
- }], function () { return [{ type: undefined, decorators: [{
2153
- type: Inject,
2154
- args: [UPLOAD_VALIDATION_MESSAGES]
2155
- }] }]; }, null); })();
1555
+ /** @nocollapse */ ValidationMessagesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ValidationMessagesService, deps: [{ token: UPLOAD_VALIDATION_MESSAGES }], target: i0.ɵɵFactoryTarget.Injectable });
1556
+ /** @nocollapse */ ValidationMessagesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ValidationMessagesService });
1557
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ValidationMessagesService, decorators: [{
1558
+ type: Injectable
1559
+ }], ctorParameters: function () { return [{ type: undefined, decorators: [{
1560
+ type: Inject,
1561
+ args: [UPLOAD_VALIDATION_MESSAGES]
1562
+ }] }]; } });
2156
1563
 
2157
- function ValidationListComponent_li_1_Template(rf, ctx) { if (rf & 1) {
2158
- const _r4 = i0.ɵɵgetCurrentView();
2159
- i0.ɵɵelementStart(0, "li", 2);
2160
- i0.ɵɵelement(1, "aui-icon", 3);
2161
- i0.ɵɵelementStart(2, "span", 4);
2162
- i0.ɵɵtext(3);
2163
- i0.ɵɵelementEnd();
2164
- i0.ɵɵelementStart(4, "span", 5);
2165
- i0.ɵɵtext(5);
2166
- i0.ɵɵelementEnd();
2167
- i0.ɵɵelementStart(6, "button", 6);
2168
- i0.ɵɵlistener("click", function ValidationListComponent_li_1_Template_button_click_6_listener() { const restoredCtx = i0.ɵɵrestoreView(_r4); const i_r2 = restoredCtx.index; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.remove(i_r2)); });
2169
- i0.ɵɵelement(7, "aui-icon", 7);
2170
- i0.ɵɵelementEnd()();
2171
- } if (rf & 2) {
2172
- const invalidFile_r1 = ctx.$implicit;
2173
- const ctx_r0 = i0.ɵɵnextContext();
2174
- i0.ɵɵadvance(3);
2175
- i0.ɵɵtextInterpolate(invalidFile_r1.file.name);
2176
- i0.ɵɵadvance(2);
2177
- i0.ɵɵtextInterpolate(ctx_r0.formatReasons(invalidFile_r1.reasons));
2178
- i0.ɵɵadvance(2);
2179
- i0.ɵɵproperty("ariaLabel", ctx_r0.ariaLabelRemove);
2180
- } }
2181
1564
  class ValidationListComponent {
2182
1565
  constructor(messagesService) {
2183
1566
  this.messagesService = messagesService;
@@ -2195,35 +1578,17 @@ class ValidationListComponent {
2195
1578
  return result.join(', ');
2196
1579
  }
2197
1580
  }
2198
- /** @nocollapse */ ValidationListComponent.ɵfac = function ValidationListComponent_Factory(t) { return new (t || ValidationListComponent)(i0.ɵɵdirectiveInject(ValidationMessagesService)); };
2199
- /** @nocollapse */ ValidationListComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: ValidationListComponent, selectors: [["aui-validation-list"]], inputs: { invalidFiles: "invalidFiles", ariaLabelRemove: "ariaLabelRemove" }, decls: 2, vars: 1, consts: [[1, "m-upload__files"], ["class", "is-error", 4, "ngFor", "ngForOf"], [1, "is-error"], ["name", "ai-alert-triangle"], [1, "m-upload__filename"], [1, "m-upload__error"], ["type", "button", 1, "m-upload__delete", "a-button", "a-button--text", "a-button--danger", "a-button--s", "has-icon", 3, "click"], ["name", "ai-close", 3, "ariaLabel"]], template: function ValidationListComponent_Template(rf, ctx) { if (rf & 1) {
2200
- i0.ɵɵelementStart(0, "ul", 0);
2201
- i0.ɵɵtemplate(1, ValidationListComponent_li_1_Template, 8, 3, "li", 1);
2202
- i0.ɵɵelementEnd();
2203
- } if (rf & 2) {
2204
- i0.ɵɵadvance(1);
2205
- i0.ɵɵproperty("ngForOf", ctx.invalidFiles);
2206
- } }, dependencies: [i1.NgForOf, i4$1.IconComponent], encapsulation: 2 });
2207
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ValidationListComponent, [{
2208
- type: Component,
2209
- args: [{ selector: 'aui-validation-list', template: "<ul class=\"m-upload__files\">\n <li *ngFor=\"let invalidFile of invalidFiles; let i = index\" class=\"is-error\">\n <aui-icon name=\"ai-alert-triangle\"></aui-icon>\n <span class=\"m-upload__filename\">{{ invalidFile.file.name }}</span>\n <span class=\"m-upload__error\">{{ formatReasons(invalidFile.reasons) }}</span>\n\n <button\n (click)=\"remove(i)\"\n class=\"m-upload__delete a-button a-button--text a-button--danger a-button--s has-icon\"\n type=\"button\"\n >\n <aui-icon name=\"ai-close\" [ariaLabel]=\"ariaLabelRemove\"></aui-icon>\n </button>\n </li>\n</ul>\n" }]
2210
- }], function () { return [{ type: ValidationMessagesService }]; }, { invalidFiles: [{
2211
- type: Input
2212
- }], ariaLabelRemove: [{
2213
- type: Input
2214
- }] }); })();
1581
+ /** @nocollapse */ ValidationListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ValidationListComponent, deps: [{ token: ValidationMessagesService }], target: i0.ɵɵFactoryTarget.Component });
1582
+ /** @nocollapse */ ValidationListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: ValidationListComponent, selector: "aui-validation-list", inputs: { invalidFiles: "invalidFiles", ariaLabelRemove: "ariaLabelRemove" }, ngImport: i0, template: "<ul class=\"m-upload__files\">\n <li *ngFor=\"let invalidFile of invalidFiles; let i = index\" class=\"is-error\">\n <aui-icon name=\"ai-alert-triangle\"></aui-icon>\n <span class=\"m-upload__filename\">{{ invalidFile.file.name }}</span>\n <span class=\"m-upload__error\">{{ formatReasons(invalidFile.reasons) }}</span>\n\n <button\n (click)=\"remove(i)\"\n class=\"m-upload__delete a-button a-button--text a-button--danger a-button--s has-icon\"\n type=\"button\"\n >\n <aui-icon name=\"ai-close\" [ariaLabel]=\"ariaLabelRemove\"></aui-icon>\n </button>\n </li>\n</ul>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i4$1.IconComponent, selector: "aui-icon", inputs: ["name", "ariaLabel", "className"] }] });
1583
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: ValidationListComponent, decorators: [{
1584
+ type: Component,
1585
+ args: [{ selector: 'aui-validation-list', template: "<ul class=\"m-upload__files\">\n <li *ngFor=\"let invalidFile of invalidFiles; let i = index\" class=\"is-error\">\n <aui-icon name=\"ai-alert-triangle\"></aui-icon>\n <span class=\"m-upload__filename\">{{ invalidFile.file.name }}</span>\n <span class=\"m-upload__error\">{{ formatReasons(invalidFile.reasons) }}</span>\n\n <button\n (click)=\"remove(i)\"\n class=\"m-upload__delete a-button a-button--text a-button--danger a-button--s has-icon\"\n type=\"button\"\n >\n <aui-icon name=\"ai-close\" [ariaLabel]=\"ariaLabelRemove\"></aui-icon>\n </button>\n </li>\n</ul>\n" }]
1586
+ }], ctorParameters: function () { return [{ type: ValidationMessagesService }]; }, propDecorators: { invalidFiles: [{
1587
+ type: Input
1588
+ }], ariaLabelRemove: [{
1589
+ type: Input
1590
+ }] } });
2215
1591
 
2216
- function UploadComponent_aui_upload_queue_5_Template(rf, ctx) { if (rf & 1) {
2217
- const _r2 = i0.ɵɵgetCurrentView();
2218
- i0.ɵɵelementStart(0, "aui-upload-queue", 5);
2219
- i0.ɵɵlistener("uploadedFiles", function UploadComponent_aui_upload_queue_5_Template_aui_upload_queue_uploadedFiles_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onUploadedFiles($event)); });
2220
- i0.ɵɵelementEnd();
2221
- } if (rf & 2) {
2222
- const ctx_r0 = i0.ɵɵnextContext();
2223
- i0.ɵɵproperty("ariaLabelRemove", ctx_r0.ariaLabelRemove)("files", ctx_r0.queuedFiles)("uploader", ctx_r0.uploader);
2224
- } }
2225
- const _c0$1 = [[["", 8, "m-upload__button"]]];
2226
- const _c1$1 = [".m-upload__button"];
2227
1592
  class UploadComponent {
2228
1593
  constructor() {
2229
1594
  this.id = '';
@@ -2258,52 +1623,33 @@ class UploadComponent {
2258
1623
  this.queuedFiles = this.queuedFiles.concat(files);
2259
1624
  }
2260
1625
  }
2261
- /** @nocollapse */ UploadComponent.ɵfac = function UploadComponent_Factory(t) { return new (t || UploadComponent)(); };
2262
- /** @nocollapse */ UploadComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: UploadComponent, selectors: [["aui-upload"]], inputs: { id: "id", accept: "accept", capture: "capture", ariaLabelRemove: "ariaLabelRemove", disabled: "disabled", multiple: "multiple", label: "label", description: "description", options: "options" }, outputs: { selectUploadedFiles: "selectUploadedFiles" }, ngContentSelectors: _c1$1, decls: 6, vars: 12, consts: [[1, "m-upload", "aui-upload"], [3, "id", "accept", "capture", "ariaId", "disabled", "multiple", "uploader", "label", "description", "invalidFiles", "queuedFiles", "uploadedFiles"], [1, "m-upload__button"], [3, "ariaLabelRemove", "invalidFiles"], [3, "ariaLabelRemove", "files", "uploader", "uploadedFiles", 4, "ngIf"], [3, "ariaLabelRemove", "files", "uploader", "uploadedFiles"]], template: function UploadComponent_Template(rf, ctx) { if (rf & 1) {
2263
- i0.ɵɵprojectionDef(_c0$1);
2264
- i0.ɵɵelementStart(0, "div", 0)(1, "aui-upload-zone", 1);
2265
- i0.ɵɵlistener("invalidFiles", function UploadComponent_Template_aui_upload_zone_invalidFiles_1_listener($event) { return ctx.onInvalidFiles($event); })("queuedFiles", function UploadComponent_Template_aui_upload_zone_queuedFiles_1_listener($event) { return ctx.onQueuedFiles($event); })("uploadedFiles", function UploadComponent_Template_aui_upload_zone_uploadedFiles_1_listener($event) { return ctx.onUploadedFiles($event); });
2266
- i0.ɵɵelementStart(2, "div", 2);
2267
- i0.ɵɵprojection(3);
2268
- i0.ɵɵelementEnd()();
2269
- i0.ɵɵelement(4, "aui-validation-list", 3);
2270
- i0.ɵɵtemplate(5, UploadComponent_aui_upload_queue_5_Template, 1, 3, "aui-upload-queue", 4);
2271
- i0.ɵɵelementEnd();
2272
- } if (rf & 2) {
2273
- i0.ɵɵadvance(1);
2274
- i0.ɵɵproperty("id", ctx.id)("accept", ctx.accept)("capture", ctx.capture)("ariaId", ctx.ariaId)("disabled", ctx.disabled)("multiple", ctx.multiple)("uploader", ctx.uploader)("label", ctx.label)("description", ctx.description);
2275
- i0.ɵɵadvance(3);
2276
- i0.ɵɵproperty("ariaLabelRemove", ctx.ariaLabelRemove)("invalidFiles", ctx.invalidFiles);
2277
- i0.ɵɵadvance(1);
2278
- i0.ɵɵproperty("ngIf", !(ctx.options == null ? null : ctx.options.autoUpload));
2279
- } }, dependencies: [i1.NgIf, UploadQueueComponent, UploadZoneComponent, ValidationListComponent], styles: [".m-upload__button[_ngcontent-%COMP%]{position:relative}"] });
2280
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UploadComponent, [{
2281
- type: Component,
2282
- args: [{ selector: 'aui-upload', template: "<div class=\"m-upload aui-upload\">\n <aui-upload-zone\n [id]=\"id\"\n [accept]=\"accept\"\n [capture]=\"capture\"\n [ariaId]=\"ariaId\"\n [disabled]=\"disabled\"\n [multiple]=\"multiple\"\n [uploader]=\"uploader\"\n (invalidFiles)=\"onInvalidFiles($event)\"\n (queuedFiles)=\"onQueuedFiles($event)\"\n (uploadedFiles)=\"onUploadedFiles($event)\"\n [label]=\"label\"\n [description]=\"description\"\n >\n <div class=\"m-upload__button\">\n <ng-content select=\".m-upload__button\"></ng-content>\n </div>\n </aui-upload-zone>\n <aui-validation-list [ariaLabelRemove]=\"ariaLabelRemove\" [invalidFiles]=\"invalidFiles\"></aui-validation-list>\n <aui-upload-queue\n (uploadedFiles)=\"onUploadedFiles($event)\"\n *ngIf=\"!options?.autoUpload\"\n [ariaLabelRemove]=\"ariaLabelRemove\"\n [files]=\"queuedFiles\"\n [uploader]=\"uploader\"\n ></aui-upload-queue>\n</div>\n", styles: [".m-upload__button{position:relative}\n"] }]
2283
- }], null, { id: [{
2284
- type: Input
2285
- }], accept: [{
2286
- type: Input
2287
- }], capture: [{
2288
- type: Input
2289
- }], ariaLabelRemove: [{
2290
- type: Input
2291
- }], disabled: [{
2292
- type: Input
2293
- }], multiple: [{
2294
- type: Input
2295
- }], label: [{
2296
- type: Input
2297
- }], description: [{
2298
- type: Input
2299
- }], options: [{
2300
- type: Input
2301
- }], selectUploadedFiles: [{
2302
- type: Output
2303
- }] }); })();
1626
+ /** @nocollapse */ UploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1627
+ /** @nocollapse */ UploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: UploadComponent, selector: "aui-upload", inputs: { id: "id", accept: "accept", capture: "capture", ariaLabelRemove: "ariaLabelRemove", disabled: "disabled", multiple: "multiple", label: "label", description: "description", options: "options" }, outputs: { selectUploadedFiles: "selectUploadedFiles" }, ngImport: i0, template: "<div class=\"m-upload aui-upload\">\n <aui-upload-zone\n [id]=\"id\"\n [accept]=\"accept\"\n [capture]=\"capture\"\n [ariaId]=\"ariaId\"\n [disabled]=\"disabled\"\n [multiple]=\"multiple\"\n [uploader]=\"uploader\"\n (invalidFiles)=\"onInvalidFiles($event)\"\n (queuedFiles)=\"onQueuedFiles($event)\"\n (uploadedFiles)=\"onUploadedFiles($event)\"\n [label]=\"label\"\n [description]=\"description\"\n >\n <div class=\"m-upload__button\">\n <ng-content select=\".m-upload__button\"></ng-content>\n </div>\n </aui-upload-zone>\n <aui-validation-list [ariaLabelRemove]=\"ariaLabelRemove\" [invalidFiles]=\"invalidFiles\"></aui-validation-list>\n <aui-upload-queue\n (uploadedFiles)=\"onUploadedFiles($event)\"\n *ngIf=\"!options?.autoUpload\"\n [ariaLabelRemove]=\"ariaLabelRemove\"\n [files]=\"queuedFiles\"\n [uploader]=\"uploader\"\n ></aui-upload-queue>\n</div>\n", styles: [".m-upload__button{position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UploadQueueComponent, selector: "aui-upload-queue", inputs: ["files", "uploader", "ariaLabelRemove"], outputs: ["uploadedFiles"] }, { kind: "component", type: UploadZoneComponent, selector: "aui-upload-zone", inputs: ["uploader", "id", "accept", "capture", "ariaId", "disabled", "multiple", "label", "description"], outputs: ["uploadedFiles", "queuedFiles", "invalidFiles"] }, { kind: "component", type: ValidationListComponent, selector: "aui-validation-list", inputs: ["invalidFiles", "ariaLabelRemove"] }] });
1628
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UploadComponent, decorators: [{
1629
+ type: Component,
1630
+ args: [{ selector: 'aui-upload', template: "<div class=\"m-upload aui-upload\">\n <aui-upload-zone\n [id]=\"id\"\n [accept]=\"accept\"\n [capture]=\"capture\"\n [ariaId]=\"ariaId\"\n [disabled]=\"disabled\"\n [multiple]=\"multiple\"\n [uploader]=\"uploader\"\n (invalidFiles)=\"onInvalidFiles($event)\"\n (queuedFiles)=\"onQueuedFiles($event)\"\n (uploadedFiles)=\"onUploadedFiles($event)\"\n [label]=\"label\"\n [description]=\"description\"\n >\n <div class=\"m-upload__button\">\n <ng-content select=\".m-upload__button\"></ng-content>\n </div>\n </aui-upload-zone>\n <aui-validation-list [ariaLabelRemove]=\"ariaLabelRemove\" [invalidFiles]=\"invalidFiles\"></aui-validation-list>\n <aui-upload-queue\n (uploadedFiles)=\"onUploadedFiles($event)\"\n *ngIf=\"!options?.autoUpload\"\n [ariaLabelRemove]=\"ariaLabelRemove\"\n [files]=\"queuedFiles\"\n [uploader]=\"uploader\"\n ></aui-upload-queue>\n</div>\n", styles: [".m-upload__button{position:relative}\n"] }]
1631
+ }], propDecorators: { id: [{
1632
+ type: Input
1633
+ }], accept: [{
1634
+ type: Input
1635
+ }], capture: [{
1636
+ type: Input
1637
+ }], ariaLabelRemove: [{
1638
+ type: Input
1639
+ }], disabled: [{
1640
+ type: Input
1641
+ }], multiple: [{
1642
+ type: Input
1643
+ }], label: [{
1644
+ type: Input
1645
+ }], description: [{
1646
+ type: Input
1647
+ }], options: [{
1648
+ type: Input
1649
+ }], selectUploadedFiles: [{
1650
+ type: Output
1651
+ }] } });
2304
1652
 
2305
- const _c0 = [[["", 8, "m-upload__message"]], [["", 8, "m-upload__description"]], [["", 8, "m-upload__button"]]];
2306
- const _c1 = [".m-upload__message", ".m-upload__description", ".m-upload__button"];
2307
1653
  class UploadInputComponent {
2308
1654
  constructor() {
2309
1655
  this.propagateChange = (_) => undefined;
@@ -2320,39 +1666,24 @@ class UploadInputComponent {
2320
1666
  this.propagateChange(data);
2321
1667
  }
2322
1668
  }
2323
- /** @nocollapse */ UploadInputComponent.ɵfac = function UploadInputComponent_Factory(t) { return new (t || UploadInputComponent)(); };
2324
- /** @nocollapse */ UploadInputComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: UploadInputComponent, selectors: [["aui-upload-input"]], inputs: { options: "options", format: "format" }, features: [i0.ɵɵProvidersFeature([{
2325
- provide: NG_VALUE_ACCESSOR,
2326
- useExisting: UploadInputComponent,
2327
- multi: true,
2328
- }])], ngContentSelectors: _c1, decls: 7, vars: 1, consts: [[3, "options", "selectUploadedFiles"], [1, "m-upload__message"], [1, "m-upload__description"], [1, "m-upload__button"]], template: function UploadInputComponent_Template(rf, ctx) { if (rf & 1) {
2329
- i0.ɵɵprojectionDef(_c0);
2330
- i0.ɵɵelementStart(0, "aui-upload", 0);
2331
- i0.ɵɵlistener("selectUploadedFiles", function UploadInputComponent_Template_aui_upload_selectUploadedFiles_0_listener($event) { return ctx.onUpload($event); });
2332
- i0.ɵɵelementStart(1, "div", 1);
2333
- i0.ɵɵprojection(2);
2334
- i0.ɵɵelementEnd();
2335
- i0.ɵɵelementStart(3, "div", 2);
2336
- i0.ɵɵprojection(4, 1);
2337
- i0.ɵɵelementEnd();
2338
- i0.ɵɵelementStart(5, "div", 3);
2339
- i0.ɵɵprojection(6, 2);
2340
- i0.ɵɵelementEnd()();
2341
- } if (rf & 2) {
2342
- i0.ɵɵproperty("options", ctx.options);
2343
- } }, dependencies: [UploadComponent], encapsulation: 2 });
2344
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UploadInputComponent, [{
2345
- type: Component,
2346
- args: [{ selector: 'aui-upload-input', providers: [{
2347
- provide: NG_VALUE_ACCESSOR,
2348
- useExisting: UploadInputComponent,
2349
- multi: true,
2350
- }], template: "<aui-upload (selectUploadedFiles)=\"onUpload($event)\" [options]=\"options\">\n <div class=\"m-upload__message\">\n <ng-content select=\".m-upload__message\"></ng-content>\n </div>\n <div class=\"m-upload__description\">\n <ng-content select=\".m-upload__description\"></ng-content>\n </div>\n <div class=\"m-upload__button\">\n <ng-content select=\".m-upload__button\"></ng-content>\n </div>\n</aui-upload>\n" }]
2351
- }], null, { options: [{
2352
- type: Input
2353
- }], format: [{
2354
- type: Input
2355
- }] }); })();
1669
+ /** @nocollapse */ UploadInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UploadInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1670
+ /** @nocollapse */ UploadInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.7", type: UploadInputComponent, selector: "aui-upload-input", inputs: { options: "options", format: "format" }, providers: [{
1671
+ provide: NG_VALUE_ACCESSOR,
1672
+ useExisting: UploadInputComponent,
1673
+ multi: true,
1674
+ }], ngImport: i0, template: "<aui-upload (selectUploadedFiles)=\"onUpload($event)\" [options]=\"options\">\n <div class=\"m-upload__message\">\n <ng-content select=\".m-upload__message\"></ng-content>\n </div>\n <div class=\"m-upload__description\">\n <ng-content select=\".m-upload__description\"></ng-content>\n </div>\n <div class=\"m-upload__button\">\n <ng-content select=\".m-upload__button\"></ng-content>\n </div>\n</aui-upload>\n", dependencies: [{ kind: "component", type: UploadComponent, selector: "aui-upload", inputs: ["id", "accept", "capture", "ariaLabelRemove", "disabled", "multiple", "label", "description", "options"], outputs: ["selectUploadedFiles"] }] });
1675
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UploadInputComponent, decorators: [{
1676
+ type: Component,
1677
+ args: [{ selector: 'aui-upload-input', providers: [{
1678
+ provide: NG_VALUE_ACCESSOR,
1679
+ useExisting: UploadInputComponent,
1680
+ multi: true,
1681
+ }], template: "<aui-upload (selectUploadedFiles)=\"onUpload($event)\" [options]=\"options\">\n <div class=\"m-upload__message\">\n <ng-content select=\".m-upload__message\"></ng-content>\n </div>\n <div class=\"m-upload__description\">\n <ng-content select=\".m-upload__description\"></ng-content>\n </div>\n <div class=\"m-upload__button\">\n <ng-content select=\".m-upload__button\"></ng-content>\n </div>\n</aui-upload>\n" }]
1682
+ }], propDecorators: { options: [{
1683
+ type: Input
1684
+ }], format: [{
1685
+ type: Input
1686
+ }] } });
2356
1687
 
2357
1688
  class UploadModule {
2358
1689
  static forChild(validationMessages = {}) {
@@ -2362,29 +1693,28 @@ class UploadModule {
2362
1693
  };
2363
1694
  }
2364
1695
  }
2365
- /** @nocollapse */ UploadModule.ɵfac = function UploadModule_Factory(t) { return new (t || UploadModule)(); };
2366
- /** @nocollapse */ UploadModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: UploadModule });
2367
- /** @nocollapse */ UploadModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [ValidationMessagesService, { provide: UPLOAD_VALIDATION_MESSAGES, useValue: {} }], imports: [CommonModule, ProgressBarModule, FormsModule, IconModule] });
2368
- (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UploadModule, [{
2369
- type: NgModule,
2370
- args: [{
2371
- imports: [CommonModule, ProgressBarModule, FormsModule, IconModule],
2372
- declarations: [
2373
- UploadComponent,
2374
- UploadInputComponent,
2375
- UploadQueueComponent,
2376
- UploadZoneComponent,
2377
- ValidationListComponent,
2378
- ],
2379
- exports: [UploadComponent, UploadInputComponent, UploadQueueComponent, UploadZoneComponent, ValidationListComponent],
2380
- providers: [ValidationMessagesService, { provide: UPLOAD_VALIDATION_MESSAGES, useValue: {} }],
2381
- }]
2382
- }], null, null); })();
2383
- (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(UploadModule, { declarations: [UploadComponent,
1696
+ /** @nocollapse */ UploadModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1697
+ /** @nocollapse */ UploadModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.7", ngImport: i0, type: UploadModule, declarations: [UploadComponent,
2384
1698
  UploadInputComponent,
2385
1699
  UploadQueueComponent,
2386
1700
  UploadZoneComponent,
2387
- ValidationListComponent], imports: [CommonModule, ProgressBarModule, FormsModule, IconModule], exports: [UploadComponent, UploadInputComponent, UploadQueueComponent, UploadZoneComponent, ValidationListComponent] }); })();
1701
+ ValidationListComponent], imports: [CommonModule, ProgressBarModule, FormsModule, IconModule], exports: [UploadComponent, UploadInputComponent, UploadQueueComponent, UploadZoneComponent, ValidationListComponent] });
1702
+ /** @nocollapse */ UploadModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UploadModule, providers: [ValidationMessagesService, { provide: UPLOAD_VALIDATION_MESSAGES, useValue: {} }], imports: [CommonModule, ProgressBarModule, FormsModule, IconModule] });
1703
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.7", ngImport: i0, type: UploadModule, decorators: [{
1704
+ type: NgModule,
1705
+ args: [{
1706
+ imports: [CommonModule, ProgressBarModule, FormsModule, IconModule],
1707
+ declarations: [
1708
+ UploadComponent,
1709
+ UploadInputComponent,
1710
+ UploadQueueComponent,
1711
+ UploadZoneComponent,
1712
+ ValidationListComponent,
1713
+ ],
1714
+ exports: [UploadComponent, UploadInputComponent, UploadQueueComponent, UploadZoneComponent, ValidationListComponent],
1715
+ providers: [ValidationMessagesService, { provide: UPLOAD_VALIDATION_MESSAGES, useValue: {} }],
1716
+ }]
1717
+ }] });
2388
1718
 
2389
1719
  /**
2390
1720
  * Generated bundle index. Do not edit.