@acpaas-ui/ngx-forms 6.0.0-beta.0 → 6.0.0

package/fesm2015/acpaas-ui-ngx-forms.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive, Input, NgModule, Injectable, EventEmitter, TemplateRef, forwardRef, Component, Output, ViewChild, ContentChild, InjectionToken, ChangeDetectionStrategy, Inject, HostBinding, HostListener } from '@angular/core';
+import { Injectable, EventEmitter, TemplateRef, forwardRef, Component, Input, Output, ViewChild, ContentChild, NgModule, InjectionToken, ChangeDetectionStrategy, Inject, HostBinding, HostListener } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/forms';
@@ -8,61 +8,17 @@ import * as i4 from '@acpaas-ui/ngx-flyout';
 import { FlyoutDirective, FlyoutZoneDirective, FlyoutModule, FlyoutSize } from '@acpaas-ui/ngx-flyout';
 import * as i5 from '@acpaas-ui/ngx-selectable-list';
 import { SelectableListModule } from '@acpaas-ui/ngx-selectable-list';
-import Inputmask from 'inputmask';
 import { get, isEqual, debounce } from 'lodash-es';
 import { Subject, Observable } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
-import { DateHelper } from '@acpaas-ui/js-date-utils';
+import { DateHelper, IntervalBuilder } from '@acpaas-ui/ngx-utils';
 import * as i1$2 from '@acpaas-ui/ngx-calendar';
 import { CALENDAR_DEFAULT_MONTH_LABELS, CALENDAR_DEFAULT_WEEKDAY_LABELS, CALENDAR_MONTH_LABELS, CALENDAR_WEEKDAY_LABELS, CalendarModule } from '@acpaas-ui/ngx-calendar';
-import { IntervalBuilder } from '@acpaas-ui/ngx-utils';
 import * as i4$1 from '@acpaas-ui/ngx-icon';
 import { IconModule } from '@acpaas-ui/ngx-icon';
 import * as i2 from '@acpaas-ui/ngx-progress-bar';
 import { ProgressBarModule } from '@acpaas-ui/ngx-progress-bar';
 
-class MaskDirective {
-    constructor(ref) {
-        this.ref = ref;
-    }
-    ngOnChanges() {
-        this.setMask(this.auiMask);
-    }
-    setMask(mask) {
-        Inputmask(mask).mask(this.ref.nativeElement);
-    }
-}
-/** @nocollapse */ MaskDirective.ɵfac = function MaskDirective_Factory(t) { return new (t || MaskDirective)(i0.ɵɵdirectiveInject(i0.ElementRef)); };
-/** @nocollapse */ MaskDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: MaskDirective, selectors: [["", "auiMask", ""]], inputs: { auiMask: "auiMask" }, features: [i0.ɵɵNgOnChangesFeature] });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MaskDirective, [{
-            type: Directive,
-            args: [{
-                    selector: '[auiMask]',
-                }]
-        }], function () { return [{ type: i0.ElementRef }]; }, { auiMask: [{
-                type: Input
-            }] });
-})();
-
-class MaskModule {
-}
-/** @nocollapse */ MaskModule.ɵfac = function MaskModule_Factory(t) { return new (t || MaskModule)(); };
-/** @nocollapse */ MaskModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: MaskModule });
-/** @nocollapse */ MaskModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule] });
-(function () {
-    (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MaskModule, [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [MaskDirective],
-                    exports: [MaskDirective],
-                    providers: [],
-                }]
-        }], null, null);
-})();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MaskModule, { declarations: [MaskDirective], imports: [CommonModule], exports: [MaskDirective] }); })();
-
 class SearchService {
     constructor() {
         this.matchItemWithSearchString = (item, searchString) => {
@@ -95,99 +51,75 @@ class SearchService {
         }], null, null);
 })();
 
