@acpaas-ui/ngx-forms 5.4.0 → 6.0.0-beta.1

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

@@ -1,3079 +0,0 @@
-import { Directive, ElementRef, Input, NgModule, Injectable, EventEmitter, Component, forwardRef, Output, ViewChild, ContentChild, TemplateRef, InjectionToken, ChangeDetectionStrategy, Inject, ChangeDetectorRef, HostBinding, HostListener, Renderer2 } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { NG_VALUE_ACCESSOR, FormsModule, NG_VALIDATORS, FormBuilder, ReactiveFormsModule, FormControl } from '@angular/forms';
-import { FlyoutDirective, FlyoutZoneDirective, FlyoutModule, FlyoutSize } from '@acpaas-ui/ngx-flyout';
-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 { CALENDAR_DEFAULT_MONTH_LABELS, CALENDAR_DEFAULT_WEEKDAY_LABELS, CALENDAR_MONTH_LABELS, CALENDAR_WEEKDAY_LABELS, CalendarService, CalendarModule } from '@acpaas-ui/ngx-calendar';
-import { IntervalBuilder } from '@acpaas-ui/ngx-utils';
-import { IconModule } from '@acpaas-ui/ngx-icon';
-import { ProgressBarModule } from '@acpaas-ui/ngx-progress-bar';
-import { CKEditorModule } from 'ng2-ckeditor';
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/mask/directives/mask.directive.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class MaskDirective {
-    /**
-     * @param {?} ref
-     */
-    constructor(ref) {
-        this.ref = ref;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnChanges() {
-        this.setMask(this.auiMask);
-    }
-    /**
-     * @private
-     * @param {?} mask
-     * @return {?}
-     */
-    setMask(mask) {
-        Inputmask(mask).mask(this.ref.nativeElement);
-    }
-}
-MaskDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[auiMask]',
-            },] }
-];
-/** @nocollapse */
-MaskDirective.ctorParameters = () => [
-    { type: ElementRef }
-];
-MaskDirective.propDecorators = {
-    auiMask: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    MaskDirective.prototype.auiMask;
-    /**
-     * @type {?}
-     * @private
-     */
-    MaskDirective.prototype.ref;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/mask/mask.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class MaskModule {
-}
-MaskModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                ],
-                declarations: [
-                    MaskDirective,
-                ],
-                exports: [
-                    MaskDirective,
-                ],
-                providers: [],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/shared/services/search.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class SearchService {
-    constructor() {
-        this.matchItemWithSearchString = (/**
-         * @param {?} item
-         * @param {?} searchString
-         * @return {?}
-         */
-        (item, searchString) => {
-            return String(item).toLowerCase().indexOf(searchString.toLowerCase()) > -1;
-        });
-    }
-    /**
-     * @param {?} data
-     * @param {?=} options
-     * @return {?}
-     */
-    search(data, options = {}) {
-        /** @type {?} */
-        const query = options.hasOwnProperty('query') ? options.query : '';
-        /** @type {?} */
-        const minLength = options.hasOwnProperty('minLength') ? options.minLength : 0;
-        /** @type {?} */
-        const key = options.hasOwnProperty('key') ? options.key : '';
-        if ((!query && options.showAllByDefault) || query.length < minLength) {
-            return [...data];
-        }
-        return [...data].filter((/**
-         * @param {?} item
-         * @return {?}
-         */
-        item => {
-            if (key && !item.hasOwnProperty(key)) {
-                return console.error(`"${key}" does not exist in item ${JSON.stringify(item, null, 2)}`);
-            }
-            if (key) {
-                return this.matchItemWithSearchString(item[key], query);
-            }
-            return this.matchItemWithSearchString(item, query);
-        }));
-    }
-}
-SearchService.decorators = [
-    { type: Injectable }
-];
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    SearchService.prototype.matchItemWithSearchString;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/auto-complete/components/auto-complete/auto-complete.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class AutoCompleteComponent {
-    /**
-     * @param {?} ref
-     * @param {?} searchService
-     */
-    constructor(ref, searchService) {
-        this.ref = ref;
-        this.searchService = searchService;
-        this.results = []; // The values for the selectable list
-        // The values for the selectable list
-        this.data = []; // The values to search in when remote search is disabled
-        // The values to search in when remote search is disabled
-        this.remote = false; // Disable or enamble remote search
-        // Disable or enamble remote search
-        this.minCharacters = 0;
-        this.mask = null;
-        this.clearInvalid = false;
-        this.showAllByDefault = false;
-        this.autoComplete = 'off';
-        // Eventemitter for searchvalue (parent object should update the results with this param)
-        this.search = new EventEmitter();
-        this.select = new EventEmitter();
-        this.query = '';
-        this.index = -1; // index for active element in selectable list, by default -1 (so it starts in the input field)
-        // index for active element in selectable list, by default -1 (so it starts in the input field)
-        this.selectedItem = null; // keep a backup of the selectedItem
-        // keep a backup of the selectedItem
-        this.searching = false; // track remote search state
-        // track remote search state
-        this.focused = false;
-        this.isDisabled = false;
-        this.remoteValue = false;
-        this.updateModel = (/**
-         * @param {?} _
-         * @return {?}
-         */
-        (_) => {
-        });
-    }
-    // CONTROL_VALUE_ACCESSOR interface
-    /**
-     * @param {?=} value
-     * @return {?}
-     */
-    writeValue(value = '') {
-        if (this.value) {
-            /** @type {?} */
-            const selected = this.data.find((/**
-             * @param {?} item
-             * @return {?}
-             */
-            (item) => item[this.value] === value));
-            if (selected) {
-                return this.query = selected[this.label];
-            }
-            if (this.remote && !!value) {
-                this.remoteValue = true;
-            }
-        }
-        this.query = value;
-    }
-    // CONTROL_VALUE_ACCESSOR interface
-    /**
-     * @param {?} fn
-     * @return {?}
-     */
-    registerOnChange(fn) {
-        this.updateModel = fn;
-    }
-    // CONTROL_VALUE_ACCESSOR interface
-    /**
-     * @return {?}
-     */
-    registerOnTouched() {
-    }
-    /**
-     * @param {?} isDisabled
-     * @return {?}
-     */
-    setDisabledState(isDisabled) {
-        this.isDisabled = isDisabled;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        if ((Array.isArray(this.data) && this.data.length > 0) && !this.query && this.showAllByDefault) {
-            this.results = [...this.data];
-        }
-    }
-    // OnChanges interface
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
-    ngOnChanges(changes) {
-        if (!changes) {
-            return;
-        }
-        /** @type {?} */
-        const newData = get(changes, 'data.currentValue', []);
-        if (!isEqual(newData, get(changes, 'data.previousValue', []))) {
-            if (this.remote) {
-                this.remoteSearch();
-            }
-            else {
-                this.localSearch();
-            }
-        }
-        if (changes.results && changes.results.currentValue) {
-            this.searching = false;
-        }
-    }
-    /**
-     * @param {?} item
-     * @return {?}
-     */
-    propagateChange(item) {
-        this.query = item !== null ? (this.label ? item[this.label] : item) : '';
-        this.select.emit(item);
-        if (!item) {
-            return;
-        }
-        /** @type {?} */
-        const key = this.value ? this.value : this.label ? this.label : null;
-        this.updateModel(key ? item[key] || '' : item);
-        this.selectedItem = item;
-    }
-    /**
-     * triggers on input value change
-     * @return {?}
-     */
-    doSearch() {
-        this.index = -1; // reset index
-        this.searching = true;
-        if (this.remote) {
-            this.search.emit(this.query); // ask for new remote data
-        }
-        else {
-            this.localSearch();
-        }
-        this.openFlyout(); // open the flyout when there is a change
-    }
-    /**
-     * triggers on selectable-list:select -> onClick event in selectable-list
-     * @param {?} item
-     * @return {?}
-     */
-    onSelect(item) {
-        this.propagateChange(item);
-        this.closeFlyout(); // Close the flyout manually
-    }
-    /**
-     * @return {?}
-     */
-    onFlyoutClosed() {
-        // there is only 1 result, select it
-        if (this.index >= 0 && this.results.length === 1) {
-            return this.onSelect(this.results[0]);
-        }
-        // there is no query nor selected item, clear the selected item
-        if (!this.query && this.index < 0) {
-            return this.onSelect(null);
-        }
-        // reset the query for an invalid query if clearInvalid is true
-        if (this.clearInvalid && this.query && !this.results.length && this.index < 0) {
-            this.query = this.selectedItem ? this.label ? this.selectedItem[this.label] : this.selectedItem : '';
-        }
-    }
-    /**
-     * @return {?}
-     */
-    onKeyArrowDown() {
-        if (this.index < this.results.length - 1) {
-            this.scrollList(1);
-        }
-        this.openFlyout();
-    }
-    /**
-     * @return {?}
-     */
-    onKeyArrowUp() {
-        if (this.index >= 0) {
-            this.scrollList(-1);
-        }
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    onKeyEnter(event) {
-        event.preventDefault(); // Do not submit form when selecting an item.
-        // Do not submit form when selecting an item.
-        /** @type {?} */
-        const query = this.index >= 0 ? this.results[this.index] : this.query;
-        this.propagateChange(query);
-        this.closeFlyout();
-    }
-    /**
-     * @return {?}
-     */
-    onKeyEscape() {
-        this.closeFlyout();
-    }
-    /**
-     * @return {?}
-     */
-    onFocus() {
-        this.focused = true;
-        this.openFlyout();
-    }
-    /**
-     * @return {?}
-     */
-    openFlyout() {
-        if (this.flyout) {
-            this.flyout.open();
-        }
-    }
-    /**
-     * @return {?}
-     */
-    closeFlyout() {
-        if (this.flyout) {
-            this.flyout.close();
-        }
-        this.focused = false;
-    }
-    /**
-     * @return {?}
-     */
-    localSearch() {
-        this.results = this.searchService.search(this.data, {
-            minLength: this.minCharacters,
-            key: this.label,
-            query: this.query,
-            showAllByDefault: this.showAllByDefault,
-        });
-        if (this.results.length === 1 && this.query === this.results[0][this.label]) {
-            this.index = 0;
-        }
-        this.searching = false;
-    }
-    /**
-     * @return {?}
-     */
-    remoteSearch() {
-        if (!this.remoteValue || !this.data) {
-            return;
-        }
-        /** @type {?} */
-        const selected = this.data.find((/**
-         * @param {?} item
-         * @return {?}
-         */
-        (item) => {
-            if (this.value) {
-                return item[this.value] === this.query;
-            }
-            return item === this.query;
-        }));
-        if (selected) {
-            this.query = this.label ? selected[this.label] : selected;
-        }
-        else {
-            this.query = '';
-        }
-        this.remoteValue = false;
-    }
-    /**
-     * @param {?} factor
-     * @return {?}
-     */
-    scrollList(factor) {
-        this.index += factor;
-        if (!this.flyoutZone) {
-            return;
-        }
-        /** @type {?} */
-        const liItems = this.flyoutZone.element.getElementsByTagName('li');
-        /** @type {?} */
-        const liHeight = (liItems[1] ? liItems[1].offsetHeight : liItems[0].offsetHeight);
-        /** @type {?} */
-        const zoneHeight = this.flyoutZone.element.offsetHeight;
-        /** @type {?} */
-        const offset = (zoneHeight / liHeight) / 2;
-        this.flyoutZone.element.scrollTop = (this.index * liHeight) - (offset * liHeight);
-    }
-}
-AutoCompleteComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-auto-complete',
-                template: "<div (closed)=\"onFlyoutClosed()\" [toggleClick]=\"false\" aria-haspopup=\"listbox\"\n     auiFlyout class=\"m-flyout--scrollable m-flyout--full o-auto-complete\">\n  <input (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  />\n  <input (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  />\n\n  <div *ngIf=\"!isDisabled\" auiFlyoutZone>\n\t\t<span *ngIf=\"focused && loadingText && searching\" class=\"o-auto-complete__info u-text-light u-margin-xs\">\n\t\t\t<span class=\"a-spinner a-spinner--inline a-spinner--sm u-margin-right-xs\"></span>\n      {{ loadingText }}\n\t\t</span>\n    <span *ngIf=\"focused && searchIncentiveText && !searching && !query && !results.length\"\n          class=\"o-auto-complete__info u-text-light u-margin-xs\">{{ searchIncentiveText }}</span>\n    <span *ngIf=\"focused && noResultsText && !searching && query && !results.length\"\n          class=\"o-auto-complete__info u-text-light u-margin-xs\">{{ noResultsText }}</span>\n\n    <aui-selectable-list (selected)=\"onSelect($event)\" *ngIf=\"results.length > 0 && !(focused && loadingText && searching)\" [index]=\"index\" [itemTemplate]=\"template\"\n                         [items]=\"results\" [label]=\"label\"\n                         [search]=\"query\"></aui-selectable-list>\n  </div>\n</div>\n",
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef((/**
-                         * @return {?}
-                         */
-                        () => AutoCompleteComponent)),
-                        // tslint:disable-line
-                        multi: true,
-                    },
-                ],
-                styles: [".o-auto-complete,.o-auto-complete__info{display:block}"]
-            }] }
-];
-/** @nocollapse */
-AutoCompleteComponent.ctorParameters = () => [
-    { type: ElementRef },
-    { type: SearchService }
-];
-AutoCompleteComponent.propDecorators = {
-    id: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    results: [{ type: Input }],
-    data: [{ type: Input }],
-    remote: [{ type: Input }],
-    minCharacters: [{ type: Input }],
-    mask: [{ type: Input }],
-    clearInvalid: [{ type: Input }],
-    searchIncentiveText: [{ type: Input }],
-    loadingText: [{ type: Input }],
-    noResultsText: [{ type: Input }],
-    showAllByDefault: [{ type: Input }],
-    autoComplete: [{ type: Input }],
-    label: [{ type: Input }],
-    value: [{ type: Input }],
-    search: [{ type: Output }],
-    select: [{ type: Output }],
-    flyout: [{ type: ViewChild, args: [FlyoutDirective, { static: true },] }],
-    flyoutZone: [{ type: ViewChild, args: [FlyoutZoneDirective, { static: true },] }],
-    template: [{ type: ContentChild, args: [TemplateRef, { static: true },] }]
-};
-if (false) {
-    /** @type {?} */
-    AutoCompleteComponent.prototype.id;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.placeholder;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.results;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.data;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.remote;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.minCharacters;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.mask;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.clearInvalid;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.searchIncentiveText;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.loadingText;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.noResultsText;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.showAllByDefault;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.autoComplete;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.label;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.value;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.search;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.select;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.flyout;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.flyoutZone;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.template;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.query;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.index;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.selectedItem;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.searching;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.focused;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.isDisabled;
-    /**
-     * @type {?}
-     * @private
-     */
-    AutoCompleteComponent.prototype.remoteValue;
-    /** @type {?} */
-    AutoCompleteComponent.prototype.updateModel;
-    /**
-     * @type {?}
-     * @private
-     */
-    AutoCompleteComponent.prototype.ref;
-    /**
-     * @type {?}
-     * @private
-     */
-    AutoCompleteComponent.prototype.searchService;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/auto-complete/auto-complete.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class AutoCompleteModule {
-}
-AutoCompleteModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    FlyoutModule,
-                    SelectableListModule,
-                    MaskModule,
-                ],
-                declarations: [
-                    AutoCompleteComponent,
-                ],
-                exports: [
-                    AutoCompleteComponent,
-                ],
-                providers: [
-                    SearchService,
-                ],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/auto-complete/public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/datepicker/datepicker.conf.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-const DATEPICKER_ERROR_LABELS = new InjectionToken('errorLabels');
-/** @type {?} */
-const DATEPICKER_DEFAULT_ERROR_LABELS = {
-    ERRORS_INVALID_DATE: 'INVALID_DATE',
-    ERRORS_INVALID_RANGE: 'INVALID_RANGE',
-};
-/** @type {?} */
-const DATEPICKER_SEPARATOR_CHAR = '/';
-/** @type {?} */
-const DATEPICKER_DATE_MASK = `99${DATEPICKER_SEPARATOR_CHAR}99${DATEPICKER_SEPARATOR_CHAR}9999`;
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/datepicker/components/datepicker/datepicker.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class DatepickerComponent {
-    /**
-     * @param {?=} moduleMonthLabels
-     * @param {?=} moduleWeekdayLabels
-     * @param {?=} errorLabels
-     * @param {?=} calendarService
-     * @param {?=} formBuilder
-     * @param {?=} ref
-     */
-    constructor(moduleMonthLabels = CALENDAR_DEFAULT_MONTH_LABELS, moduleWeekdayLabels = CALENDAR_DEFAULT_WEEKDAY_LABELS, errorLabels = DATEPICKER_DEFAULT_ERROR_LABELS, calendarService, formBuilder, ref) {
-        this.moduleMonthLabels = moduleMonthLabels;
-        this.moduleWeekdayLabels = moduleWeekdayLabels;
-        this.errorLabels = errorLabels;
-        this.calendarService = calendarService;
-        this.formBuilder = formBuilder;
-        this.ref = ref;
-        this.placeholder = 'dd/mm/yyyy';
-        this.blur = new EventEmitter();
-        this.dateMask = { mask: DATEPICKER_DATE_MASK, showMaskOnHover: false };
-        this.isDisabled = false;
-        this.componentDestroyed$ = new Subject();
-        this.onChange = (/**
-         * @return {?}
-         */
-        () => undefined);
-        this.onTouched = (/**
-         * @return {?}
-         */
-        () => undefined);
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.weekdayLabels = this.weekdayLabels || this.moduleWeekdayLabels;
-        this.monthLabels = this.monthLabels || this.moduleMonthLabels;
-        this.createInterval();
-        this.formControl = this.formBuilder.control({ value: '', disabled: this.isDisabled });
-        this.formControl.valueChanges
-            .pipe(takeUntil(this.componentDestroyed$))
-            .subscribe((/**
-         * @param {?} value
-         * @return {?}
-         */
-        (value) => {
-            if (value) {
-                /** @type {?} */
-                const format = value.split(DATEPICKER_SEPARATOR_CHAR).reverse().join('-');
-                /** @type {?} */
-                const date = DateHelper.parseDate(format, 'yyyy-MM-dd');
-                if (date) {
-                    this.selectedDate = date;
-                    this.onChange(date.toISOString());
-                }
-                else {
-                    // Change value with original value (and not null or '') so we can add an error in the validate function
-                    this.onChange(value);
-                }
-            }
-            else {
-                this.selectedDate = null;
-                this.onChange('');
-            }
-        }));
-    }
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
-    ngOnChanges(changes) {
-        if (changes.min || changes.max) {
-            this.createInterval();
-        }
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.componentDestroyed$.next(true);
-        this.componentDestroyed$.complete();
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    createInterval() {
-        if (!this.min && !this.max) {
-            return;
-        }
-        // Create an interval if min/max is filled in
-        this.interval = IntervalBuilder.dateInterval(this.min ? new Date(this.min) : null, this.max ? new Date(this.max) : null)
-            .not()
-            .build();
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-        this.selectedDate = typeof value === 'string'
-            ? this.isISODateFormat(value) ? new Date(value) : DateHelper.parseDate(value, 'dd/MM/yyyy')
-            : value;
-        /** @type {?} */
-        const dateString = this.selectedDate ? this.formatDate(this.selectedDate) : '';
-        this.formControl.setValue(dateString);
-    }
-    /**
-     * @param {?} onChange
-     * @return {?}
-     */
-    registerOnChange(onChange) {
-        this.onChange = onChange;
-    }
-    /**
-     * @param {?} onTouched
-     * @return {?}
-     */
-    registerOnTouched(onTouched) {
-        this.onTouched = onTouched;
-    }
-    /**
-     * @param {?} isDisabled
-     * @return {?}
-     */
-    setDisabledState(isDisabled) {
-        this.isDisabled = isDisabled;
-        if (this.formControl) {
-            if (isDisabled && this.formControl.enabled) {
-                this.formControl.disable();
-            }
-            else if (!isDisabled && this.formControl.disabled) {
-                this.formControl.enable();
-            }
-        }
-        this.ref.markForCheck();
-    }
-    /**
-     * @param {?} result
-     * @return {?}
-     */
-    selectDateFromCalendar(result) {
-        if (result.complete) {
-            this.formControl.setValue(this.formatDate(result.date));
-            this.flyout.close();
-        }
-    }
-    /**
-     * @param {?} date
-     * @return {?}
-     */
-    formatDate(date) {
-        return DateHelper.formatDate(date, 'DD/MM/YYYY', {
-            leadingZero: true,
-            monthLabels: this.monthLabels,
-            weekdayLabels: this.weekdayLabels,
-        });
-    }
-    /**
-     * @param {?} ctrl
-     * @return {?}
-     */
-    validate(ctrl) {
-        // no error on empty value (add required validator in app)
-        if (ctrl.value === '' || ctrl.value === null) {
-            return null;
-        }
-        // throw format error if no valid date was provided
-        /** @type {?} */
-        const date = DateHelper.parseDate(ctrl.value);
-        if (!date) {
-            return {
-                format: this.errorLabels.ERRORS_INVALID_DATE,
-            };
-        }
-        // no error if valid date an no range provided
-        if (!this.range || !this.range.length) {
-            return null;
-        }
-        // throw error when out of range
-        /** @type {?} */
-        const range = this.calendarService.getRangeForDate(date, this.range);
-        return range.indexOf(date.getDate()) >= 0 ? {
-            range: this.errorLabels.ERRORS_INVALID_RANGE,
-        } : null;
-    }
-    /**
-     * @param {?} e
-     * @return {?}
-     */
-    handleBlur(e) {
-        this.blur.emit(e);
-        this.onTouched(e);
-    }
-    /**
-     * @private
-     * @param {?} value
-     * @return {?}
-     */
-    isISODateFormat(value) {
-        if (typeof value !== 'string') {
-            return false;
-        }
-        return value.match(/\d{4}-\d{2}-\d{2}T.*/);
-    }
-}
-DatepickerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-datepicker',
-                template: "<div aria-haspopup=\"grid\" auiFlyout class=\"aui-datepicker a-input__wrapper\">\n  <input\n    (blur)=\"handleBlur($event)\"\n    [attr.disabled]=\"isDisabled ? true : null\"\n    [auiMask]=\"dateMask.mask\"\n    [autocomplete]=\"autocomplete\"\n    [formControl]=\"formControl\"\n    id=\"{{ id }}\"\n    name=\"{{ name }}\"\n    placeholder=\"{{ placeholder }}\"\n    type=\"text\"\n  >\n  <aui-icon *ngIf=\"isDisabled\" name=\"ai-calendar-3\" role=\"button\" tabindex=\"0\"></aui-icon>\n\n  <ng-container *ngIf=\"!isDisabled\">\n    <aui-icon auiFlyoutAction [openOnFocus]=\"false\" name=\"ai-calendar-3\" className=\"is-clickable\" role=\"button\" tabindex=\"0\"></aui-icon>\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",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [{
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef((/**
-                         * @return {?}
-                         */
-                        () => DatepickerComponent)),
-                        // tslint:disable-line:no-forward-ref
-                        multi: true,
-                    }, {
-                        provide: NG_VALIDATORS,
-                        useExisting: forwardRef((/**
-                         * @return {?}
-                         */
-                        () => DatepickerComponent)),
-                        // tslint:disable-line:no-forward-ref
-                        multi: true,
-                    }],
-                styles: [".aui-datepicker,:host{display:block}"]
-            }] }
-];
-/** @nocollapse */
-DatepickerComponent.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [CALENDAR_MONTH_LABELS,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [CALENDAR_WEEKDAY_LABELS,] }] },
-    { type: undefined, decorators: [{ type: Inject, args: [DATEPICKER_ERROR_LABELS,] }] },
-    { type: CalendarService },
-    { type: FormBuilder },
-    { type: ChangeDetectorRef }
-];
-DatepickerComponent.propDecorators = {
-    flyout: [{ type: ViewChild, args: [FlyoutDirective, { static: true },] }],
-    id: [{ type: Input }],
-    name: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    range: [{ type: Input }],
-    min: [{ type: Input }],
-    max: [{ type: Input }],
-    autocomplete: [{ type: Input }],
-    weekdayLabels: [{ type: Input }],
-    monthLabels: [{ type: Input }],
-    blur: [{ type: Output }]
-};
-if (false) {
-    /** @type {?} */
-    DatepickerComponent.prototype.flyout;
-    /** @type {?} */
-    DatepickerComponent.prototype.id;
-    /** @type {?} */
-    DatepickerComponent.prototype.name;
-    /** @type {?} */
-    DatepickerComponent.prototype.placeholder;
-    /** @type {?} */
-    DatepickerComponent.prototype.range;
-    /** @type {?} */
-    DatepickerComponent.prototype.min;
-    /** @type {?} */
-    DatepickerComponent.prototype.max;
-    /** @type {?} */
-    DatepickerComponent.prototype.autocomplete;
-    /** @type {?} */
-    DatepickerComponent.prototype.weekdayLabels;
-    /** @type {?} */
-    DatepickerComponent.prototype.monthLabels;
-    /** @type {?} */
-    DatepickerComponent.prototype.blur;
-    /** @type {?} */
-    DatepickerComponent.prototype.dateMask;
-    /** @type {?} */
-    DatepickerComponent.prototype.formControl;
-    /** @type {?} */
-    DatepickerComponent.prototype.selectedDate;
-    /** @type {?} */
-    DatepickerComponent.prototype.isDisabled;
-    /** @type {?} */
-    DatepickerComponent.prototype.interval;
-    /**
-     * @type {?}
-     * @private
-     */
-    DatepickerComponent.prototype.componentDestroyed$;
-    /**
-     * @type {?}
-     * @private
-     */
-    DatepickerComponent.prototype.onChange;
-    /**
-     * @type {?}
-     * @private
-     */
-    DatepickerComponent.prototype.onTouched;
-    /**
-     * @type {?}
-     * @private
-     */
-    DatepickerComponent.prototype.moduleMonthLabels;
-    /**
-     * @type {?}
-     * @private
-     */
-    DatepickerComponent.prototype.moduleWeekdayLabels;
-    /**
-     * @type {?}
-     * @private
-     */
-    DatepickerComponent.prototype.errorLabels;
-    /** @type {?} */
-    DatepickerComponent.prototype.calendarService;
-    /**
-     * @type {?}
-     * @private
-     */
-    DatepickerComponent.prototype.formBuilder;
-    /**
-     * @type {?}
-     * @private
-     */
-    DatepickerComponent.prototype.ref;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/datepicker/datepicker.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-const ɵ0 = CALENDAR_DEFAULT_WEEKDAY_LABELS, ɵ1 = CALENDAR_DEFAULT_MONTH_LABELS, ɵ2 = DATEPICKER_DEFAULT_ERROR_LABELS;
-class DatepickerModule {
-    /**
-     * @param {?} weekdayLabels
-     * @param {?} monthLabels
-     * @param {?} errorLabels
-     * @return {?}
-     */
-    static forChild(weekdayLabels, monthLabels, errorLabels) {
-        return {
-            ngModule: DatepickerModule,
-            providers: [
-                { provide: CALENDAR_WEEKDAY_LABELS, useValue: weekdayLabels },
-                { provide: CALENDAR_MONTH_LABELS, useValue: monthLabels },
-                { provide: DATEPICKER_ERROR_LABELS, useValue: errorLabels },
-            ],
-        };
-    }
-}
-DatepickerModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    CalendarModule,
-                    IconModule,
-                    FlyoutModule,
-                    MaskModule,
-                ],
-                declarations: [
-                    DatepickerComponent,
-                ],
-                exports: [
-                    DatepickerComponent,
-                ],
-                providers: [
-                    { provide: CALENDAR_WEEKDAY_LABELS, useValue: ɵ0 },
-                    { provide: CALENDAR_MONTH_LABELS, useValue: ɵ1 },
-                    { provide: DATEPICKER_ERROR_LABELS, useValue: ɵ2 },
-                ],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/datepicker/public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/mask/public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/range-slider/components/range-slider/range-slider.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class RangeSliderComponent {
-    /**
-     * @param {?} elRef
-     */
-    constructor(elRef) {
-        this.elRef = elRef;
-        this.coreBranding = true;
-        this.min = 0;
-        this.max = 100;
-        this.minimalDistance = 1;
-        this.step = 0;
-        this.labelBefore = '';
-        this.labelAfter = '';
-        this.start = 0;
-        this.end = false;
-        this.steps = [];
-        this.active = null;
-        this.isDisabled = false;
-        this.hasFocus = false;
-        this.click = false;
-        this.propagateChange = (/**
-         * @param {?} value
-         * @return {?}
-         */
-        (value) => {
-        });
-    }
-    /**
-     * @return {?}
-     */
-    get disabledClass() {
-        return this.isDisabled;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        if (this.step > 0) {
-            for (let i = 0; i <= this.max; i += Number(this.step)) {
-                this.steps.push(i);
-            }
-        }
-        this.startPercentage = this.startToPercentage();
-        if (this.end) {
-            this.endPercentage = this.endToPercentage();
-        }
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-        if (value && value.start) {
-            this.start = value.start;
-        }
-        else if (!isNaN(value) && value !== '') {
-            this.start = Number(value);
-        }
-        else {
-            this.setStart(Number(this.min));
-        }
-        this.startPercentage = this.startToPercentage();
-        if (value && value.end) {
-            this.end = value.end;
-            this.endPercentage = this.endToPercentage();
-        }
-    }
-    /**
-     * @return {?}
-     */
-    registerOnTouched() {
-    }
-    /**
-     * @param {?} fn
-     * @return {?}
-     */
-    registerOnChange(fn) {
-        this.propagateChange = fn;
-    }
-    /**
-     * @param {?} isDisabled
-     * @return {?}
-     */
-    setDisabledState(isDisabled) {
-        this.isDisabled = isDisabled;
-    }
-    /**
-     * @param {?} handle
-     * @return {?}
-     */
-    onMouseDown(handle) {
-        if (this.isDisabled) {
-            return;
-        }
-        this.hasFocus = true;
-        this.active = handle;
-    }
-    /**
-     * @param {?} hasFocus
-     * @param {?} element
-     * @param {?} $event
-     * @return {?}
-     */
-    toggleFocus(hasFocus, element, $event) {
-        if (this.isDisabled) {
-            return;
-        }
-        $event.preventDefault();
-        this.hasFocus = hasFocus;
-        this.active = element;
-    }
-    /**
-     * @param {?} $event
-     * @return {?}
-     */
-    onKeyDown($event) {
-        if (!this.hasFocus) {
-            return;
-        }
-        /** @type {?} */
-        const key = $event.keyCode;
-        /** @type {?} */
-        const keyCodes = {
-            end: 35,
-            home: 36,
-            left: 37,
-            up: 38,
-            right: 39,
-            down: 40,
-        };
-        if (Object.keys(keyCodes).map((/**
-         * @param {?} e
-         * @return {?}
-         */
-        e => keyCodes[e])).indexOf(key) === -1) {
-            return;
-        }
-        /** @type {?} */
-        let increment = this.minimalDistance;
-        if (this.step > 0) {
-            increment = Number(this.step);
-        }
-        /** @type {?} */
-        const processValue = (/**
-         * @param {?} dir
-         * @return {?}
-         */
-        (dir) => {
-            /** @type {?} */
-            let newValue = (this.active === 'start' ? this.start : Number(this.end));
-            if (dir === 'up') {
-                newValue += increment;
-            }
-            else {
-                newValue -= increment;
-            }
-            /** @type {?} */
-            let newPercentage = (newValue - this.min) / (this.max - this.min) * 100;
-            if (newPercentage > 100) {
-                newPercentage = 100;
-            }
-            if (newPercentage < 0) {
-                newPercentage = 0;
-            }
-            return newPercentage;
-        });
-        switch (key) {
-            case keyCodes.right:
-            case keyCodes.up:
-                this.updateHandle(processValue('up'));
-                $event.preventDefault();
-                break;
-            case keyCodes.left:
-            case keyCodes.down:
-                this.updateHandle(processValue('down'));
-                $event.preventDefault();
-                break;
-            case keyCodes.end:
-                this.updateHandle(100);
-                $event.preventDefault();
-                break;
-            case keyCodes.home:
-                this.updateHandle(0);
-                $event.preventDefault();
-                break;
-        }
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    onMouseUp(event) {
-        if (this.active === 'start') {
-            this.setStart(this.round(this.start, this.step, 0));
-            this.startPercentage = this.startToPercentage();
-        }
-        if (this.active === 'end') {
-            this.setEnd(this.round(this.end, this.step, 0));
-            this.endPercentage = this.endToPercentage();
-        }
-        this.click = false;
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    mouseDown(event) {
-        this.click = true;
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    onMouseMove(event) {
-        if (!this.active || !this.click) {
-            return;
-        }
-        event.preventDefault(); // Do not select text while sliding
-        // Do not select text while sliding
-        /** @type {?} */
-        const x = ((/** @type {?} */ (event))).x !== undefined ? ((/** @type {?} */ (event))).x : ((/** @type {?} */ (event))).targetTouches[0].pageX;
-        /** @type {?} */
-        const rect = this.elRef.nativeElement.getBoundingClientRect();
-        /** @type {?} */
-        const newPercentage = this.calcPercentage(x, rect.width, rect.left);
-        this.updateHandle(newPercentage);
-    }
-    /**
-     * @param {?} newPercentage
-     * @return {?}
-     */
-    updateHandle(newPercentage) {
-        if (this.active === 'start') {
-            this.startPercentage = newPercentage;
-            this.setStart(this.percentageToStart());
-            if (this.minimalDistanceNotRespected()) {
-                this.setStart(Number(this.end) - Number(this.minimalDistance));
-                this.startPercentage = this.startToPercentage();
-            }
-        }
-        if (this.active === 'end' && this.endPercentage) {
-            this.endPercentage = newPercentage;
-            this.setEnd(this.percentageToEnd());
-            if (this.minimalDistanceNotRespected()) {
-                this.setEnd(Number(this.start) + Number(this.minimalDistance));
-                this.endPercentage = this.endToPercentage();
-            }
-        }
-    }
-    // ---------- HELPERS ---------- //
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    setStart(value) {
-        this.start = value;
-        if (this.end) {
-            this.propagateChange((/** @type {?} */ ({
-                start: this.start,
-                end: this.end,
-            })));
-        }
-        else {
-            this.propagateChange(this.start);
-        }
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    setEnd(value) {
-        this.end = value;
-        this.propagateChange((/** @type {?} */ ({
-            start: this.start,
-            end: this.end,
-        })));
-    }
-    /**
-     * @param {?} n
-     * @param {?} increment
-     * @param {?} offset
-     * @return {?}
-     */
-    round(n, increment, offset) {
-        if (increment > 0) {
-            return Math.round((n - offset) / increment) * increment + offset;
-        }
-        return n;
-    }
-    /**
-     * @return {?}
-     */
-    startToPercentage() {
-        return Math.round((this.start - this.min) / (this.max - this.min) * 100);
-    }
-    /**
-     * @return {?}
-     */
-    percentageToStart() {
-        return Math.round((this.startPercentage / 100) * (this.max - this.min) + Number(this.min));
-    }
-    /**
-     * @return {?}
-     */
-    endToPercentage() {
-        return Math.round((Number(this.end) - this.min) / (this.max - this.min) * 100);
-    }
-    /**
-     * @return {?}
-     */
-    percentageToEnd() {
-        return Math.round((this.endPercentage / 100) * (this.max - this.min) + Number(this.min));
-    }
-    /**
-     * @return {?}
-     */
-    minimalDistanceNotRespected() {
-        return this.minimalDistance >= 0 && this.end && this.start > Number(this.end) - this.minimalDistance;
-    }
-    /**
-     * @param {?} mouseX
-     * @param {?} width
-     * @param {?} offsetLeft
-     * @return {?}
-     */
-    calcPercentage(mouseX, width, offsetLeft) {
-        /** @type {?} */
-        const mousePos = mouseX - offsetLeft;
-        /** @type {?} */
-        let newPercentage = Math.round((mousePos / width) * 100);
-        if (newPercentage > 100) {
-            newPercentage = 100;
-        }
-        if (newPercentage < 0) {
-            newPercentage = 0;
-        }
-        return newPercentage;
-    }
-}
-RangeSliderComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-range-slider',
-                template: "<div class=\"m-range-slider__inner\">\n  <div\n    [style.left]=\"endPercentage ? startPercentage + '%' : false\"\n    [style.width]=\"endPercentage ? endPercentage - startPercentage + '%' : startPercentage + '%'\"\n    class=\"m-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=\"m-range-slider__handle\"\n    tabindex=\"0\"\n  >\n\t\t<div class=\"m-range-slider__tooltip a-tooltip a-tooltip--primary a-tooltip--top\">\n\t\t\t<p>{{ labelBefore }}{{ start }}{{ labelAfter }}</p>\n\t\t</div>\n\t</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=\"m-range-slider__handle\"\n    name=\"m-range-slider__handle__end\"\n    tabindex=\"0\"\n  >\n\t\t<div class=\"m-range-slider__tooltip a-tooltip a-tooltip--primary a-tooltip--top\">\n\t\t\t<p>{{ labelBefore }}{{ end }}{{ labelAfter }}</p>\n\t\t</div>\n\t</span>\n</div>\n\n<div class=\"m-range-slider__steps\">\n  <div *ngFor=\"let step of steps; let i = index\" class=\"m-range-slider__step\"></div>\n</div>\n\n<div class=\"m-range-slider__step-labels\">\n  <div *ngFor=\"let step of steps; let i = index\" class=\"m-range-slider__step\">{{ step }}</div>\n</div>\n",
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef((/**
-                         * @return {?}
-                         */
-                        () => RangeSliderComponent)),
-                        // tslint:disable-line
-                        multi: true,
-                    },
-                ],
-                styles: [":host{display:block;position:relative}:host.is-disabled{cursor:not-allowed}:host.is-disabled .m-range-slider__handle:hover{cursor:not-allowed}"]
-            }] }
-];
-/** @nocollapse */
-RangeSliderComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-RangeSliderComponent.propDecorators = {
-    coreBranding: [{ type: HostBinding, args: ['class.m-range-slider',] }],
-    min: [{ type: Input }],
-    max: [{ type: Input }],
-    minimalDistance: [{ type: Input }],
-    step: [{ type: Input }],
-    labelBefore: [{ type: Input }],
-    labelAfter: [{ type: Input }],
-    disabledClass: [{ type: HostBinding, args: ['class.is-disabled',] }],
-    onKeyDown: [{ type: HostListener, args: ['document:keydown', ['$event'],] }],
-    onMouseUp: [{ type: HostListener, args: ['touchend', ['$event'],] }, { type: HostListener, args: ['mouseup', ['$event'],] }],
-    mouseDown: [{ type: HostListener, args: ['touchstart', ['$event'],] }, { type: HostListener, args: ['mousedown', ['$event'],] }],
-    onMouseMove: [{ type: HostListener, args: ['touchmove', ['$event'],] }, { type: HostListener, args: ['mousemove', ['$event'],] }]
-};
-if (false) {
-    /** @type {?} */
-    RangeSliderComponent.prototype.coreBranding;
-    /** @type {?} */
-    RangeSliderComponent.prototype.min;
-    /** @type {?} */
-    RangeSliderComponent.prototype.max;
-    /** @type {?} */
-    RangeSliderComponent.prototype.minimalDistance;
-    /** @type {?} */
-    RangeSliderComponent.prototype.step;
-    /** @type {?} */
-    RangeSliderComponent.prototype.labelBefore;
-    /** @type {?} */
-    RangeSliderComponent.prototype.labelAfter;
-    /** @type {?} */
-    RangeSliderComponent.prototype.start;
-    /** @type {?} */
-    RangeSliderComponent.prototype.end;
-    /** @type {?} */
-    RangeSliderComponent.prototype.steps;
-    /** @type {?} */
-    RangeSliderComponent.prototype.startPercentage;
-    /** @type {?} */
-    RangeSliderComponent.prototype.endPercentage;
-    /** @type {?} */
-    RangeSliderComponent.prototype.active;
-    /** @type {?} */
-    RangeSliderComponent.prototype.isDisabled;
-    /** @type {?} */
-    RangeSliderComponent.prototype.hasFocus;
-    /** @type {?} */
-    RangeSliderComponent.prototype.click;
-    /** @type {?} */
-    RangeSliderComponent.prototype.propagateChange;
-    /**
-     * @type {?}
-     * @private
-     */
-    RangeSliderComponent.prototype.elRef;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/range-slider/range-slider.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class RangeSliderModule {
-}
-RangeSliderModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                ],
-                declarations: [
-                    RangeSliderComponent,
-                ],
-                exports: [
-                    RangeSliderComponent,
-                ],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/range-slider/public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/search-filter/components/search-filter/search-filter.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class SearchFilterComponent {
-    constructor() {
-        this.flyoutSize = FlyoutSize.Small;
-        this.label = 'Filter';
-        this.labelDeselect = 'Alles deselecteren';
-        this.labelResults = 'Resultaten';
-        this.labelNoResults = 'Geen resultaten gevonden.';
-        this.choices = [];
-        this.placeholder = 'Zoeken';
-        this.inputDelay = 150;
-        this.showAllByDefault = false;
-        this.size = 'default';
-        this.search = new EventEmitter();
-        this.query = '';
-        this.selectedItems = [];
-        this.filteredChoices = [];
-        this.loading = false;
-        this.isDisabled = false;
-        this.updateModel = (/**
-         * @return {?}
-         */
-        () => {
-        });
-        this.filterDataFromSearch = debounce(this.filterData.bind(this), this.inputDelay);
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-        this.selectedItems = Array.isArray(value) ? value : [];
-    }
-    /**
-     * @param {?} onChange
-     * @return {?}
-     */
-    registerOnChange(onChange) {
-        this.updateModel = onChange;
-    }
-    /**
-     * @return {?}
-     */
-    registerOnTouched() {
-    }
-    /**
-     * @param {?} isDisabled
-     * @return {?}
-     */
-    setDisabledState(isDisabled) {
-        this.isDisabled = isDisabled;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        if (this.showAllByDefault) {
-            this.filterData();
-        }
-    }
-    /**
-     * @param {?} changes
-     * @return {?}
-     */
-    ngOnChanges(changes) {
-        /** @type {?} */
-        const choices = get(changes, 'choices.currentValue', null);
-        if (!choices) {
-            return;
-        }
-        if (this.remote) {
-            this.filteredChoices = [...choices];
-            this.loading = false;
-        }
-        else {
-            this.filterData();
-        }
-    }
-    /**
-     * @return {?}
-     */
-    filterData() {
-        if (this.remote) {
-            this.loading = true;
-            return this.search.emit(this.query);
-        }
-        this.filterChoices();
-    }
-    /**
-     * @return {?}
-     */
-    clear() {
-        this.selectedItems = [];
-        this.query = '';
-        this.filterData();
-        this.updateModel(this.selectedItems);
-    }
-    /**
-     * @param {?} choice
-     * @return {?}
-     */
-    toggleSelected(choice) {
-        /** @type {?} */
-        const selected = this.selectedItems.indexOf(choice);
-        if (selected < 0) {
-            this.selectedItems = this.selectedItems.concat(choice);
-        }
-        else {
-            this.selectedItems = [
-                ...this.selectedItems.slice(0, selected),
-                ...this.selectedItems.slice(selected + 1),
-            ];
-        }
-        this.updateModel(this.selectedItems);
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    filterChoices() {
-        this.filteredChoices = this.choices.filter((/**
-         * @param {?} choice
-         * @return {?}
-         */
-        (choice) => {
-            return (this.selectedItems.indexOf(choice.value) < 0 &&
-                choice.label.toLowerCase().indexOf(this.query.toLowerCase()) >= 0);
-        }));
-    }
-}
-SearchFilterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-search-filter',
-                template: "<div [align]=\"flyoutAlign\" [size]=\"flyoutSize\" auiFlyout class=\"m-search-filter\">\n  <button class=\"has-icon-right a-button--default\" [attr.disabled]=\"isDisabled ? 'true' : null\" aria-haspopup=\u201Dtrue\u201D\n          auiFlyoutAction\n          [ngClass]=\"{\n          'a-button' : selectedItems.length,\n          'a-button-outline' : !selectedItems.length,\n          'a-button--large' : size === 'large',\n          'a-button--small': size === 'small',\n           'a-button--tiny' : size === 'tiny'\n           }\">\n    <span id=\"{{ id + '-label' }}\">{{ label }}</span>\n    <span *ngIf=\"selectedItems.length\"> ({{ selectedItems.length }})</span>\n    <aui-icon name=\"ai-arrow-down-1\"></aui-icon>\n  </button>\n\n  <div auiFlyoutZone class=\"m-search-filter__search m-search-filter__search--scroll\">\n    <div *ngIf=\"!isDisabled\" class=\"m-search-filter__input a-input has-icon-right\">\n      <div class=\"a-input__wrapper\">\n        <input (input)=\"filterDataFromSearch()\" [(ngModel)]=\"query\" [attr.aria-labelledby]=\"id + '-label'\"\n               [attr.placeholder]=\"placeholder\"\n               aria-autocomplete=\"list\" id=\"{{ id + '-search' }}\" name=\"{{ name + '-search' }}\"\n               type=\"text\">\n        <aui-icon name=\"ai-search\"></aui-icon>\n      </div>\n    </div>\n\n    <div *ngIf=\"!isDisabled && selectedItems.length > 0\" class=\"m-search-filter__clear\">\n      <button (click)=\"clear()\" class=\"a-button-outline a-button--small a-button--danger has-icon-left\" type=\"button\">\n        <aui-icon name=\"ai-close\"></aui-icon>\n        {{ labelDeselect }}\n      </button>\n    </div>\n\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-list a-list--lined a-list--unstyled\">\n      <li *ngIf=\"!filteredChoices.length\" class=\"m-search-filter__results-item a-list__item\">\n        <p class=\"u-margin-xs\">{{ labelNoResults }}</p>\n      </li>\n      <li *ngFor=\"let choice of filteredChoices; index as i\" class=\"m-search-filter__results-item a-list__item\">\n        <div class=\"a-input__checkbox\">\n          <input\n            (change)=\"toggleSelected(choice.value)\"\n            [attr.disabled]=\"isDisabled ? true : null\"\n            [checked]=\"selectedItems.indexOf(choice.value) >= 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      </li>\n    </ul>\n  </div>\n</div>\n",
-                providers: [{
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef((/**
-                         * @return {?}
-                         */
-                        () => SearchFilterComponent)),
-                        // tslint:disable-line:no-forward-ref
-                        multi: true,
-                    }]
-            }] }
-];
-/** @nocollapse */
-SearchFilterComponent.ctorParameters = () => [];
-SearchFilterComponent.propDecorators = {
-    id: [{ type: Input }],
-    name: [{ type: Input }],
-    flyoutSize: [{ type: Input }],
-    flyoutAlign: [{ type: Input }],
-    label: [{ type: Input }],
-    labelDeselect: [{ type: Input }],
-    labelResults: [{ type: Input }],
-    labelNoResults: [{ type: Input }],
-    choices: [{ type: Input }],
-    remote: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    inputDelay: [{ type: Input }],
-    showAllByDefault: [{ type: Input }],
-    size: [{ type: Input }],
-    search: [{ type: Output }]
-};
-if (false) {
-    /** @type {?} */
-    SearchFilterComponent.prototype.id;
-    /** @type {?} */
-    SearchFilterComponent.prototype.name;
-    /** @type {?} */
-    SearchFilterComponent.prototype.flyoutSize;
-    /** @type {?} */
-    SearchFilterComponent.prototype.flyoutAlign;
-    /** @type {?} */
-    SearchFilterComponent.prototype.label;
-    /** @type {?} */
-    SearchFilterComponent.prototype.labelDeselect;
-    /** @type {?} */
-    SearchFilterComponent.prototype.labelResults;
-    /** @type {?} */
-    SearchFilterComponent.prototype.labelNoResults;
-    /** @type {?} */
-    SearchFilterComponent.prototype.choices;
-    /** @type {?} */
-    SearchFilterComponent.prototype.remote;
-    /** @type {?} */
-    SearchFilterComponent.prototype.placeholder;
-    /** @type {?} */
-    SearchFilterComponent.prototype.inputDelay;
-    /** @type {?} */
-    SearchFilterComponent.prototype.showAllByDefault;
-    /** @type {?} */
-    SearchFilterComponent.prototype.size;
-    /** @type {?} */
-    SearchFilterComponent.prototype.search;
-    /** @type {?} */
-    SearchFilterComponent.prototype.query;
-    /** @type {?} */
-    SearchFilterComponent.prototype.selectedItems;
-    /** @type {?} */
-    SearchFilterComponent.prototype.filteredChoices;
-    /** @type {?} */
-    SearchFilterComponent.prototype.loading;
-    /** @type {?} */
-    SearchFilterComponent.prototype.isDisabled;
-    /** @type {?} */
-    SearchFilterComponent.prototype.filterDataFromSearch;
-    /** @type {?} */
-    SearchFilterComponent.prototype.updateModel;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/search-filter/search-filter.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class SearchFilterModule {
-}
-SearchFilterModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FlyoutModule,
-                    FormsModule,
-                    IconModule,
-                ],
-                declarations: [
-                    SearchFilterComponent,
-                ],
-                exports: [
-                    SearchFilterComponent,
-                ],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/search-filter/public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/timepicker/classes/timepicker.validators.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class TimePickerValidators {
-    // time `hh:mm` 24h format
-    /**
-     * @param {?} time
-     * @return {?}
-     */
-    static minTime(time) {
-        /** @type {?} */
-        const validator = (/**
-         * @param {?} control
-         * @return {?}
-         */
-        (control) => {
-            /** @type {?} */
-            const splittedControlValue = control.value.split(':');
-            /** @type {?} */
-            const controlHours = parseInt(splittedControlValue[0], 10);
-            /** @type {?} */
-            const controlMinutes = parseInt(splittedControlValue[1], 10);
-            /** @type {?} */
-            const splittedMinTime = time.split(':');
-            /** @type {?} */
-            const minHours = parseInt(splittedMinTime[0], 10);
-            /** @type {?} */
-            const minMinutes = parseInt(splittedMinTime[1], 10);
-            // Don't throw error --> use Validator.required
-            if (isNaN(controlHours) || isNaN(controlMinutes) || isNaN(minHours) || isNaN(minMinutes)) {
-                return null;
-            }
-            if (minHours < controlHours) {
-                return null;
-            }
-            if (minHours === controlHours && minMinutes <= controlMinutes) {
-                return null;
-            }
-            return { minTime: { value: control.value } };
-        });
-        return validator;
-    }
-    // time `hh:mm` 24h format
-    /**
-     * @param {?} time
-     * @return {?}
-     */
-    static maxTime(time) {
-        /** @type {?} */
-        const validator = (/**
-         * @param {?} control
-         * @return {?}
-         */
-        (control) => {
-            /** @type {?} */
-            const splittedControlValue = control.value.split(':');
-            /** @type {?} */
-            const controlHours = parseInt(splittedControlValue[0], 10);
-            /** @type {?} */
-            const controlMinutes = parseInt(splittedControlValue[1], 10);
-            /** @type {?} */
-            const splittedMinTime = time.split(':');
-            /** @type {?} */
-            const maxHours = parseInt(splittedMinTime[0], 10);
-            /** @type {?} */
-            const maxMinutes = parseInt(splittedMinTime[1], 10);
-            // Don't throw error --> use Validator.required
-            if (isNaN(controlHours) || isNaN(controlMinutes) || isNaN(maxHours) || isNaN(maxMinutes)) {
-                return null;
-            }
-            if (maxHours > controlHours) {
-                return null;
-            }
-            if (maxHours === controlHours && maxMinutes >= controlMinutes) {
-                return null;
-            }
-            return { maxTime: { value: control.value } };
-        });
-        return validator;
-    }
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/timepicker/types/timepicker.types.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @enum {string} */
-const TimepickerInputSize = {
-    Auto: "auto",
-    Small: "small",
-    Large: "large",
-};
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/timepicker/components/timepicker/timepicker.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class TimepickerComponent {
-    /**
-     * @param {?} formBuilder
-     * @param {?} renderer
-     */
-    constructor(formBuilder, renderer) {
-        this.formBuilder = formBuilder;
-        this.renderer = renderer;
-        this.id = 'aui-timepicker-' + Math.random().toString(36).substring(2);
-        this.hoursPlaceholder = 'uu';
-        this.minutesPlaceholder = 'mm';
-        this.hasError = false;
-        this.size = TimepickerInputSize.Auto;
-        this.ariaLabelHours = 'Uur';
-        this.ariaLabelMinutes = 'Minuten';
-        this.shouldUseFallback = false;
-        this.minutes = [];
-        this.hours = [];
-        this.timeControl = new FormControl();
-        this.componentDestroyed$ = new Subject();
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.shouldUseFallback = this.supportsNativeTimepicker();
-        this.minutes = this.getMinutes();
-        this.hours = this.getHours();
-        this.fallbackForm = this.formBuilder.group({
-            hours: null,
-            minutes: null,
-        });
-        this.fallbackForm.valueChanges
-            .pipe(takeUntil(this.componentDestroyed$))
-            .subscribe((/**
-         * @param {?} formData
-         * @return {?}
-         */
-        (formData) => {
-            if (formData.hours && formData.minutes) {
-                this.updateModel(`${formData.hours}:${formData.minutes}`);
-            }
-            else {
-                this.updateModel('');
-            }
-        }));
-        this.timeControl.valueChanges
-            .pipe(takeUntil(this.componentDestroyed$))
-            .subscribe((/**
-         * @param {?} time
-         * @return {?}
-         */
-        (time) => {
-            this.updateModel(time);
-        }));
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this.componentDestroyed$.next(true);
-        this.componentDestroyed$.complete();
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-        this.timeControl.setValue(value, { emitEvent: false });
-        if (value) {
-            /** @type {?} */
-            const splitted = value.split(':');
-            this.fallbackForm.get('hours').setValue(splitted[0], { emitEvent: false });
-            this.fallbackForm.get('minutes').setValue(splitted[1], { emitEvent: false });
-        }
-    }
-    /**
-     * @param {?} onChange
-     * @return {?}
-     */
-    registerOnChange(onChange) {
-        this.updateModel = onChange;
-    }
-    /**
-     * @return {?}
-     */
-    registerOnTouched() {
-    }
-    /**
-     * @param {?} isDisabled
-     * @return {?}
-     */
-    setDisabledState(isDisabled) {
-        if (isDisabled) {
-            this.timeControl.disable({ emitEvent: false });
-            this.fallbackForm.disable({ emitEvent: false });
-        }
-        else {
-            this.timeControl.enable({ emitEvent: false });
-            this.fallbackForm.enable({ emitEvent: false });
-        }
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    supportsNativeTimepicker() {
-        /** @type {?} */
-        const element = this.renderer.createElement('input');
-        element.type = 'time';
-        return element.type === 'text';
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    getMinutes() {
-        return Array(60).fill('').map((/**
-         * @param {?} value
-         * @param {?} index
-         * @return {?}
-         */
-        (value, index) => {
-            return DateHelper.addLeadingZero(index);
-        }));
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    getHours() {
-        return Array(24).fill('').map((/**
-         * @param {?} value
-         * @param {?} index
-         * @return {?}
-         */
-        (value, index) => {
-            return DateHelper.addLeadingZero(index);
-        }));
-    }
-}
-TimepickerComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-timepicker',
-                template: "<div class=\"m-timepicker\">\n  <div *ngIf=\"!shouldUseFallback\" [class]=\"'a-input--' + size\" [ngClass]=\"{ 'has-error': hasError }\" class=\"a-input\">\n    <input [attr.aria-label]=\"ariaLabelHours + ':' + ariaLabelMinutes\" [formControl]=\"timeControl\" [id]=\"id\"\n           type=\"time\">\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",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                providers: [{
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef((/**
-                         * @return {?}
-                         */
-                        () => TimepickerComponent)),
-                        // tslint:disable-line:no-forward-ref
-                        multi: true,
-                    }],
-                styles: [":host{display:block}"]
-            }] }
-];
-/** @nocollapse */
-TimepickerComponent.ctorParameters = () => [
-    { type: FormBuilder },
-    { type: Renderer2 }
-];
-TimepickerComponent.propDecorators = {
-    id: [{ type: Input }],
-    hoursPlaceholder: [{ type: Input }],
-    minutesPlaceholder: [{ type: Input }],
-    hasError: [{ type: Input }],
-    size: [{ type: Input }],
-    ariaLabelHours: [{ type: Input }],
-    ariaLabelMinutes: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    TimepickerComponent.prototype.id;
-    /** @type {?} */
-    TimepickerComponent.prototype.hoursPlaceholder;
-    /** @type {?} */
-    TimepickerComponent.prototype.minutesPlaceholder;
-    /** @type {?} */
-    TimepickerComponent.prototype.hasError;
-    /** @type {?} */
-    TimepickerComponent.prototype.size;
-    /** @type {?} */
-    TimepickerComponent.prototype.ariaLabelHours;
-    /** @type {?} */
-    TimepickerComponent.prototype.ariaLabelMinutes;
-    /** @type {?} */
-    TimepickerComponent.prototype.shouldUseFallback;
-    /** @type {?} */
-    TimepickerComponent.prototype.minutes;
-    /** @type {?} */
-    TimepickerComponent.prototype.hours;
-    /** @type {?} */
-    TimepickerComponent.prototype.updateModel;
-    /** @type {?} */
-    TimepickerComponent.prototype.timeControl;
-    /** @type {?} */
-    TimepickerComponent.prototype.fallbackForm;
-    /**
-     * @type {?}
-     * @private
-     */
-    TimepickerComponent.prototype.componentDestroyed$;
-    /**
-     * @type {?}
-     * @private
-     */
-    TimepickerComponent.prototype.formBuilder;
-    /**
-     * @type {?}
-     * @private
-     */
-    TimepickerComponent.prototype.renderer;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/timepicker/timepicker.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class TimepickerModule {
-}
-TimepickerModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    ReactiveFormsModule,
-                    CommonModule,
-                    IconModule,
-                ],
-                declarations: [
-                    TimepickerComponent,
-                ],
-                exports: [
-                    TimepickerComponent,
-                ],
-                providers: [],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/timepicker/public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/upload/upload.conf.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-const UPLOAD_OPTIONS_DEFAULT = {
-    allowedMimeTypes: [],
-    allowedFileTypes: [],
-    autoUpload: false,
-    maxFileSize: 0,
-    // 0 is infinite
-    queueLimit: 0,
-    // 0 is infinite
-    type: 'drop',
-    url: '',
-};
-/** @type {?} */
-const UPLOAD_VALIDATION_MESSAGES = new InjectionToken('uploadValidationMessages');
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/upload/classes/uploader.class.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class Uploader {
-    /**
-     * @param {?=} options
-     */
-    constructor(options) {
-        this.options = UPLOAD_OPTIONS_DEFAULT;
-        this.setOptions(options);
-    }
-    /**
-     * @param {?} options
-     * @return {?}
-     */
-    setOptions(options) {
-        this.options = Object.assign({}, this.options, options);
-    }
-    /**
-     * @param {?} files
-     * @return {?}
-     */
-    uploadFiles(files) {
-        /** @type {?} */
-        const formData = this.filesToFormData(files);
-        return new Observable((/**
-         * @param {?} observer
-         * @return {?}
-         */
-        observer => {
-            /** @type {?} */
-            const xhr = new XMLHttpRequest();
-            // Progress callback
-            xhr.upload.addEventListener('progress', (/**
-             * @param {?} e
-             * @return {?}
-             */
-            (e) => {
-                if (e.lengthComputable) {
-                    /** @type {?} */
-                    const percentComplete = e.loaded / e.total;
-                    observer.next({
-                        progress: percentComplete,
-                        data: null,
-                    });
-                }
-            }));
-            // Complete callback
-            xhr.onload = (/**
-             * @return {?}
-             */
-            () => {
-                observer.next({
-                    progress: 1,
-                    data: xhr.response,
-                });
-                // observer.complete();
-            });
-            // Do request
-            xhr.responseType = 'json';
-            xhr.open('post', this.options.url);
-            xhr.send(formData);
-        }));
-    }
-    /**
-     * @param {?} files
-     * @return {?}
-     */
-    validateFiles(files) {
-        /** @type {?} */
-        const validFiles = [];
-        /** @type {?} */
-        const invalidFiles = [];
-        if (files.length > 0) {
-            for (const file of files) {
-                /** @type {?} */
-                const errors = [];
-                if (!this.validateFileType(file)) {
-                    errors.push('INVALID_FILE_TYPE');
-                }
-                if (!this.validateFileSize(file)) {
-                    errors.push('INVALID_FILE_SIZE');
-                }
-                if (!this.validateMimeType(file)) {
-                    errors.push('INVALID_MIME_TYPE');
-                }
-                if (errors.length === 0) {
-                    validFiles.push(file);
-                }
-                else {
-                    invalidFiles.push({
-                        reasons: errors,
-                        file,
-                    });
-                }
-            }
-        }
-        return {
-            validFiles,
-            invalidFiles,
-        };
-    }
-    /**
-     * @protected
-     * @param {?} files
-     * @return {?}
-     */
-    filesToFormData(files) {
-        /** @type {?} */
-        const formData = new FormData();
-        if (!this.options.url || this.options.url === '') {
-            throw new Error('Define the upload url.');
-        }
-        for (const file of files) {
-            formData.append('file', file);
-        }
-        return formData;
-    }
-    /**
-     * @protected
-     * @param {?} file
-     * @return {?}
-     */
-    getFileExtension(file) {
-        return file.name.split('.')[file.name.split('.').length - 1];
-    }
-    /**
-     * @protected
-     * @param {?} file
-     * @return {?}
-     */
-    validateFileType(file) {
-        /** @type {?} */
-        const allowedFileTypes = this.options.allowedFileTypes;
-        /** @type {?} */
-        const ext = this.getFileExtension(file);
-        // Filter defined?
-        if (!Array.isArray(allowedFileTypes) || allowedFileTypes.length === 0) {
-            return true;
-        }
-        // Make allowedFileTypes case insensitive
-        /** @type {?} */
-        const toUpper = (/**
-         * @param {?} x
-         * @return {?}
-         */
-        (x) => x.toUpperCase());
-        /** @type {?} */
-        const allowedFileTypesToUpper = allowedFileTypes.map(toUpper);
-        return allowedFileTypesToUpper.lastIndexOf(ext.toUpperCase()) !== -1;
-    }
-    /**
-     * @protected
-     * @param {?} file
-     * @return {?}
-     */
-    validateFileSize(file) {
-        /** @type {?} */
-        const maxFileSize = this.options.maxFileSize;
-        // Filter defined?
-        if (!maxFileSize || maxFileSize === 0) {
-            return true;
-        }
-        return maxFileSize > file.size;
-    }
-    /**
-     * @protected
-     * @param {?} file
-     * @return {?}
-     */
-    validateMimeType(file) {
-        /** @type {?} */
-        const allowedMimeTypes = this.options.allowedMimeTypes;
-        // Filter defined?
-        if (!Array.isArray(allowedMimeTypes) || allowedMimeTypes.length === 0) {
-            return true;
-        }
-        return allowedMimeTypes.lastIndexOf(file.type) !== -1;
-    }
-}
-if (false) {
-    /** @type {?} */
-    Uploader.prototype.options;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/upload/components/upload/upload.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class UploadComponent {
-    constructor() {
-        this.id = '';
-        this.accept = [];
-        this.capture = '';
-        this.ariaLabelRemove = 'Verwijder';
-        this.disabled = false;
-        this.multiple = true;
-        this.options = UPLOAD_OPTIONS_DEFAULT;
-        this.selectUploadedFiles = new EventEmitter();
-        this.uploadedFiles = [];
-        this.invalidFiles = [];
-        this.queuedFiles = [];
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        if (!this.id) {
-            this.ariaId = 'aui-upload-' + Math.random().toString(36).substring(2);
-        }
-        this.uploader = new Uploader(this.options);
-    }
-    /**
-     * @param {?} files
-     * @return {?}
-     */
-    onUploadedFiles(files) {
-        this.uploadedFiles = this.uploadedFiles.concat(files);
-        this.selectUploadedFiles.emit(this.uploadedFiles);
-    }
-    /**
-     * @param {?} files
-     * @return {?}
-     */
-    onInvalidFiles(files) {
-        this.invalidFiles = files;
-    }
-    /**
-     * @param {?} files
-     * @return {?}
-     */
-    onQueuedFiles(files) {
-        this.queuedFiles = this.queuedFiles.concat(files);
-    }
-}
-UploadComponent.decorators = [
-    { type: Component, 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    <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-zone>\n  <aui-validation-list [ariaLabelRemove]=\"ariaLabelRemove\" [invalidFiles]=\"invalidFiles\"></aui-validation-list>\n  <aui-upload-queue (uploadedFiles)=\"onUploadedFiles($event)\" *ngIf=\"!options?.autoUpload\" [ariaLabelRemove]=\"ariaLabelRemove\"\n    [files]=\"queuedFiles\" [uploader]=\"uploader\"></aui-upload-queue>\n</div>\n",
-                styles: [".m-upload__button>.m-upload__input{display:none}"]
-            }] }
-];
-UploadComponent.propDecorators = {
-    id: [{ type: Input }],
-    accept: [{ type: Input }],
-    capture: [{ type: Input }],
-    ariaLabelRemove: [{ type: Input }],
-    disabled: [{ type: Input }],
-    multiple: [{ type: Input }],
-    options: [{ type: Input }],
-    selectUploadedFiles: [{ type: Output }]
-};
-if (false) {
-    /** @type {?} */
-    UploadComponent.prototype.id;
-    /** @type {?} */
-    UploadComponent.prototype.accept;
-    /** @type {?} */
-    UploadComponent.prototype.capture;
-    /** @type {?} */
-    UploadComponent.prototype.ariaLabelRemove;
-    /** @type {?} */
-    UploadComponent.prototype.disabled;
-    /** @type {?} */
-    UploadComponent.prototype.multiple;
-    /** @type {?} */
-    UploadComponent.prototype.options;
-    /** @type {?} */
-    UploadComponent.prototype.selectUploadedFiles;
-    /** @type {?} */
-    UploadComponent.prototype.uploader;
-    /** @type {?} */
-    UploadComponent.prototype.ariaId;
-    /** @type {?} */
-    UploadComponent.prototype.uploadedFiles;
-    /** @type {?} */
-    UploadComponent.prototype.invalidFiles;
-    /** @type {?} */
-    UploadComponent.prototype.queuedFiles;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/upload/components/upload-input/upload-input.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class UploadInputComponent {
-    constructor() {
-        this.propagateChange = (/**
-         * @param {?} _
-         * @return {?}
-         */
-        (_) => undefined);
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-    }
-    /**
-     * @param {?} fn
-     * @return {?}
-     */
-    registerOnChange(fn) {
-        this.propagateChange = fn;
-    }
-    /**
-     * @return {?}
-     */
-    registerOnTouched() {
-    }
-    /**
-     * @param {?} files
-     * @return {?}
-     */
-    onUpload(files) {
-        /** @type {?} */
-        const data = (this.format ? this.format(files) : files);
-        this.propagateChange(data);
-    }
-}
-UploadInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-upload-input',
-                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",
-                providers: [{
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: UploadInputComponent,
-                        multi: true,
-                    }]
-            }] }
-];
-UploadInputComponent.propDecorators = {
-    options: [{ type: Input }],
-    format: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    UploadInputComponent.prototype.options;
-    /** @type {?} */
-    UploadInputComponent.prototype.format;
-    /** @type {?} */
-    UploadInputComponent.prototype.propagateChange;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/upload/components/upload-queue/upload-queue.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class UploadQueueComponent {
-    constructor() {
-        this.ariaLabelRemove = 'Verwijder';
-        this.uploadedFiles = new EventEmitter();
-        this.uploadProgress = 0;
-    }
-    /**
-     * @param {?} index
-     * @return {?}
-     */
-    remove(index) {
-        this.files.splice(index, 1);
-    }
-    /**
-     * @return {?}
-     */
-    uploadFiles() {
-        /** @type {?} */
-        const progress = undefined;
-        /** @type {?} */
-        const data = undefined;
-        this.uploader.uploadFiles(this.files).subscribe((/**
-         * @param {?} response
-         * @return {?}
-         */
-        (response) => {
-            if (response.progress) {
-                this.uploadProgress = Math.floor(response.progress * 100);
-            }
-            if (response.data) {
-                this.uploadedFiles.emit(response.data);
-                this.files = [];
-            }
-        }));
-    }
-}
-UploadQueueComponent.decorators = [
-    { type: Component, 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 (click)=\"remove(i)\" class=\"m-upload__delete a-button-transparent a-button--default a-button--small has-icon\" type=\"button\">\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"
-            }] }
-];
-UploadQueueComponent.propDecorators = {
-    files: [{ type: Input }],
-    uploader: [{ type: Input }],
-    ariaLabelRemove: [{ type: Input }],
-    uploadedFiles: [{ type: Output }]
-};
-if (false) {
-    /** @type {?} */
-    UploadQueueComponent.prototype.files;
-    /** @type {?} */
-    UploadQueueComponent.prototype.uploader;
-    /** @type {?} */
-    UploadQueueComponent.prototype.ariaLabelRemove;
-    /** @type {?} */
-    UploadQueueComponent.prototype.uploadedFiles;
-    /** @type {?} */
-    UploadQueueComponent.prototype.uploadProgress;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/upload/components/upload-zone/upload-zone.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class UploadZoneComponent {
-    /**
-     * @param {?} renderer
-     */
-    constructor(renderer) {
-        this.renderer = renderer;
-        this.id = '';
-        this.accept = [];
-        this.capture = '';
-        this.ariaId = '';
-        this.disabled = false;
-        this.multiple = true;
-        this.uploadedFiles = new EventEmitter();
-        this.queuedFiles = new EventEmitter();
-        this.invalidFiles = new EventEmitter();
-        this.hasDragOver = false;
-        this.uploadProgress = 0;
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    onDragOver(event) {
-        this.preventAndStop(event);
-        this.hasDragOver = true;
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    onDragLeave(event) {
-        this.preventAndStop(event);
-        this.hasDragOver = false;
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    onDrop(event) {
-        this.preventAndStop(event);
-        this.hasDragOver = false;
-        /** @type {?} */
-        const files = this.fileListToArray(event.dataTransfer.files);
-        this.handleFiles(files);
-    }
-    /**
-     * @return {?}
-     */
-    triggerFile() {
-        this.fileInput.nativeElement.click();
-    }
-    /**
-     * @return {?}
-     */
-    updateFiles() {
-        /** @type {?} */
-        const files = this.fileListToArray(this.fileInput.nativeElement.files);
-        this.handleFiles(files);
-    }
-    /**
-     * @param {?} event
-     * @return {?}
-     */
-    onFileClick(event) {
-        // When removing a file make sure you can add it again later
-        // See: https://stackoverflow.com/questions/59870335/ng2-file-upload-not-allowing-me-to-add-same-doc-after-ive-removed-it-from-que
-        event.target.value = '';
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterViewInit() {
-        if (this.multiple !== false) {
-            this.renderer.setProperty(this.fileInput.nativeElement, 'multiple', 'multiple');
-        }
-        if (!!this.accept.length) {
-            this.renderer.setProperty(this.fileInput.nativeElement, 'accept', this.accept.join());
-        }
-        if (this.disabled) {
-            this.renderer.setProperty(this.fileInput.nativeElement, 'disabled', 'disabled');
-        }
-        if (this.capture !== '') {
-            this.renderer.setAttribute(this.fileInput.nativeElement, 'capture', this.capture);
-        }
-    }
-    /**
-     * @protected
-     * @param {?} files
-     * @return {?}
-     */
-    handleFiles(files) {
-        /** @type {?} */
-        const response = this.uploader.validateFiles(files);
-        this.invalidFiles.emit(response.invalidFiles);
-        if (this.uploader.options.autoUpload && response.validFiles.length > 0) {
-            this.uploadFiles(response.validFiles);
-        }
-        else {
-            this.queuedFiles.emit(response.validFiles);
-        }
-    }
-    /**
-     * @protected
-     * @param {?} files
-     * @return {?}
-     */
-    uploadFiles(files) {
-        // Reset progress
-        this.uploadProgress = 0;
-        this.uploadingFiles = files;
-        // upload
-        this.uploader.uploadFiles(files).subscribe((/**
-         * @param {?} response
-         * @return {?}
-         */
-        (response) => {
-            if (response.progress) {
-                this.uploadProgress = Math.floor(response.progress * 100);
-            }
-            if (response.data) {
-                this.uploadedFiles.emit(response.data);
-            }
-        }), (/**
-         * @param {?} err
-         * @return {?}
-         */
-        (err) => {
-            console.log(err);
-        }));
-    }
-    /**
-     * @protected
-     * @param {?} list
-     * @return {?}
-     */
-    fileListToArray(list) {
-        return Array.from(list);
-    }
-    /**
-     * @protected
-     * @param {?} event
-     * @return {?}
-     */
-    preventAndStop(event) {
-        event.preventDefault();
-        event.stopPropagation();
-    }
-}
-UploadZoneComponent.decorators = [
-    { type: Component, 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      <div *ngIf=\"!uploadProgress || uploadProgress === 0\" class=\"m-upload__content\">\n        <p [id]=\"ariaId\" class=\"m-upload__message\">\n          <ng-content select=\".m-upload__message\"></ng-content>\n        </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    <ng-content select=\".m-upload__description\"></ng-content>\n  </small>\n</div>\n\n<button (click)=\"triggerFile()\" *ngIf=\"uploader.options.type === 'button'\" [disabled]=\"disabled\" class=\"a-button m-upload__button\"\n        type=\"button\">\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</button>\n"
-            }] }
-];
-/** @nocollapse */
-UploadZoneComponent.ctorParameters = () => [
-    { type: Renderer2 }
-];
-UploadZoneComponent.propDecorators = {
-    fileInput: [{ type: ViewChild, args: ['fileInput', { static: false },] }],
-    uploader: [{ type: Input }],
-    id: [{ type: Input }],
-    accept: [{ type: Input }],
-    capture: [{ type: Input }],
-    ariaId: [{ type: Input }],
-    disabled: [{ type: Input }],
-    multiple: [{ type: Input }],
-    uploadedFiles: [{ type: Output }],
-    queuedFiles: [{ type: Output }],
-    invalidFiles: [{ type: Output }],
-    onDragOver: [{ type: HostListener, args: ['dragover', ['$event'],] }],
-    onDragLeave: [{ type: HostListener, args: ['dragleave', ['$event'],] }],
-    onDrop: [{ type: HostListener, args: ['drop', ['$event'],] }]
-};
-if (false) {
-    /** @type {?} */
-    UploadZoneComponent.prototype.fileInput;
-    /** @type {?} */
-    UploadZoneComponent.prototype.uploader;
-    /** @type {?} */
-    UploadZoneComponent.prototype.id;
-    /** @type {?} */
-    UploadZoneComponent.prototype.accept;
-    /** @type {?} */
-    UploadZoneComponent.prototype.capture;
-    /** @type {?} */
-    UploadZoneComponent.prototype.ariaId;
-    /** @type {?} */
-    UploadZoneComponent.prototype.disabled;
-    /** @type {?} */
-    UploadZoneComponent.prototype.multiple;
-    /** @type {?} */
-    UploadZoneComponent.prototype.uploadedFiles;
-    /** @type {?} */
-    UploadZoneComponent.prototype.queuedFiles;
-    /** @type {?} */
-    UploadZoneComponent.prototype.invalidFiles;
-    /** @type {?} */
-    UploadZoneComponent.prototype.hasDragOver;
-    /** @type {?} */
-    UploadZoneComponent.prototype.classNames;
-    /** @type {?} */
-    UploadZoneComponent.prototype.uploadProgress;
-    /** @type {?} */
-    UploadZoneComponent.prototype.uploadingFiles;
-    /**
-     * @type {?}
-     * @private
-     */
-    UploadZoneComponent.prototype.renderer;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/upload/services/validation-messages.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class ValidationMessagesService {
-    /**
-     * @param {?} initValues
-     */
-    constructor(initValues) {
-        this.initValues = initValues;
-        this.INVALID_FILE_TYPE = 'INVALID_FILE_TYPE';
-        this.INVALID_FILE_SIZE = 'INVALID_FILE_SIZE';
-        this.INVALID_MIME_TYPE = 'INVALID_MIME_TYPE';
-        if (initValues.INVALID_FILE_TYPE) {
-            this.INVALID_FILE_TYPE = initValues.INVALID_FILE_TYPE;
-        }
-        if (initValues.INVALID_FILE_SIZE) {
-            this.INVALID_FILE_SIZE = initValues.INVALID_FILE_SIZE;
-        }
-        if (initValues.INVALID_MIME_TYPE) {
-            this.INVALID_MIME_TYPE = initValues.INVALID_MIME_TYPE;
-        }
-    }
-}
-ValidationMessagesService.decorators = [
-    { type: Injectable }
-];
-/** @nocollapse */
-ValidationMessagesService.ctorParameters = () => [
-    { type: undefined, decorators: [{ type: Inject, args: [UPLOAD_VALIDATION_MESSAGES,] }] }
-];
-if (false) {
-    /** @type {?} */
-    ValidationMessagesService.prototype.INVALID_FILE_TYPE;
-    /** @type {?} */
-    ValidationMessagesService.prototype.INVALID_FILE_SIZE;
-    /** @type {?} */
-    ValidationMessagesService.prototype.INVALID_MIME_TYPE;
-    /**
-     * @type {?}
-     * @private
-     */
-    ValidationMessagesService.prototype.initValues;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/upload/components/validation-list/validation-list.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class ValidationListComponent {
-    /**
-     * @param {?} messagesService
-     */
-    constructor(messagesService) {
-        this.messagesService = messagesService;
-        this.invalidFiles = [];
-        this.ariaLabelRemove = 'Verwijder';
-    }
-    /**
-     * @param {?} index
-     * @return {?}
-     */
-    remove(index) {
-        this.invalidFiles.splice(index, 1);
-    }
-    /**
-     * @param {?} reasons
-     * @return {?}
-     */
-    formatReasons(reasons) {
-        /** @type {?} */
-        const result = [];
-        for (const reason of reasons) {
-            result.push(this.messagesService[reason]);
-        }
-        return result.join(', ');
-    }
-}
-ValidationListComponent.decorators = [
-    { type: Component, 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 (click)=\"remove(i)\" class=\"m-upload__delete a-button-transparent a-button--danger a-button--small has-icon\"\n            type=\"button\">\n      <aui-icon name=\"ai-close\" [ariaLabel]=\"ariaLabelRemove\"></aui-icon>\n    </button>\n  </li>\n</ul>\n"
-            }] }
-];
-/** @nocollapse */
-ValidationListComponent.ctorParameters = () => [
-    { type: ValidationMessagesService }
-];
-ValidationListComponent.propDecorators = {
-    invalidFiles: [{ type: Input }],
-    ariaLabelRemove: [{ type: Input }]
-};
-if (false) {
-    /** @type {?} */
-    ValidationListComponent.prototype.invalidFiles;
-    /** @type {?} */
-    ValidationListComponent.prototype.ariaLabelRemove;
-    /**
-     * @type {?}
-     * @private
-     */
-    ValidationListComponent.prototype.messagesService;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/upload/upload.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-const ɵ0$1 = {};
-class UploadModule {
-    /**
-     * @param {?=} validationMessages
-     * @return {?}
-     */
-    static forChild(validationMessages = {}) {
-        return {
-            ngModule: UploadModule,
-            providers: [
-                { provide: UPLOAD_VALIDATION_MESSAGES, useValue: validationMessages },
-            ],
-        };
-    }
-}
-UploadModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    ProgressBarModule,
-                    FormsModule,
-                    IconModule,
-                ],
-                declarations: [
-                    UploadComponent,
-                    UploadInputComponent,
-                    UploadQueueComponent,
-                    UploadZoneComponent,
-                    ValidationListComponent,
-                ],
-                exports: [
-                    UploadComponent,
-                    UploadInputComponent,
-                    UploadQueueComponent,
-                    UploadZoneComponent,
-                    ValidationListComponent,
-                ],
-                providers: [
-                    ValidationMessagesService,
-                    { provide: UPLOAD_VALIDATION_MESSAGES, useValue: ɵ0$1 },
-                ],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/upload/public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/wysiwyg/wysiwyg.conf.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-const WYSIWYG_DEFAULT_CONFIG = {
-    bodyClass: 'a-input ckeditor-editable-body',
-    contentsCss: ['https://cdn.antwerpen.be/core_branding_scss/5.0.0/main.min.css'],
-    extraPlugins: 'divarea',
-    find_highlight: {
-        element: 'span',
-        styles: { 'background-color': '#fffc00', color: '#0064b4' },
-    },
-    format_tags: 'p;h1;h2;h3;h4;h5;h6',
-    toolbar_Basic: [
-        ['Bold', 'Italic', 'Underline', '-', 'Format', '-', 'Source'],
-    ],
-    removeButtons: 'Styles',
-    removePlugins: 'about',
-    toolbar: null,
-    uiColor: '#d8d8d8',
-};
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/wysiwyg/components/wysiwyg/wysiwyg.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class WysiwygComponent {
-    constructor() {
-        this.setClass = true;
-        this.basic = false;
-        this.emitContent = new EventEmitter();
-        this.focus = new EventEmitter();
-        this.blur = new EventEmitter();
-        this.ckeditorConfig = WYSIWYG_DEFAULT_CONFIG;
-        this.isDisabled = false;
-        this.updateModel = (/**
-         * @param {...?} args
-         * @return {?}
-         */
-        (...args) => undefined);
-    }
-    // NG_VALUE_ACCESSOR_INTERFACE
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    writeValue(value) {
-        this.ckeditorContent = value;
-        this.updateModel(value);
-        this.emitContent.emit(this.ckeditorContent);
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    onFocus(value) {
-        this.focus.emit(value);
-    }
-    /**
-     * @param {?} value
-     * @return {?}
-     */
-    onBlur(value) {
-        this.blur.emit(value);
-    }
-    /**
-     * @param {?} onChange
-     * @return {?}
-     */
-    registerOnChange(onChange) {
-        this.updateModel = onChange;
-    }
-    /**
-     * @return {?}
-     */
-    registerOnTouched() {
-    }
-    /**
-     * @param {?} isDisabled
-     * @return {?}
-     */
-    setDisabledState(isDisabled) {
-        this.isDisabled = isDisabled;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this.setConfig();
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    setConfig() {
-        if (this.customConfig) {
-            this.ckeditorConfig = this.customConfig;
-        }
-        else {
-            if (this.basic) {
-                this.ckeditorConfig.toolbar = 'Basic';
-            }
-            if (this.availableTags) {
-                this.ckeditorConfig.format_tags = this.availableTags;
-            }
-            if (this.uiColour) {
-                this.ckeditorConfig.uiColor = this.uiColour;
-            }
-            if (this.additionalStyling) {
-                this.ckeditorConfig.contentsCss.concat(this.additionalStyling);
-            }
-        }
-    }
-}
-WysiwygComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'aui-wysiwyg',
-                template: "<div class=\"aui-wysiwyg__inner\">\n  <ckeditor\n    (blur)=\"onBlur($event)\"\n    (change)=\"writeValue($event)\"\n    (focus)=\"onFocus($event)\"\n    [(ngModel)]=\"ckeditorContent\"\n    [config]=\"ckeditorConfig\"\n    [debounce]=\"debounce\"\n    [readonly]=\"isDisabled\"\n  ></ckeditor>\n</div>\n",
-                providers: [{
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef((/**
-                         * @return {?}
-                         */
-                        () => WysiwygComponent)),
-                        // tslint:disable-line:no-forward-ref
-                        multi: true,
-                    }],
-                styles: [":host ::ng-deep .cke .cke_chrome{border:1px solid #6f6f6f}:host ::ng-deep .cke .cke_top{border-color:#6f6f6f}:host ::ng-deep .cke .cke_bottom,:host ::ng-deep .cke .cke_top{background-color:#f3f3f3}:host ::ng-deep .cke .cke_wysiwyg_div{padding:.25rem}:host ::ng-deep .cke.cke_focus .cke_contents{box-shadow:0 0 0 1px #6f6f6f,0 0 0 4px #c0dffe;position:relative;z-index:1}"]
-            }] }
-];
-WysiwygComponent.propDecorators = {
-    setClass: [{ type: HostBinding, args: ['class.aui-wysiwyg',] }],
-    additionalStyling: [{ type: Input }],
-    availableTags: [{ type: Input }],
-    basic: [{ type: Input }],
-    uiColour: [{ type: Input }],
-    customConfig: [{ type: Input }],
-    debounce: [{ type: Input }],
-    emitContent: [{ type: Output }],
-    focus: [{ type: Output }],
-    blur: [{ type: Output }]
-};
-if (false) {
-    /** @type {?} */
-    WysiwygComponent.prototype.setClass;
-    /** @type {?} */
-    WysiwygComponent.prototype.additionalStyling;
-    /** @type {?} */
-    WysiwygComponent.prototype.availableTags;
-    /** @type {?} */
-    WysiwygComponent.prototype.basic;
-    /** @type {?} */
-    WysiwygComponent.prototype.uiColour;
-    /** @type {?} */
-    WysiwygComponent.prototype.customConfig;
-    /** @type {?} */
-    WysiwygComponent.prototype.debounce;
-    /** @type {?} */
-    WysiwygComponent.prototype.emitContent;
-    /** @type {?} */
-    WysiwygComponent.prototype.focus;
-    /** @type {?} */
-    WysiwygComponent.prototype.blur;
-    /** @type {?} */
-    WysiwygComponent.prototype.ckeditorContent;
-    /** @type {?} */
-    WysiwygComponent.prototype.ckeditorConfig;
-    /** @type {?} */
-    WysiwygComponent.prototype.isDisabled;
-    /**
-     * @type {?}
-     * @private
-     */
-    WysiwygComponent.prototype.updateModel;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/wysiwyg/wysiwyg.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class WysiwygModule {
-}
-WysiwygModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    FormsModule,
-                    ReactiveFormsModule,
-                    CKEditorModule,
-                ],
-                declarations: [
-                    WysiwygComponent,
-                ],
-                exports: [
-                    WysiwygComponent,
-                ],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/wysiwyg/public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: acpaas-ui-ngx-forms.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { AutoCompleteComponent, AutoCompleteModule, DATEPICKER_DATE_MASK, 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, WYSIWYG_DEFAULT_CONFIG, WysiwygComponent, WysiwygModule, SearchService as ɵa };
-//# sourceMappingURL=acpaas-ui-ngx-forms.js.map