-function AutoCompleteComponent_input_1_Template(rf, ctx) {
-    if (rf & 1) {
-        const _r4 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "input", 4);
-        i0.ɵɵlistener("focus", function AutoCompleteComponent_input_1_Template_input_focus_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onFocus()); })("keyArrowDown", function AutoCompleteComponent_input_1_Template_input_keyArrowDown_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onKeyArrowDown()); })("keyArrowUp", function AutoCompleteComponent_input_1_Template_input_keyArrowUp_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.onKeyArrowUp()); })("keyEnter", function AutoCompleteComponent_input_1_Template_input_keyEnter_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.onKeyEnter($event)); })("keyEscape", function AutoCompleteComponent_input_1_Template_input_keyEscape_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onKeyEscape()); })("ngModelChange", function AutoCompleteComponent_input_1_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.query = $event); })("ngModelChange", function AutoCompleteComponent_input_1_Template_input_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.doSearch()); });
-        i0.ɵɵelementEnd();
-    }
-    if (rf & 2) {
-        const ctx_r0 = i0.ɵɵnextContext();
-        i0.ɵɵproperty("ngModel", ctx_r0.query)("disabled", ctx_r0.isDisabled ? true : null)("id", ctx_r0.id)("placeholder", ctx_r0.placeholder)("autocomplete", ctx_r0.autoComplete);
-    }
-}
-function AutoCompleteComponent_input_2_Template(rf, ctx) {
+function AutoCompleteComponent_div_2_span_1_Template(rf, ctx) {
     if (rf & 1) {
-        const _r12 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "input", 5);
-        i0.ɵɵlistener("focus", function AutoCompleteComponent_input_2_Template_input_focus_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.onFocus()); })("keyArrowDown", function AutoCompleteComponent_input_2_Template_input_keyArrowDown_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.onKeyArrowDown()); })("keyArrowUp", function AutoCompleteComponent_input_2_Template_input_keyArrowUp_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.onKeyArrowUp()); })("keyEnter", function AutoCompleteComponent_input_2_Template_input_keyEnter_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r15 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r15.onKeyEnter($event)); })("keyEscape", function AutoCompleteComponent_input_2_Template_input_keyEscape_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.onKeyEscape()); })("ngModelChange", function AutoCompleteComponent_input_2_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r17 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r17.query = $event); })("ngModelChange", function AutoCompleteComponent_input_2_Template_input_ngModelChange_0_listener() { i0.ɵɵrestoreView(_r12); const ctx_r18 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r18.doSearch()); });
-        i0.ɵɵelementEnd();
-    }
-    if (rf & 2) {
-        const ctx_r1 = i0.ɵɵnextContext();
-        i0.ɵɵproperty("ngModel", ctx_r1.query)("auiMask", ctx_r1.mask)("disabled", ctx_r1.isDisabled ? true : null)("id", ctx_r1.id)("placeholder", ctx_r1.placeholder)("autocomplete", ctx_r1.autoComplete);
-    }
-}
-function AutoCompleteComponent_div_3_span_1_Template(rf, ctx) {
-    if (rf & 1) {
-        i0.ɵɵelementStart(0, "span", 10);
-        i0.ɵɵelement(1, "span", 11);
-        i0.ɵɵelementStart(2, "span", 12);
+        i0.ɵɵelementStart(0, "span", 7);
+        i0.ɵɵelement(1, "span", 8);
+        i0.ɵɵelementStart(2, "span", 9);
         i0.ɵɵtext(3);
         i0.ɵɵelementEnd()();
     }
     if (rf & 2) {
-        const ctx_r19 = i0.ɵɵnextContext(2);
+        const ctx_r1 = i0.ɵɵnextContext(2);
         i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate(ctx_r19.loadingText);
+        i0.ɵɵtextInterpolate(ctx_r1.loadingText);
     }
 }
-function AutoCompleteComponent_div_3_span_2_Template(rf, ctx) {
+function AutoCompleteComponent_div_2_span_2_Template(rf, ctx) {
     if (rf & 1) {
-        i0.ɵɵelementStart(0, "span", 13);
+        i0.ɵɵelementStart(0, "span", 10);
         i0.ɵɵtext(1);
         i0.ɵɵelementEnd();
     }
     if (rf & 2) {
-        const ctx_r20 = i0.ɵɵnextContext(2);
+        const ctx_r2 = i0.ɵɵnextContext(2);
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(ctx_r20.searchIncentiveText);
+        i0.ɵɵtextInterpolate(ctx_r2.searchIncentiveText);
     }
 }
-function AutoCompleteComponent_div_3_span_3_Template(rf, ctx) {
+function AutoCompleteComponent_div_2_span_3_Template(rf, ctx) {
     if (rf & 1) {
-        i0.ɵɵelementStart(0, "span", 13);
+        i0.ɵɵelementStart(0, "span", 10);
         i0.ɵɵtext(1);
         i0.ɵɵelementEnd();
     }
     if (rf & 2) {
-        const ctx_r21 = i0.ɵɵnextContext(2);
+        const ctx_r3 = i0.ɵɵnextContext(2);
         i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate(ctx_r21.noResultsText);
+        i0.ɵɵtextInterpolate(ctx_r3.noResultsText);
     }
 }
-function AutoCompleteComponent_div_3_aui_selectable_list_4_Template(rf, ctx) {
+function AutoCompleteComponent_div_2_aui_selectable_list_4_Template(rf, ctx) {
     if (rf & 1) {
-        const _r24 = i0.ɵɵgetCurrentView();
-        i0.ɵɵelementStart(0, "aui-selectable-list", 14);
-        i0.ɵɵlistener("selected", function AutoCompleteComponent_div_3_aui_selectable_list_4_Template_aui_selectable_list_selected_0_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r23 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r23.onSelect($event)); });
+        const _r6 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "aui-selectable-list", 11);
+        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)); });
         i0.ɵɵelementEnd();
     }
     if (rf & 2) {
-        const ctx_r22 = i0.ɵɵnextContext(2);
-        i0.ɵɵproperty("index", ctx_r22.index)("itemTemplate", ctx_r22.template)("items", ctx_r22.results)("label", ctx_r22.label)("search", ctx_r22.query);
+        const ctx_r4 = i0.ɵɵnextContext(2);
+        i0.ɵɵproperty("index", ctx_r4.index)("itemTemplate", ctx_r4.template)("items", ctx_r4.results)("label", ctx_r4.label)("search", ctx_r4.query);
     }
 }
-function AutoCompleteComponent_div_3_Template(rf, ctx) {
+function AutoCompleteComponent_div_2_Template(rf, ctx) {
     if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 6);
-        i0.ɵɵtemplate(1, AutoCompleteComponent_div_3_span_1_Template, 4, 1, "span", 7);
-        i0.ɵɵtemplate(2, AutoCompleteComponent_div_3_span_2_Template, 2, 1, "span", 8);
-        i0.ɵɵtemplate(3, AutoCompleteComponent_div_3_span_3_Template, 2, 1, "span", 8);
-        i0.ɵɵtemplate(4, AutoCompleteComponent_div_3_aui_selectable_list_4_Template, 1, 5, "aui-selectable-list", 9);
+        i0.ɵɵelementStart(0, "div", 3);
+        i0.ɵɵtemplate(1, AutoCompleteComponent_div_2_span_1_Template, 4, 1, "span", 4);
+        i0.ɵɵtemplate(2, AutoCompleteComponent_div_2_span_2_Template, 2, 1, "span", 5);
+        i0.ɵɵtemplate(3, AutoCompleteComponent_div_2_span_3_Template, 2, 1, "span", 5);
+        i0.ɵɵtemplate(4, AutoCompleteComponent_div_2_aui_selectable_list_4_Template, 1, 5, "aui-selectable-list", 6);
         i0.ɵɵelementEnd();
     }
     if (rf & 2) {
-        const ctx_r2 = i0.ɵɵnextContext();
+        const ctx_r0 = i0.ɵɵnextContext();
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r2.focused && ctx_r2.loadingText && ctx_r2.searching);
+        i0.ɵɵproperty("ngIf", ctx_r0.focused && ctx_r0.loadingText && ctx_r0.searching);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r2.focused && ctx_r2.searchIncentiveText && !ctx_r2.searching && !ctx_r2.query && !ctx_r2.results.length);
+        i0.ɵɵproperty("ngIf", ctx_r0.focused && ctx_r0.searchIncentiveText && !ctx_r0.searching && !ctx_r0.query && !ctx_r0.results.length);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r2.focused && ctx_r2.noResultsText && !ctx_r2.searching && ctx_r2.query && !ctx_r2.results.length);
+        i0.ɵɵproperty("ngIf", ctx_r0.focused && ctx_r0.noResultsText && !ctx_r0.searching && ctx_r0.query && !ctx_r0.results.length);
         i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx_r2.results.length > 0 && !(ctx_r2.focused && ctx_r2.loadingText && ctx_r2.searching));
+        i0.ɵɵproperty("ngIf", ctx_r0.results.length > 0 && !(ctx_r0.focused && ctx_r0.loadingText && ctx_r0.searching));
     }
 }
 class AutoCompleteComponent {
@@ -198,7 +130,6 @@ class AutoCompleteComponent {
         this.data = []; // The values to search in when remote search is disabled
         this.remote = false; // Disable or enamble remote search
         this.minCharacters = 0;
-        this.mask = null;
         this.clearInvalid = false;
         this.showAllByDefault = false;
         this.autoComplete = 'off';
@@ -401,31 +332,30 @@ class AutoCompleteComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.flyout = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.flyoutZone = _t.first);
         }
-    }, inputs: { id: "id", placeholder: "placeholder", description: "description", inputLabel: "inputLabel", results: "results", data: "data", remote: "remote", minCharacters: "minCharacters", mask: "mask", clearInvalid: "clearInvalid", searchIncentiveText: "searchIncentiveText", loadingText: "loadingText", noResultsText: "noResultsText", showAllByDefault: "showAllByDefault", autoComplete: "autoComplete", label: "label", value: "value" }, outputs: { search: "search", select: "select" }, features: [i0.ɵɵProvidersFeature([
+    }, 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([
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef((() => AutoCompleteComponent)),
                 multi: true,
             },
-        ]), i0.ɵɵNgOnChangesFeature], decls: 4, vars: 4, 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", "class", "a-input", 3, "ngModel", "disabled", "id", "placeholder", "autocomplete", "focus", "keyArrowDown", "keyArrowUp", "keyEnter", "keyEscape", "ngModelChange", 4, "ngIf"], ["aria-autocomplete", "list", "auiFlyoutAction", "", "auiSelectableActions", "", "type", "text", "class", "a-input", 3, "ngModel", "auiMask", "disabled", "id", "placeholder", "autocomplete", "focus", "keyArrowDown", "keyArrowUp", "keyEnter", "keyEscape", "ngModelChange", 4, "ngIf"], ["auiFlyoutZone", "", 4, "ngIf"], ["aria-autocomplete", "list", "auiFlyoutAction", "", "auiSelectableActions", "", "type", "text", 1, "a-input", 3, "ngModel", "disabled", "id", "placeholder", "autocomplete", "focus", "keyArrowDown", "keyArrowUp", "keyEnter", "keyEscape", "ngModelChange"], ["aria-autocomplete", "list", "auiFlyoutAction", "", "auiSelectableActions", "", "type", "text", 1, "a-input", 3, "ngModel", "auiMask", "disabled", "id", "placeholder", "autocomplete", "focus", "keyArrowDown", "keyArrowUp", "keyEnter", "keyEscape", "ngModelChange"], ["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) {
+        ]), 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) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵlistener("closed", function AutoCompleteComponent_Template_div_closed_0_listener() { return ctx.onFlyoutClosed(); });
-            i0.ɵɵtemplate(1, AutoCompleteComponent_input_1_Template, 1, 5, "input", 1);
-            i0.ɵɵtemplate(2, AutoCompleteComponent_input_2_Template, 1, 6, "input", 2);
-            i0.ɵɵtemplate(3, AutoCompleteComponent_div_3_Template, 5, 4, "div", 3);
+            i0.ɵɵelementStart(1, "input", 1);
+            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(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(2, AutoCompleteComponent_div_2_Template, 5, 4, "div", 2);
             i0.ɵɵelementEnd();
         }
         if (rf & 2) {
             i0.ɵɵproperty("toggleClick", false);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", !ctx.mask);
-            i0.ɵɵadvance(1);
-            i0.ɵɵproperty("ngIf", ctx.mask);
+            i0.ɵɵproperty("ngModel", ctx.query)("disabled", ctx.isDisabled ? true : null)("id", ctx.id)("placeholder", ctx.placeholder)("autocomplete", ctx.autoComplete);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", !ctx.isDisabled);
         }
-    }, dependencies: [i1.NgIf, i1$1.DefaultValueAccessor, i1$1.NgControlStatus, i1$1.NgModel, i4.FlyoutActionDirective, i4.FlyoutZoneDirective, i4.FlyoutDirective, i5.SelectableListComponent, i5.SelectableActionsDirective, MaskDirective], styles: [".o-auto-complete[_ngcontent-%COMP%], .o-auto-complete__info[_ngcontent-%COMP%]{display:block}"] });
+    }, 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}"] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoCompleteComponent, [{
             type: Component,
@@ -435,7 +365,7 @@ class AutoCompleteComponent {
                             useExisting: forwardRef((() => AutoCompleteComponent)),
                             multi: true,
                         },
-                    ], 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    *ngIf=\"!mask\"\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  <input\n    (focus)=\"onFocus()\"\n    (keyArrowDown)=\"onKeyArrowDown()\"\n    (keyArrowUp)=\"onKeyArrowUp()\"\n    (keyEnter)=\"onKeyEnter($event)\"\n    (keyEscape)=\"onKeyEscape()\"\n    [(ngModel)]=\"query\"\n    (ngModelChange)=\"doSearch()\"\n    *ngIf=\"mask\"\n    [auiMask]=\"mask\"\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"] }]
+                    ], 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"] }]
         }], function () { return [{ type: i0.ElementRef }, { type: SearchService }]; }, { id: [{
                 type: Input
             }], placeholder: [{
@@ -452,8 +382,6 @@ class AutoCompleteComponent {
                 type: Input
             }], minCharacters: [{
                 type: Input
-            }], mask: [{
-                type: Input
             }], clearInvalid: [{
                 type: Input
             }], searchIncentiveText: [{
@@ -490,19 +418,19 @@ class AutoCompleteModule {
 }
 /** @nocollapse */ AutoCompleteModule.ɵfac = function AutoCompleteModule_Factory(t) { return new (t || AutoCompleteModule)(); };
 /** @nocollapse */ AutoCompleteModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: AutoCompleteModule });
-/** @nocollapse */ AutoCompleteModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [SearchService], imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule, MaskModule] });
+/** @nocollapse */ AutoCompleteModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [SearchService], imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule] });
 (function () {
     (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutoCompleteModule, [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule, MaskModule],
+                    imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule],
                     declarations: [AutoCompleteComponent],
                     exports: [AutoCompleteComponent],
                     providers: [SearchService],
                 }]
         }], null, null);
 })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AutoCompleteModule, { declarations: [AutoCompleteComponent], imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule, MaskModule], exports: [AutoCompleteComponent] }); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AutoCompleteModule, { declarations: [AutoCompleteComponent], imports: [CommonModule, FormsModule, FlyoutModule, SelectableListModule], exports: [AutoCompleteComponent] }); })();
 
 const DATEPICKER_ERROR_LABELS = new InjectionToken('errorLabels');
 const DATEPICKER_DEFAULT_ERROR_LABELS = {
@@ -510,7 +438,6 @@ const DATEPICKER_DEFAULT_ERROR_LABELS = {
     ERRORS_INVALID_RANGE: 'INVALID_RANGE',
 };
 const DATEPICKER_SEPARATOR_CHAR = '/';
-const DATEPICKER_DATE_MASK = `99${DATEPICKER_SEPARATOR_CHAR}99${DATEPICKER_SEPARATOR_CHAR}9999`;
 
 function DatepickerComponent_aui_icon_7_Template(rf, ctx) {
     if (rf & 1) {
@@ -554,7 +481,6 @@ class DatepickerComponent {
         this.placeholder = 'dd/mm/yyyy';
         // eslint-disable-next-line @angular-eslint/no-output-native
         this.blur = new EventEmitter();
-        this.dateMask = { mask: DATEPICKER_DATE_MASK, showMaskOnHover: false };
         this.isDisabled = false;
         this.componentDestroyed$ = new Subject();
         this.onChange = () => undefined;
@@ -1224,7 +1150,7 @@ function SearchFilterComponent_button_8_Template(rf, ctx) {
     if (rf & 2) {
         const ctx_r0 = i0.ɵɵnextContext();
         i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction2(2, _c0$4, ctx_r0.size === "large", ctx_r0.size === "small"));
-        i0.ɵɵattribute("disabled", ctx_r0.isDisabled ? "" : null);
+        i0.ɵɵattribute("disabled", ctx_r0.isDisabled || ctx_r0.closeDisabled ? "" : null);
     }
 }
 function SearchFilterComponent_aui_icon_9_Template(rf, ctx) {
@@ -1309,7 +1235,6 @@ class SearchFilterComponent {
         this.labelResults = 'Resultaten';
         this.labelNoResults = 'Geen resultaten gevonden.';
         this.choices = [];
-        this.placeholder = 'Zoeken';
         this.inputDelay = 150;
         this.onSelect = () => { };
         this.onClear = () => { };
@@ -1320,6 +1245,7 @@ class SearchFilterComponent {
         this.filteredChoices = [];
         this.loading = false;
         this.isDisabled = false;
+        this.closeDisabled = false;
         this.updateModel = () => { };
         this.filterDataFromSearch = debounce(this.filterData.bind(this), this.inputDelay);
     }
@@ -1382,11 +1308,18 @@ class SearchFilterComponent {
         return ((_a = this.filteredChoices) === null || _a === void 0 ? void 0 : _a.length) && ((_b = this.query) === null || _b === void 0 ? void 0 : _b.length) > 1;
     }
     getSelectedLabels() {
-        return this.selectedItems.length ? this.selectedItems.map((el) => el).join(', ') : null;
+        if (!this.selectedItems.length) {
+            this.closeDisabled = true;
+            return null;
+        }
+        else {
+            this.closeDisabled = false;
+            return this.selectedItems.map((el) => el).join(', ');
+        }
     }
 }
 /** @nocollapse */ SearchFilterComponent.ɵfac = function SearchFilterComponent_Factory(t) { return new (t || SearchFilterComponent)(); };
-/** @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", placeholder: "placeholder", inputDelay: "inputDelay", onSelect: "onSelect", onClear: "onClear", size: "size" }, outputs: { search: "search" }, features: [i0.ɵɵProvidersFeature([
+/** @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([
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef((() => SearchFilterComponent)),
@@ -1398,7 +1331,7 @@ class SearchFilterComponent {
             i0.ɵɵtext(3);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(4, "small", 3);
-            i0.ɵɵtext(5, "Input description");
+            i0.ɵɵtext(5);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(6, "div", 4)(7, "input", 5);
             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; });
@@ -1422,12 +1355,14 @@ class SearchFilterComponent {
             i0.ɵɵtextInterpolate(ctx.label);
             i0.ɵɵadvance(1);
             i0.ɵɵpropertyInterpolate("id", ctx.id + "-description");
-            i0.ɵɵadvance(3);
+            i0.ɵɵadvance(1);
+            i0.ɵɵtextInterpolate(ctx.description);
+            i0.ɵɵadvance(2);
             i0.ɵɵpropertyInterpolate("id", ctx.id + "-search");
             i0.ɵɵpropertyInterpolate("name", ctx.name + "-search");
             i0.ɵɵpropertyInterpolate("value", ctx.getSelectedLabels());
             i0.ɵɵproperty("ngModel", ctx.query);
-            i0.ɵɵattribute("aria-labelledby", ctx.id + "-label")("placeholder", ctx.placeholder)("disabled", ctx.isDisabled ? "" : null);
+            i0.ɵɵattribute("aria-labelledby", ctx.id + "-label")("disabled", ctx.isDisabled ? "" : null);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.hasClose);
             i0.ɵɵadvance(1);
@@ -1449,7 +1384,7 @@ class SearchFilterComponent {
                             useExisting: forwardRef((() => SearchFilterComponent)),
                             multi: true,
                         },
-                    ], 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' }}\">Input 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.placeholder]=\"placeholder\"\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 ? '' : 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"] }]
+                    ], 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"] }]
         }], function () { return []; }, { id: [{
                 type: Input
             }], name: [{
@@ -1472,8 +1407,6 @@ class SearchFilterComponent {
                 type: Input
             }], remote: [{
                 type: Input
-            }], placeholder: [{
-                type: Input
             }], inputDelay: [{
                 type: Input
             }], onSelect: [{
@@ -2587,5 +2520,5 @@ class UploadModule {
  * Generated bundle index. Do not edit.
  */
 
-export { AutoCompleteComponent, AutoCompleteModule, DATEPICKER_DEFAULT_ERROR_LABELS, DATEPICKER_ERROR_LABELS, DATEPICKER_SEPARATOR_CHAR, DatepickerComponent, DatepickerModule, MaskDirective, MaskModule, RangeSliderComponent, RangeSliderModule, SearchFilterComponent, SearchFilterModule, TimePickerValidators, TimepickerComponent, TimepickerInputSize, TimepickerModule, UPLOAD_OPTIONS_DEFAULT, UPLOAD_VALIDATION_MESSAGES, UploadComponent, UploadInputComponent, UploadModule, UploadQueueComponent, UploadZoneComponent, Uploader, ValidationListComponent, ValidationMessagesService };
+export { AutoCompleteComponent, AutoCompleteModule, DATEPICKER_DEFAULT_ERROR_LABELS, DATEPICKER_ERROR_LABELS, DATEPICKER_SEPARATOR_CHAR, DatepickerComponent, DatepickerModule, RangeSliderComponent, RangeSliderModule, SearchFilterComponent, SearchFilterModule, TimePickerValidators, TimepickerComponent, TimepickerInputSize, TimepickerModule, UPLOAD_OPTIONS_DEFAULT, UPLOAD_VALIDATION_MESSAGES, UploadComponent, UploadInputComponent, UploadModule, UploadQueueComponent, UploadZoneComponent, Uploader, ValidationListComponent, ValidationMessagesService };
 //# sourceMappingURL=acpaas-ui-ngx-forms.mjs.map