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

package/bundles/acpaas-ui-ngx-forms.umd.js

@@ -1,3862 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@acpaas-ui/ngx-flyout'), require('@acpaas-ui/ngx-selectable-list'), require('inputmask'), require('lodash-es'), require('rxjs'), require('rxjs/operators'), require('@acpaas-ui/js-date-utils'), require('@acpaas-ui/ngx-calendar'), require('@acpaas-ui/ngx-utils'), require('@acpaas-ui/ngx-icon'), require('@acpaas-ui/ngx-progress-bar'), require('ng2-ckeditor')) :
-    typeof define === 'function' && define.amd ? define('@acpaas-ui/ngx-forms', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@acpaas-ui/ngx-flyout', '@acpaas-ui/ngx-selectable-list', 'inputmask', 'lodash-es', 'rxjs', 'rxjs/operators', '@acpaas-ui/js-date-utils', '@acpaas-ui/ngx-calendar', '@acpaas-ui/ngx-utils', '@acpaas-ui/ngx-icon', '@acpaas-ui/ngx-progress-bar', 'ng2-ckeditor'], factory) :
-    (global = global || self, factory((global['acpaas-ui'] = global['acpaas-ui'] || {}, global['acpaas-ui']['ngx-forms'] = {}), global.ng.core, global.ng.common, global.ng.forms, global.ngxFlyout, global.ngxSelectableList, global.Inputmask, global.lodashEs, global.rxjs, global.rxjs.operators, global.jsDateUtils, global.ngxCalendar, global.ngxUtils, global.ngxIcon, global.ngxProgressBar, global.ng2Ckeditor));
-}(this, (function (exports, core, common, forms, ngxFlyout, ngxSelectableList, Inputmask, lodashEs, rxjs, operators, jsDateUtils, ngxCalendar, ngxUtils, ngxIcon, ngxProgressBar, ng2Ckeditor) { 'use strict';
-
-    Inputmask = Inputmask && Inputmask.hasOwnProperty('default') ? Inputmask['default'] : Inputmask;
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-
-    var extendStatics = function(d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-
-    function __extends(d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
-            }
-        return t;
-    }
-
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); }
-    }
-
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-    }
-
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-            function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f) throw new TypeError("Generator is already executing.");
-            while (_) try {
-                if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-                if (y = 0, t) op = [op[0] & 2, t.value];
-                switch (op[0]) {
-                    case 0: case 1: t = op; break;
-                    case 4: _.label++; return { value: op[1], done: false };
-                    case 5: _.label++; y = op[1]; op = [0]; continue;
-                    case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                    default:
-                        if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                        if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                        if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                        if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                        if (t[2]) _.ops.pop();
-                        _.trys.pop(); continue;
-                }
-                op = body.call(thisArg, _);
-            } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-            if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-
-    function __createBinding(o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-    }
-
-    function __exportStar(m, exports) {
-        for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) exports[p] = m[p];
-    }
-
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m) return m.call(o);
-        if (o && typeof o.length === "number") return {
-            next: function () {
-                if (o && i >= o.length) o = void 0;
-                return { value: o && o[i++], done: !o };
-            }
-        };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m) return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-        }
-        catch (error) { e = { error: error }; }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"])) m.call(i);
-            }
-            finally { if (e) throw e.error; }
-        }
-        return ar;
-    }
-
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    };
-
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
-    }
-
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-    }
-
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-        return cooked;
-    };
-
-    function __importStar(mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-        result.default = mod;
-        return result;
-    }
-
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
-    }
-
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
-    }
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/mask/directives/mask.directive.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var MaskDirective = /** @class */ (function () {
-        function MaskDirective(ref) {
-            this.ref = ref;
-        }
-        /**
-         * @return {?}
-         */
-        MaskDirective.prototype.ngOnChanges = /**
-         * @return {?}
-         */
-        function () {
-            this.setMask(this.auiMask);
-        };
-        /**
-         * @private
-         * @param {?} mask
-         * @return {?}
-         */
-        MaskDirective.prototype.setMask = /**
-         * @private
-         * @param {?} mask
-         * @return {?}
-         */
-        function (mask) {
-            Inputmask(mask).mask(this.ref.nativeElement);
-        };
-        MaskDirective.decorators = [
-            { type: core.Directive, args: [{
-                        selector: '[auiMask]',
-                    },] }
-        ];
-        /** @nocollapse */
-        MaskDirective.ctorParameters = function () { return [
-            { type: core.ElementRef }
-        ]; };
-        MaskDirective.propDecorators = {
-            auiMask: [{ type: core.Input }]
-        };
-        return MaskDirective;
-    }());
-    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
-     */
-    var MaskModule = /** @class */ (function () {
-        function MaskModule() {
-        }
-        MaskModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            common.CommonModule,
-                        ],
-                        declarations: [
-                            MaskDirective,
-                        ],
-                        exports: [
-                            MaskDirective,
-                        ],
-                        providers: [],
-                    },] }
-        ];
-        return MaskModule;
-    }());
-
-    /**
-     * @fileoverview added by tsickle
-     * Generated from: lib/shared/services/search.service.ts
-     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
-     */
-    var SearchService = /** @class */ (function () {
-        function SearchService() {
-            this.matchItemWithSearchString = (/**
-             * @param {?} item
-             * @param {?} searchString
-             * @return {?}
-             */
-            function (item, searchString) {
-                return String(item).toLowerCase().indexOf(searchString.toLowerCase()) > -1;
-            });
-        }
-        /**
-         * @param {?} data
-         * @param {?=} options
-         * @return {?}
-         */
-        SearchService.prototype.search = /**
-         * @param {?} data
-         * @param {?=} options
-         * @return {?}
-         */
-        function (data, options) {
-            var _this = this;
-            if (options === void 0) { options = {}; }
-            /** @type {?} */
-            var query = options.hasOwnProperty('query') ? options.query : '';
-            /** @type {?} */
-            var minLength = options.hasOwnProperty('minLength') ? options.minLength : 0;
-            /** @type {?} */
-            var key = options.hasOwnProperty('key') ? options.key : '';
-            if ((!query && options.showAllByDefault) || query.length < minLength) {
-                return __spread(data);
-            }
-            return __spread(data).filter((/**
-             * @param {?} item
-             * @return {?}
-             */
-            function (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: core.Injectable }
-        ];
-        return SearchService;
-    }());
-    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
-     */
-    var AutoCompleteComponent = /** @class */ (function () {
-        function AutoCompleteComponent(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 core.EventEmitter();
-            this.select = new core.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 {?}
-             */
-            function (_) {
-            });
-        }
-        // CONTROL_VALUE_ACCESSOR interface
-        // CONTROL_VALUE_ACCESSOR interface
-        /**
-         * @param {?=} value
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.writeValue = 
-        // CONTROL_VALUE_ACCESSOR interface
-        /**
-         * @param {?=} value
-         * @return {?}
-         */
-        function (value) {
-            var _this = this;
-            if (value === void 0) { value = ''; }
-            if (this.value) {
-                /** @type {?} */
-                var selected = this.data.find((/**
-                 * @param {?} item
-                 * @return {?}
-                 */
-                function (item) { return 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
-        // CONTROL_VALUE_ACCESSOR interface
-        /**
-         * @param {?} fn
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.registerOnChange = 
-        // CONTROL_VALUE_ACCESSOR interface
-        /**
-         * @param {?} fn
-         * @return {?}
-         */
-        function (fn) {
-            this.updateModel = fn;
-        };
-        // CONTROL_VALUE_ACCESSOR interface
-        // CONTROL_VALUE_ACCESSOR interface
-        /**
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.registerOnTouched = 
-        // CONTROL_VALUE_ACCESSOR interface
-        /**
-         * @return {?}
-         */
-        function () {
-        };
-        /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.setDisabledState = /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        function (isDisabled) {
-            this.isDisabled = isDisabled;
-        };
-        /**
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            if ((Array.isArray(this.data) && this.data.length > 0) && !this.query && this.showAllByDefault) {
-                this.results = __spread(this.data);
-            }
-        };
-        // OnChanges interface
-        // OnChanges interface
-        /**
-         * @param {?} changes
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.ngOnChanges = 
-        // OnChanges interface
-        /**
-         * @param {?} changes
-         * @return {?}
-         */
-        function (changes) {
-            if (!changes) {
-                return;
-            }
-            /** @type {?} */
-            var newData = lodashEs.get(changes, 'data.currentValue', []);
-            if (!lodashEs.isEqual(newData, lodashEs.get(changes, 'data.previousValue', []))) {
-                if (this.remote) {
-                    this.remoteSearch();
-                }
-                else {
-                    this.localSearch();
-                }
-            }
-            if (changes.results && changes.results.currentValue) {
-                this.searching = false;
-            }
-        };
-        /**
-         * @param {?} item
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.propagateChange = /**
-         * @param {?} item
-         * @return {?}
-         */
-        function (item) {
-            this.query = item !== null ? (this.label ? item[this.label] : item) : '';
-            this.select.emit(item);
-            if (!item) {
-                return;
-            }
-            /** @type {?} */
-            var key = this.value ? this.value : this.label ? this.label : null;
-            this.updateModel(key ? item[key] || '' : item);
-            this.selectedItem = item;
-        };
-        /**
-         * triggers on input value change
-         */
-        /**
-         * triggers on input value change
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.doSearch = /**
-         * triggers on input value change
-         * @return {?}
-         */
-        function () {
-            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
-         */
-        /**
-         * triggers on selectable-list:select -> onClick event in selectable-list
-         * @param {?} item
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.onSelect = /**
-         * triggers on selectable-list:select -> onClick event in selectable-list
-         * @param {?} item
-         * @return {?}
-         */
-        function (item) {
-            this.propagateChange(item);
-            this.closeFlyout(); // Close the flyout manually
-        };
-        /**
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.onFlyoutClosed = /**
-         * @return {?}
-         */
-        function () {
-            // 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 {?}
-         */
-        AutoCompleteComponent.prototype.onKeyArrowDown = /**
-         * @return {?}
-         */
-        function () {
-            if (this.index < this.results.length - 1) {
-                this.scrollList(1);
-            }
-            this.openFlyout();
-        };
-        /**
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.onKeyArrowUp = /**
-         * @return {?}
-         */
-        function () {
-            if (this.index >= 0) {
-                this.scrollList(-1);
-            }
-        };
-        /**
-         * @param {?} event
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.onKeyEnter = /**
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) {
-            event.preventDefault(); // Do not submit form when selecting an item.
-            // Do not submit form when selecting an item.
-            /** @type {?} */
-            var query = this.index >= 0 ? this.results[this.index] : this.query;
-            this.propagateChange(query);
-            this.closeFlyout();
-        };
-        /**
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.onKeyEscape = /**
-         * @return {?}
-         */
-        function () {
-            this.closeFlyout();
-        };
-        /**
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.onFocus = /**
-         * @return {?}
-         */
-        function () {
-            this.focused = true;
-            this.openFlyout();
-        };
-        /**
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.openFlyout = /**
-         * @return {?}
-         */
-        function () {
-            if (this.flyout) {
-                this.flyout.open();
-            }
-        };
-        /**
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.closeFlyout = /**
-         * @return {?}
-         */
-        function () {
-            if (this.flyout) {
-                this.flyout.close();
-            }
-            this.focused = false;
-        };
-        /**
-         * @return {?}
-         */
-        AutoCompleteComponent.prototype.localSearch = /**
-         * @return {?}
-         */
-        function () {
-            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 {?}
-         */
-        AutoCompleteComponent.prototype.remoteSearch = /**
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            if (!this.remoteValue || !this.data) {
-                return;
-            }
-            /** @type {?} */
-            var selected = this.data.find((/**
-             * @param {?} item
-             * @return {?}
-             */
-            function (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 {?}
-         */
-        AutoCompleteComponent.prototype.scrollList = /**
-         * @param {?} factor
-         * @return {?}
-         */
-        function (factor) {
-            this.index += factor;
-            if (!this.flyoutZone) {
-                return;
-            }
-            /** @type {?} */
-            var liItems = this.flyoutZone.element.getElementsByTagName('li');
-            /** @type {?} */
-            var liHeight = (liItems[1] ? liItems[1].offsetHeight : liItems[0].offsetHeight);
-            /** @type {?} */
-            var zoneHeight = this.flyoutZone.element.offsetHeight;
-            /** @type {?} */
-            var offset = (zoneHeight / liHeight) / 2;
-            this.flyoutZone.element.scrollTop = (this.index * liHeight) - (offset * liHeight);
-        };
-        AutoCompleteComponent.decorators = [
-            { type: core.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: forms.NG_VALUE_ACCESSOR,
-                                useExisting: core.forwardRef((/**
-                                 * @return {?}
-                                 */
-                                function () { return AutoCompleteComponent; })),
-                                // tslint:disable-line
-                                multi: true,
-                            },
-                        ],
-                        styles: [".o-auto-complete,.o-auto-complete__info{display:block}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        AutoCompleteComponent.ctorParameters = function () { return [
-            { type: core.ElementRef },
-            { type: SearchService }
-        ]; };
-        AutoCompleteComponent.propDecorators = {
-            id: [{ type: core.Input }],
-            placeholder: [{ type: core.Input }],
-            results: [{ type: core.Input }],
-            data: [{ type: core.Input }],
-            remote: [{ type: core.Input }],
-            minCharacters: [{ type: core.Input }],
-            mask: [{ type: core.Input }],
-            clearInvalid: [{ type: core.Input }],
-            searchIncentiveText: [{ type: core.Input }],
-            loadingText: [{ type: core.Input }],
-            noResultsText: [{ type: core.Input }],
-            showAllByDefault: [{ type: core.Input }],
-            autoComplete: [{ type: core.Input }],
-            label: [{ type: core.Input }],
-            value: [{ type: core.Input }],
-            search: [{ type: core.Output }],
-            select: [{ type: core.Output }],
-            flyout: [{ type: core.ViewChild, args: [ngxFlyout.FlyoutDirective, { static: true },] }],
-            flyoutZone: [{ type: core.ViewChild, args: [ngxFlyout.FlyoutZoneDirective, { static: true },] }],
-            template: [{ type: core.ContentChild, args: [core.TemplateRef, { static: true },] }]
-        };
-        return AutoCompleteComponent;
-    }());
-    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
-     */
-    var AutoCompleteModule = /** @class */ (function () {
-        function AutoCompleteModule() {
-        }
-        AutoCompleteModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            common.CommonModule,
-                            forms.FormsModule,
-                            ngxFlyout.FlyoutModule,
-                            ngxSelectableList.SelectableListModule,
-                            MaskModule,
-                        ],
-                        declarations: [
-                            AutoCompleteComponent,
-                        ],
-                        exports: [
-                            AutoCompleteComponent,
-                        ],
-                        providers: [
-                            SearchService,
-                        ],
-                    },] }
-        ];
-        return AutoCompleteModule;
-    }());
-
-    /**
-     * @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 {?} */
-    var DATEPICKER_ERROR_LABELS = new core.InjectionToken('errorLabels');
-    /** @type {?} */
-    var DATEPICKER_DEFAULT_ERROR_LABELS = {
-        ERRORS_INVALID_DATE: 'INVALID_DATE',
-        ERRORS_INVALID_RANGE: 'INVALID_RANGE',
-    };
-    /** @type {?} */
-    var DATEPICKER_SEPARATOR_CHAR = '/';
-    /** @type {?} */
-    var 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
-     */
-    var DatepickerComponent = /** @class */ (function () {
-        function DatepickerComponent(moduleMonthLabels, moduleWeekdayLabels, errorLabels, calendarService, formBuilder, ref) {
-            if (moduleMonthLabels === void 0) { moduleMonthLabels = ngxCalendar.CALENDAR_DEFAULT_MONTH_LABELS; }
-            if (moduleWeekdayLabels === void 0) { moduleWeekdayLabels = ngxCalendar.CALENDAR_DEFAULT_WEEKDAY_LABELS; }
-            if (errorLabels === void 0) { errorLabels = DATEPICKER_DEFAULT_ERROR_LABELS; }
-            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 core.EventEmitter();
-            this.dateMask = { mask: DATEPICKER_DATE_MASK, showMaskOnHover: false };
-            this.isDisabled = false;
-            this.componentDestroyed$ = new rxjs.Subject();
-            this.onChange = (/**
-             * @return {?}
-             */
-            function () { return undefined; });
-            this.onTouched = (/**
-             * @return {?}
-             */
-            function () { return undefined; });
-        }
-        /**
-         * @return {?}
-         */
-        DatepickerComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            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(operators.takeUntil(this.componentDestroyed$))
-                .subscribe((/**
-             * @param {?} value
-             * @return {?}
-             */
-            function (value) {
-                if (value) {
-                    /** @type {?} */
-                    var format = value.split(DATEPICKER_SEPARATOR_CHAR).reverse().join('-');
-                    /** @type {?} */
-                    var date = jsDateUtils.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 {?}
-         */
-        DatepickerComponent.prototype.ngOnChanges = /**
-         * @param {?} changes
-         * @return {?}
-         */
-        function (changes) {
-            if (changes.min || changes.max) {
-                this.createInterval();
-            }
-        };
-        /**
-         * @return {?}
-         */
-        DatepickerComponent.prototype.ngOnDestroy = /**
-         * @return {?}
-         */
-        function () {
-            this.componentDestroyed$.next(true);
-            this.componentDestroyed$.complete();
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        DatepickerComponent.prototype.createInterval = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            if (!this.min && !this.max) {
-                return;
-            }
-            // Create an interval if min/max is filled in
-            this.interval = ngxUtils.IntervalBuilder.dateInterval(this.min ? new Date(this.min) : null, this.max ? new Date(this.max) : null)
-                .not()
-                .build();
-        };
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        DatepickerComponent.prototype.writeValue = /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this.selectedDate = typeof value === 'string'
-                ? this.isISODateFormat(value) ? new Date(value) : jsDateUtils.DateHelper.parseDate(value, 'dd/MM/yyyy')
-                : value;
-            /** @type {?} */
-            var dateString = this.selectedDate ? this.formatDate(this.selectedDate) : '';
-            this.formControl.setValue(dateString);
-        };
-        /**
-         * @param {?} onChange
-         * @return {?}
-         */
-        DatepickerComponent.prototype.registerOnChange = /**
-         * @param {?} onChange
-         * @return {?}
-         */
-        function (onChange) {
-            this.onChange = onChange;
-        };
-        /**
-         * @param {?} onTouched
-         * @return {?}
-         */
-        DatepickerComponent.prototype.registerOnTouched = /**
-         * @param {?} onTouched
-         * @return {?}
-         */
-        function (onTouched) {
-            this.onTouched = onTouched;
-        };
-        /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        DatepickerComponent.prototype.setDisabledState = /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        function (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 {?}
-         */
-        DatepickerComponent.prototype.selectDateFromCalendar = /**
-         * @param {?} result
-         * @return {?}
-         */
-        function (result) {
-            if (result.complete) {
-                this.formControl.setValue(this.formatDate(result.date));
-                this.flyout.close();
-            }
-        };
-        /**
-         * @param {?} date
-         * @return {?}
-         */
-        DatepickerComponent.prototype.formatDate = /**
-         * @param {?} date
-         * @return {?}
-         */
-        function (date) {
-            return jsDateUtils.DateHelper.formatDate(date, 'DD/MM/YYYY', {
-                leadingZero: true,
-                monthLabels: this.monthLabels,
-                weekdayLabels: this.weekdayLabels,
-            });
-        };
-        /**
-         * @param {?} ctrl
-         * @return {?}
-         */
-        DatepickerComponent.prototype.validate = /**
-         * @param {?} ctrl
-         * @return {?}
-         */
-        function (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 {?} */
-            var date = jsDateUtils.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 {?} */
-            var range = this.calendarService.getRangeForDate(date, this.range);
-            return range.indexOf(date.getDate()) >= 0 ? {
-                range: this.errorLabels.ERRORS_INVALID_RANGE,
-            } : null;
-        };
-        /**
-         * @param {?} e
-         * @return {?}
-         */
-        DatepickerComponent.prototype.handleBlur = /**
-         * @param {?} e
-         * @return {?}
-         */
-        function (e) {
-            this.blur.emit(e);
-            this.onTouched(e);
-        };
-        /**
-         * @private
-         * @param {?} value
-         * @return {?}
-         */
-        DatepickerComponent.prototype.isISODateFormat = /**
-         * @private
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            if (typeof value !== 'string') {
-                return false;
-            }
-            return value.match(/\d{4}-\d{2}-\d{2}T.*/);
-        };
-        DatepickerComponent.decorators = [
-            { type: core.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: core.ChangeDetectionStrategy.OnPush,
-                        providers: [{
-                                provide: forms.NG_VALUE_ACCESSOR,
-                                useExisting: core.forwardRef((/**
-                                 * @return {?}
-                                 */
-                                function () { return DatepickerComponent; })),
-                                // tslint:disable-line:no-forward-ref
-                                multi: true,
-                            }, {
-                                provide: forms.NG_VALIDATORS,
-                                useExisting: core.forwardRef((/**
-                                 * @return {?}
-                                 */
-                                function () { return DatepickerComponent; })),
-                                // tslint:disable-line:no-forward-ref
-                                multi: true,
-                            }],
-                        styles: [".aui-datepicker,:host{display:block}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        DatepickerComponent.ctorParameters = function () { return [
-            { type: undefined, decorators: [{ type: core.Inject, args: [ngxCalendar.CALENDAR_MONTH_LABELS,] }] },
-            { type: undefined, decorators: [{ type: core.Inject, args: [ngxCalendar.CALENDAR_WEEKDAY_LABELS,] }] },
-            { type: undefined, decorators: [{ type: core.Inject, args: [DATEPICKER_ERROR_LABELS,] }] },
-            { type: ngxCalendar.CalendarService },
-            { type: forms.FormBuilder },
-            { type: core.ChangeDetectorRef }
-        ]; };
-        DatepickerComponent.propDecorators = {
-            flyout: [{ type: core.ViewChild, args: [ngxFlyout.FlyoutDirective, { static: true },] }],
-            id: [{ type: core.Input }],
-            name: [{ type: core.Input }],
-            placeholder: [{ type: core.Input }],
-            range: [{ type: core.Input }],
-            min: [{ type: core.Input }],
-            max: [{ type: core.Input }],
-            autocomplete: [{ type: core.Input }],
-            weekdayLabels: [{ type: core.Input }],
-            monthLabels: [{ type: core.Input }],
-            blur: [{ type: core.Output }]
-        };
-        return DatepickerComponent;
-    }());
-    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
-     */
-    var ɵ0 = ngxCalendar.CALENDAR_DEFAULT_WEEKDAY_LABELS, ɵ1 = ngxCalendar.CALENDAR_DEFAULT_MONTH_LABELS, ɵ2 = DATEPICKER_DEFAULT_ERROR_LABELS;
-    var DatepickerModule = /** @class */ (function () {
-        function DatepickerModule() {
-        }
-        /**
-         * @param {?} weekdayLabels
-         * @param {?} monthLabels
-         * @param {?} errorLabels
-         * @return {?}
-         */
-        DatepickerModule.forChild = /**
-         * @param {?} weekdayLabels
-         * @param {?} monthLabels
-         * @param {?} errorLabels
-         * @return {?}
-         */
-        function (weekdayLabels, monthLabels, errorLabels) {
-            return {
-                ngModule: DatepickerModule,
-                providers: [
-                    { provide: ngxCalendar.CALENDAR_WEEKDAY_LABELS, useValue: weekdayLabels },
-                    { provide: ngxCalendar.CALENDAR_MONTH_LABELS, useValue: monthLabels },
-                    { provide: DATEPICKER_ERROR_LABELS, useValue: errorLabels },
-                ],
-            };
-        };
-        DatepickerModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            common.CommonModule,
-                            forms.FormsModule,
-                            forms.ReactiveFormsModule,
-                            ngxCalendar.CalendarModule,
-                            ngxIcon.IconModule,
-                            ngxFlyout.FlyoutModule,
-                            MaskModule,
-                        ],
-                        declarations: [
-                            DatepickerComponent,
-                        ],
-                        exports: [
-                            DatepickerComponent,
-                        ],
-                        providers: [
-                            { provide: ngxCalendar.CALENDAR_WEEKDAY_LABELS, useValue: ɵ0 },
-                            { provide: ngxCalendar.CALENDAR_MONTH_LABELS, useValue: ɵ1 },
-                            { provide: DATEPICKER_ERROR_LABELS, useValue: ɵ2 },
-                        ],
-                    },] }
-        ];
-        return DatepickerModule;
-    }());
-
-    /**
-     * @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
-     */
-    var RangeSliderComponent = /** @class */ (function () {
-        function RangeSliderComponent(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 {?}
-             */
-            function (value) {
-            });
-        }
-        Object.defineProperty(RangeSliderComponent.prototype, "disabledClass", {
-            get: /**
-             * @return {?}
-             */
-            function () {
-                return this.isDisabled;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        /**
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            if (this.step > 0) {
-                for (var 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 {?}
-         */
-        RangeSliderComponent.prototype.writeValue = /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (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 {?}
-         */
-        RangeSliderComponent.prototype.registerOnTouched = /**
-         * @return {?}
-         */
-        function () {
-        };
-        /**
-         * @param {?} fn
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.registerOnChange = /**
-         * @param {?} fn
-         * @return {?}
-         */
-        function (fn) {
-            this.propagateChange = fn;
-        };
-        /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.setDisabledState = /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        function (isDisabled) {
-            this.isDisabled = isDisabled;
-        };
-        /**
-         * @param {?} handle
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.onMouseDown = /**
-         * @param {?} handle
-         * @return {?}
-         */
-        function (handle) {
-            if (this.isDisabled) {
-                return;
-            }
-            this.hasFocus = true;
-            this.active = handle;
-        };
-        /**
-         * @param {?} hasFocus
-         * @param {?} element
-         * @param {?} $event
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.toggleFocus = /**
-         * @param {?} hasFocus
-         * @param {?} element
-         * @param {?} $event
-         * @return {?}
-         */
-        function (hasFocus, element, $event) {
-            if (this.isDisabled) {
-                return;
-            }
-            $event.preventDefault();
-            this.hasFocus = hasFocus;
-            this.active = element;
-        };
-        /**
-         * @param {?} $event
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.onKeyDown = /**
-         * @param {?} $event
-         * @return {?}
-         */
-        function ($event) {
-            var _this = this;
-            if (!this.hasFocus) {
-                return;
-            }
-            /** @type {?} */
-            var key = $event.keyCode;
-            /** @type {?} */
-            var keyCodes = {
-                end: 35,
-                home: 36,
-                left: 37,
-                up: 38,
-                right: 39,
-                down: 40,
-            };
-            if (Object.keys(keyCodes).map((/**
-             * @param {?} e
-             * @return {?}
-             */
-            function (e) { return keyCodes[e]; })).indexOf(key) === -1) {
-                return;
-            }
-            /** @type {?} */
-            var increment = this.minimalDistance;
-            if (this.step > 0) {
-                increment = Number(this.step);
-            }
-            /** @type {?} */
-            var processValue = (/**
-             * @param {?} dir
-             * @return {?}
-             */
-            function (dir) {
-                /** @type {?} */
-                var newValue = (_this.active === 'start' ? _this.start : Number(_this.end));
-                if (dir === 'up') {
-                    newValue += increment;
-                }
-                else {
-                    newValue -= increment;
-                }
-                /** @type {?} */
-                var 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 {?}
-         */
-        RangeSliderComponent.prototype.onMouseUp = /**
-         * @param {?} event
-         * @return {?}
-         */
-        function (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 {?}
-         */
-        RangeSliderComponent.prototype.mouseDown = /**
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) {
-            this.click = true;
-        };
-        /**
-         * @param {?} event
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.onMouseMove = /**
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) {
-            if (!this.active || !this.click) {
-                return;
-            }
-            event.preventDefault(); // Do not select text while sliding
-            // Do not select text while sliding
-            /** @type {?} */
-            var x = ((/** @type {?} */ (event))).x !== undefined ? ((/** @type {?} */ (event))).x : ((/** @type {?} */ (event))).targetTouches[0].pageX;
-            /** @type {?} */
-            var rect = this.elRef.nativeElement.getBoundingClientRect();
-            /** @type {?} */
-            var newPercentage = this.calcPercentage(x, rect.width, rect.left);
-            this.updateHandle(newPercentage);
-        };
-        /**
-         * @param {?} newPercentage
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.updateHandle = /**
-         * @param {?} newPercentage
-         * @return {?}
-         */
-        function (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 ---------- //
-        // ---------- HELPERS ---------- //
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.setStart = 
-        // ---------- HELPERS ---------- //
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this.start = value;
-            if (this.end) {
-                this.propagateChange((/** @type {?} */ ({
-                    start: this.start,
-                    end: this.end,
-                })));
-            }
-            else {
-                this.propagateChange(this.start);
-            }
-        };
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.setEnd = /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this.end = value;
-            this.propagateChange((/** @type {?} */ ({
-                start: this.start,
-                end: this.end,
-            })));
-        };
-        /**
-         * @param {?} n
-         * @param {?} increment
-         * @param {?} offset
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.round = /**
-         * @param {?} n
-         * @param {?} increment
-         * @param {?} offset
-         * @return {?}
-         */
-        function (n, increment, offset) {
-            if (increment > 0) {
-                return Math.round((n - offset) / increment) * increment + offset;
-            }
-            return n;
-        };
-        /**
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.startToPercentage = /**
-         * @return {?}
-         */
-        function () {
-            return Math.round((this.start - this.min) / (this.max - this.min) * 100);
-        };
-        /**
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.percentageToStart = /**
-         * @return {?}
-         */
-        function () {
-            return Math.round((this.startPercentage / 100) * (this.max - this.min) + Number(this.min));
-        };
-        /**
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.endToPercentage = /**
-         * @return {?}
-         */
-        function () {
-            return Math.round((Number(this.end) - this.min) / (this.max - this.min) * 100);
-        };
-        /**
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.percentageToEnd = /**
-         * @return {?}
-         */
-        function () {
-            return Math.round((this.endPercentage / 100) * (this.max - this.min) + Number(this.min));
-        };
-        /**
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.minimalDistanceNotRespected = /**
-         * @return {?}
-         */
-        function () {
-            return this.minimalDistance >= 0 && this.end && this.start > Number(this.end) - this.minimalDistance;
-        };
-        /**
-         * @param {?} mouseX
-         * @param {?} width
-         * @param {?} offsetLeft
-         * @return {?}
-         */
-        RangeSliderComponent.prototype.calcPercentage = /**
-         * @param {?} mouseX
-         * @param {?} width
-         * @param {?} offsetLeft
-         * @return {?}
-         */
-        function (mouseX, width, offsetLeft) {
-            /** @type {?} */
-            var mousePos = mouseX - offsetLeft;
-            /** @type {?} */
-            var newPercentage = Math.round((mousePos / width) * 100);
-            if (newPercentage > 100) {
-                newPercentage = 100;
-            }
-            if (newPercentage < 0) {
-                newPercentage = 0;
-            }
-            return newPercentage;
-        };
-        RangeSliderComponent.decorators = [
-            { type: core.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: forms.NG_VALUE_ACCESSOR,
-                                useExisting: core.forwardRef((/**
-                                 * @return {?}
-                                 */
-                                function () { 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 = function () { return [
-            { type: core.ElementRef }
-        ]; };
-        RangeSliderComponent.propDecorators = {
-            coreBranding: [{ type: core.HostBinding, args: ['class.m-range-slider',] }],
-            min: [{ type: core.Input }],
-            max: [{ type: core.Input }],
-            minimalDistance: [{ type: core.Input }],
-            step: [{ type: core.Input }],
-            labelBefore: [{ type: core.Input }],
-            labelAfter: [{ type: core.Input }],
-            disabledClass: [{ type: core.HostBinding, args: ['class.is-disabled',] }],
-            onKeyDown: [{ type: core.HostListener, args: ['document:keydown', ['$event'],] }],
-            onMouseUp: [{ type: core.HostListener, args: ['touchend', ['$event'],] }, { type: core.HostListener, args: ['mouseup', ['$event'],] }],
-            mouseDown: [{ type: core.HostListener, args: ['touchstart', ['$event'],] }, { type: core.HostListener, args: ['mousedown', ['$event'],] }],
-            onMouseMove: [{ type: core.HostListener, args: ['touchmove', ['$event'],] }, { type: core.HostListener, args: ['mousemove', ['$event'],] }]
-        };
-        return RangeSliderComponent;
-    }());
-    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
-     */
-    var RangeSliderModule = /** @class */ (function () {
-        function RangeSliderModule() {
-        }
-        RangeSliderModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            common.CommonModule,
-                            forms.FormsModule,
-                        ],
-                        declarations: [
-                            RangeSliderComponent,
-                        ],
-                        exports: [
-                            RangeSliderComponent,
-                        ],
-                    },] }
-        ];
-        return RangeSliderModule;
-    }());
-
-    /**
-     * @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
-     */
-    var SearchFilterComponent = /** @class */ (function () {
-        function SearchFilterComponent() {
-            this.flyoutSize = ngxFlyout.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 core.EventEmitter();
-            this.query = '';
-            this.selectedItems = [];
-            this.filteredChoices = [];
-            this.loading = false;
-            this.isDisabled = false;
-            this.updateModel = (/**
-             * @return {?}
-             */
-            function () {
-            });
-            this.filterDataFromSearch = lodashEs.debounce(this.filterData.bind(this), this.inputDelay);
-        }
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        SearchFilterComponent.prototype.writeValue = /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this.selectedItems = Array.isArray(value) ? value : [];
-        };
-        /**
-         * @param {?} onChange
-         * @return {?}
-         */
-        SearchFilterComponent.prototype.registerOnChange = /**
-         * @param {?} onChange
-         * @return {?}
-         */
-        function (onChange) {
-            this.updateModel = onChange;
-        };
-        /**
-         * @return {?}
-         */
-        SearchFilterComponent.prototype.registerOnTouched = /**
-         * @return {?}
-         */
-        function () {
-        };
-        /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        SearchFilterComponent.prototype.setDisabledState = /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        function (isDisabled) {
-            this.isDisabled = isDisabled;
-        };
-        /**
-         * @return {?}
-         */
-        SearchFilterComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            if (this.showAllByDefault) {
-                this.filterData();
-            }
-        };
-        /**
-         * @param {?} changes
-         * @return {?}
-         */
-        SearchFilterComponent.prototype.ngOnChanges = /**
-         * @param {?} changes
-         * @return {?}
-         */
-        function (changes) {
-            /** @type {?} */
-            var choices = lodashEs.get(changes, 'choices.currentValue', null);
-            if (!choices) {
-                return;
-            }
-            if (this.remote) {
-                this.filteredChoices = __spread(choices);
-                this.loading = false;
-            }
-            else {
-                this.filterData();
-            }
-        };
-        /**
-         * @return {?}
-         */
-        SearchFilterComponent.prototype.filterData = /**
-         * @return {?}
-         */
-        function () {
-            if (this.remote) {
-                this.loading = true;
-                return this.search.emit(this.query);
-            }
-            this.filterChoices();
-        };
-        /**
-         * @return {?}
-         */
-        SearchFilterComponent.prototype.clear = /**
-         * @return {?}
-         */
-        function () {
-            this.selectedItems = [];
-            this.query = '';
-            this.filterData();
-            this.updateModel(this.selectedItems);
-        };
-        /**
-         * @param {?} choice
-         * @return {?}
-         */
-        SearchFilterComponent.prototype.toggleSelected = /**
-         * @param {?} choice
-         * @return {?}
-         */
-        function (choice) {
-            /** @type {?} */
-            var selected = this.selectedItems.indexOf(choice);
-            if (selected < 0) {
-                this.selectedItems = this.selectedItems.concat(choice);
-            }
-            else {
-                this.selectedItems = __spread(this.selectedItems.slice(0, selected), this.selectedItems.slice(selected + 1));
-            }
-            this.updateModel(this.selectedItems);
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        SearchFilterComponent.prototype.filterChoices = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            this.filteredChoices = this.choices.filter((/**
-             * @param {?} choice
-             * @return {?}
-             */
-            function (choice) {
-                return (_this.selectedItems.indexOf(choice.value) < 0 &&
-                    choice.label.toLowerCase().indexOf(_this.query.toLowerCase()) >= 0);
-            }));
-        };
-        SearchFilterComponent.decorators = [
-            { type: core.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: forms.NG_VALUE_ACCESSOR,
-                                useExisting: core.forwardRef((/**
-                                 * @return {?}
-                                 */
-                                function () { return SearchFilterComponent; })),
-                                // tslint:disable-line:no-forward-ref
-                                multi: true,
-                            }]
-                    }] }
-        ];
-        /** @nocollapse */
-        SearchFilterComponent.ctorParameters = function () { return []; };
-        SearchFilterComponent.propDecorators = {
-            id: [{ type: core.Input }],
-            name: [{ type: core.Input }],
-            flyoutSize: [{ type: core.Input }],
-            flyoutAlign: [{ type: core.Input }],
-            label: [{ type: core.Input }],
-            labelDeselect: [{ type: core.Input }],
-            labelResults: [{ type: core.Input }],
-            labelNoResults: [{ type: core.Input }],
-            choices: [{ type: core.Input }],
-            remote: [{ type: core.Input }],
-            placeholder: [{ type: core.Input }],
-            inputDelay: [{ type: core.Input }],
-            showAllByDefault: [{ type: core.Input }],
-            size: [{ type: core.Input }],
-            search: [{ type: core.Output }]
-        };
-        return SearchFilterComponent;
-    }());
-    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
-     */
-    var SearchFilterModule = /** @class */ (function () {
-        function SearchFilterModule() {
-        }
-        SearchFilterModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            common.CommonModule,
-                            ngxFlyout.FlyoutModule,
-                            forms.FormsModule,
-                            ngxIcon.IconModule,
-                        ],
-                        declarations: [
-                            SearchFilterComponent,
-                        ],
-                        exports: [
-                            SearchFilterComponent,
-                        ],
-                    },] }
-        ];
-        return SearchFilterModule;
-    }());
-
-    /**
-     * @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
-     */
-    var TimePickerValidators = /** @class */ (function () {
-        function TimePickerValidators() {
-        }
-        // time `hh:mm` 24h format
-        // time `hh:mm` 24h format
-        /**
-         * @param {?} time
-         * @return {?}
-         */
-        TimePickerValidators.minTime = 
-        // time `hh:mm` 24h format
-        /**
-         * @param {?} time
-         * @return {?}
-         */
-        function (time) {
-            /** @type {?} */
-            var validator = (/**
-             * @param {?} control
-             * @return {?}
-             */
-            function (control) {
-                /** @type {?} */
-                var splittedControlValue = control.value.split(':');
-                /** @type {?} */
-                var controlHours = parseInt(splittedControlValue[0], 10);
-                /** @type {?} */
-                var controlMinutes = parseInt(splittedControlValue[1], 10);
-                /** @type {?} */
-                var splittedMinTime = time.split(':');
-                /** @type {?} */
-                var minHours = parseInt(splittedMinTime[0], 10);
-                /** @type {?} */
-                var 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
-        // time `hh:mm` 24h format
-        /**
-         * @param {?} time
-         * @return {?}
-         */
-        TimePickerValidators.maxTime = 
-        // time `hh:mm` 24h format
-        /**
-         * @param {?} time
-         * @return {?}
-         */
-        function (time) {
-            /** @type {?} */
-            var validator = (/**
-             * @param {?} control
-             * @return {?}
-             */
-            function (control) {
-                /** @type {?} */
-                var splittedControlValue = control.value.split(':');
-                /** @type {?} */
-                var controlHours = parseInt(splittedControlValue[0], 10);
-                /** @type {?} */
-                var controlMinutes = parseInt(splittedControlValue[1], 10);
-                /** @type {?} */
-                var splittedMinTime = time.split(':');
-                /** @type {?} */
-                var maxHours = parseInt(splittedMinTime[0], 10);
-                /** @type {?} */
-                var 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;
-        };
-        return TimePickerValidators;
-    }());
-
-    /**
-     * @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} */
-    var 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
-     */
-    var TimepickerComponent = /** @class */ (function () {
-        function TimepickerComponent(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 forms.FormControl();
-            this.componentDestroyed$ = new rxjs.Subject();
-        }
-        /**
-         * @return {?}
-         */
-        TimepickerComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            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(operators.takeUntil(this.componentDestroyed$))
-                .subscribe((/**
-             * @param {?} formData
-             * @return {?}
-             */
-            function (formData) {
-                if (formData.hours && formData.minutes) {
-                    _this.updateModel(formData.hours + ":" + formData.minutes);
-                }
-                else {
-                    _this.updateModel('');
-                }
-            }));
-            this.timeControl.valueChanges
-                .pipe(operators.takeUntil(this.componentDestroyed$))
-                .subscribe((/**
-             * @param {?} time
-             * @return {?}
-             */
-            function (time) {
-                _this.updateModel(time);
-            }));
-        };
-        /**
-         * @return {?}
-         */
-        TimepickerComponent.prototype.ngOnDestroy = /**
-         * @return {?}
-         */
-        function () {
-            this.componentDestroyed$.next(true);
-            this.componentDestroyed$.complete();
-        };
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        TimepickerComponent.prototype.writeValue = /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this.timeControl.setValue(value, { emitEvent: false });
-            if (value) {
-                /** @type {?} */
-                var splitted = value.split(':');
-                this.fallbackForm.get('hours').setValue(splitted[0], { emitEvent: false });
-                this.fallbackForm.get('minutes').setValue(splitted[1], { emitEvent: false });
-            }
-        };
-        /**
-         * @param {?} onChange
-         * @return {?}
-         */
-        TimepickerComponent.prototype.registerOnChange = /**
-         * @param {?} onChange
-         * @return {?}
-         */
-        function (onChange) {
-            this.updateModel = onChange;
-        };
-        /**
-         * @return {?}
-         */
-        TimepickerComponent.prototype.registerOnTouched = /**
-         * @return {?}
-         */
-        function () {
-        };
-        /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        TimepickerComponent.prototype.setDisabledState = /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        function (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 {?}
-         */
-        TimepickerComponent.prototype.supportsNativeTimepicker = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            /** @type {?} */
-            var element = this.renderer.createElement('input');
-            element.type = 'time';
-            return element.type === 'text';
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        TimepickerComponent.prototype.getMinutes = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            return Array(60).fill('').map((/**
-             * @param {?} value
-             * @param {?} index
-             * @return {?}
-             */
-            function (value, index) {
-                return jsDateUtils.DateHelper.addLeadingZero(index);
-            }));
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        TimepickerComponent.prototype.getHours = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            return Array(24).fill('').map((/**
-             * @param {?} value
-             * @param {?} index
-             * @return {?}
-             */
-            function (value, index) {
-                return jsDateUtils.DateHelper.addLeadingZero(index);
-            }));
-        };
-        TimepickerComponent.decorators = [
-            { type: core.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: core.ChangeDetectionStrategy.OnPush,
-                        providers: [{
-                                provide: forms.NG_VALUE_ACCESSOR,
-                                useExisting: core.forwardRef((/**
-                                 * @return {?}
-                                 */
-                                function () { return TimepickerComponent; })),
-                                // tslint:disable-line:no-forward-ref
-                                multi: true,
-                            }],
-                        styles: [":host{display:block}"]
-                    }] }
-        ];
-        /** @nocollapse */
-        TimepickerComponent.ctorParameters = function () { return [
-            { type: forms.FormBuilder },
-            { type: core.Renderer2 }
-        ]; };
-        TimepickerComponent.propDecorators = {
-            id: [{ type: core.Input }],
-            hoursPlaceholder: [{ type: core.Input }],
-            minutesPlaceholder: [{ type: core.Input }],
-            hasError: [{ type: core.Input }],
-            size: [{ type: core.Input }],
-            ariaLabelHours: [{ type: core.Input }],
-            ariaLabelMinutes: [{ type: core.Input }]
-        };
-        return TimepickerComponent;
-    }());
-    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
-     */
-    var TimepickerModule = /** @class */ (function () {
-        function TimepickerModule() {
-        }
-        TimepickerModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            forms.ReactiveFormsModule,
-                            common.CommonModule,
-                            ngxIcon.IconModule,
-                        ],
-                        declarations: [
-                            TimepickerComponent,
-                        ],
-                        exports: [
-                            TimepickerComponent,
-                        ],
-                        providers: [],
-                    },] }
-        ];
-        return TimepickerModule;
-    }());
-
-    /**
-     * @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 {?} */
-    var UPLOAD_OPTIONS_DEFAULT = {
-        allowedMimeTypes: [],
-        allowedFileTypes: [],
-        autoUpload: false,
-        maxFileSize: 0,
-        // 0 is infinite
-        queueLimit: 0,
-        // 0 is infinite
-        type: 'drop',
-        url: '',
-    };
-    /** @type {?} */
-    var UPLOAD_VALIDATION_MESSAGES = new core.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
-     */
-    var Uploader = /** @class */ (function () {
-        function Uploader(options) {
-            this.options = UPLOAD_OPTIONS_DEFAULT;
-            this.setOptions(options);
-        }
-        /**
-         * @param {?} options
-         * @return {?}
-         */
-        Uploader.prototype.setOptions = /**
-         * @param {?} options
-         * @return {?}
-         */
-        function (options) {
-            this.options = Object.assign({}, this.options, options);
-        };
-        /**
-         * @param {?} files
-         * @return {?}
-         */
-        Uploader.prototype.uploadFiles = /**
-         * @param {?} files
-         * @return {?}
-         */
-        function (files) {
-            var _this = this;
-            /** @type {?} */
-            var formData = this.filesToFormData(files);
-            return new rxjs.Observable((/**
-             * @param {?} observer
-             * @return {?}
-             */
-            function (observer) {
-                /** @type {?} */
-                var xhr = new XMLHttpRequest();
-                // Progress callback
-                xhr.upload.addEventListener('progress', (/**
-                 * @param {?} e
-                 * @return {?}
-                 */
-                function (e) {
-                    if (e.lengthComputable) {
-                        /** @type {?} */
-                        var percentComplete = e.loaded / e.total;
-                        observer.next({
-                            progress: percentComplete,
-                            data: null,
-                        });
-                    }
-                }));
-                // Complete callback
-                xhr.onload = (/**
-                 * @return {?}
-                 */
-                function () {
-                    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 {?}
-         */
-        Uploader.prototype.validateFiles = /**
-         * @param {?} files
-         * @return {?}
-         */
-        function (files) {
-            var e_1, _a;
-            /** @type {?} */
-            var validFiles = [];
-            /** @type {?} */
-            var invalidFiles = [];
-            if (files.length > 0) {
-                try {
-                    for (var files_1 = __values(files), files_1_1 = files_1.next(); !files_1_1.done; files_1_1 = files_1.next()) {
-                        var file = files_1_1.value;
-                        /** @type {?} */
-                        var 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: file,
-                            });
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (files_1_1 && !files_1_1.done && (_a = files_1.return)) _a.call(files_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-            return {
-                validFiles: validFiles,
-                invalidFiles: invalidFiles,
-            };
-        };
-        /**
-         * @protected
-         * @param {?} files
-         * @return {?}
-         */
-        Uploader.prototype.filesToFormData = /**
-         * @protected
-         * @param {?} files
-         * @return {?}
-         */
-        function (files) {
-            var e_2, _a;
-            /** @type {?} */
-            var formData = new FormData();
-            if (!this.options.url || this.options.url === '') {
-                throw new Error('Define the upload url.');
-            }
-            try {
-                for (var files_2 = __values(files), files_2_1 = files_2.next(); !files_2_1.done; files_2_1 = files_2.next()) {
-                    var file = files_2_1.value;
-                    formData.append('file', file);
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (files_2_1 && !files_2_1.done && (_a = files_2.return)) _a.call(files_2);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            return formData;
-        };
-        /**
-         * @protected
-         * @param {?} file
-         * @return {?}
-         */
-        Uploader.prototype.getFileExtension = /**
-         * @protected
-         * @param {?} file
-         * @return {?}
-         */
-        function (file) {
-            return file.name.split('.')[file.name.split('.').length - 1];
-        };
-        /**
-         * @protected
-         * @param {?} file
-         * @return {?}
-         */
-        Uploader.prototype.validateFileType = /**
-         * @protected
-         * @param {?} file
-         * @return {?}
-         */
-        function (file) {
-            /** @type {?} */
-            var allowedFileTypes = this.options.allowedFileTypes;
-            /** @type {?} */
-            var ext = this.getFileExtension(file);
-            // Filter defined?
-            if (!Array.isArray(allowedFileTypes) || allowedFileTypes.length === 0) {
-                return true;
-            }
-            // Make allowedFileTypes case insensitive
-            /** @type {?} */
-            var toUpper = (/**
-             * @param {?} x
-             * @return {?}
-             */
-            function (x) { return x.toUpperCase(); });
-            /** @type {?} */
-            var allowedFileTypesToUpper = allowedFileTypes.map(toUpper);
-            return allowedFileTypesToUpper.lastIndexOf(ext.toUpperCase()) !== -1;
-        };
-        /**
-         * @protected
-         * @param {?} file
-         * @return {?}
-         */
-        Uploader.prototype.validateFileSize = /**
-         * @protected
-         * @param {?} file
-         * @return {?}
-         */
-        function (file) {
-            /** @type {?} */
-            var maxFileSize = this.options.maxFileSize;
-            // Filter defined?
-            if (!maxFileSize || maxFileSize === 0) {
-                return true;
-            }
-            return maxFileSize > file.size;
-        };
-        /**
-         * @protected
-         * @param {?} file
-         * @return {?}
-         */
-        Uploader.prototype.validateMimeType = /**
-         * @protected
-         * @param {?} file
-         * @return {?}
-         */
-        function (file) {
-            /** @type {?} */
-            var allowedMimeTypes = this.options.allowedMimeTypes;
-            // Filter defined?
-            if (!Array.isArray(allowedMimeTypes) || allowedMimeTypes.length === 0) {
-                return true;
-            }
-            return allowedMimeTypes.lastIndexOf(file.type) !== -1;
-        };
-        return Uploader;
-    }());
-    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
-     */
-    var UploadComponent = /** @class */ (function () {
-        function UploadComponent() {
-            this.id = '';
-            this.accept = [];
-            this.capture = '';
-            this.ariaLabelRemove = 'Verwijder';
-            this.disabled = false;
-            this.multiple = true;
-            this.options = UPLOAD_OPTIONS_DEFAULT;
-            this.selectUploadedFiles = new core.EventEmitter();
-            this.uploadedFiles = [];
-            this.invalidFiles = [];
-            this.queuedFiles = [];
-        }
-        /**
-         * @return {?}
-         */
-        UploadComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            if (!this.id) {
-                this.ariaId = 'aui-upload-' + Math.random().toString(36).substring(2);
-            }
-            this.uploader = new Uploader(this.options);
-        };
-        /**
-         * @param {?} files
-         * @return {?}
-         */
-        UploadComponent.prototype.onUploadedFiles = /**
-         * @param {?} files
-         * @return {?}
-         */
-        function (files) {
-            this.uploadedFiles = this.uploadedFiles.concat(files);
-            this.selectUploadedFiles.emit(this.uploadedFiles);
-        };
-        /**
-         * @param {?} files
-         * @return {?}
-         */
-        UploadComponent.prototype.onInvalidFiles = /**
-         * @param {?} files
-         * @return {?}
-         */
-        function (files) {
-            this.invalidFiles = files;
-        };
-        /**
-         * @param {?} files
-         * @return {?}
-         */
-        UploadComponent.prototype.onQueuedFiles = /**
-         * @param {?} files
-         * @return {?}
-         */
-        function (files) {
-            this.queuedFiles = this.queuedFiles.concat(files);
-        };
-        UploadComponent.decorators = [
-            { type: core.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: core.Input }],
-            accept: [{ type: core.Input }],
-            capture: [{ type: core.Input }],
-            ariaLabelRemove: [{ type: core.Input }],
-            disabled: [{ type: core.Input }],
-            multiple: [{ type: core.Input }],
-            options: [{ type: core.Input }],
-            selectUploadedFiles: [{ type: core.Output }]
-        };
-        return UploadComponent;
-    }());
-    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
-     */
-    var UploadInputComponent = /** @class */ (function () {
-        function UploadInputComponent() {
-            this.propagateChange = (/**
-             * @param {?} _
-             * @return {?}
-             */
-            function (_) { return undefined; });
-        }
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        UploadInputComponent.prototype.writeValue = /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-        };
-        /**
-         * @param {?} fn
-         * @return {?}
-         */
-        UploadInputComponent.prototype.registerOnChange = /**
-         * @param {?} fn
-         * @return {?}
-         */
-        function (fn) {
-            this.propagateChange = fn;
-        };
-        /**
-         * @return {?}
-         */
-        UploadInputComponent.prototype.registerOnTouched = /**
-         * @return {?}
-         */
-        function () {
-        };
-        /**
-         * @param {?} files
-         * @return {?}
-         */
-        UploadInputComponent.prototype.onUpload = /**
-         * @param {?} files
-         * @return {?}
-         */
-        function (files) {
-            /** @type {?} */
-            var data = (this.format ? this.format(files) : files);
-            this.propagateChange(data);
-        };
-        UploadInputComponent.decorators = [
-            { type: core.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: forms.NG_VALUE_ACCESSOR,
-                                useExisting: UploadInputComponent,
-                                multi: true,
-                            }]
-                    }] }
-        ];
-        UploadInputComponent.propDecorators = {
-            options: [{ type: core.Input }],
-            format: [{ type: core.Input }]
-        };
-        return UploadInputComponent;
-    }());
-    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
-     */
-    var UploadQueueComponent = /** @class */ (function () {
-        function UploadQueueComponent() {
-            this.ariaLabelRemove = 'Verwijder';
-            this.uploadedFiles = new core.EventEmitter();
-            this.uploadProgress = 0;
-        }
-        /**
-         * @param {?} index
-         * @return {?}
-         */
-        UploadQueueComponent.prototype.remove = /**
-         * @param {?} index
-         * @return {?}
-         */
-        function (index) {
-            this.files.splice(index, 1);
-        };
-        /**
-         * @return {?}
-         */
-        UploadQueueComponent.prototype.uploadFiles = /**
-         * @return {?}
-         */
-        function () {
-            var _this = this;
-            /** @type {?} */
-            var progress = undefined;
-            /** @type {?} */
-            var data = undefined;
-            this.uploader.uploadFiles(this.files).subscribe((/**
-             * @param {?} response
-             * @return {?}
-             */
-            function (response) {
-                if (response.progress) {
-                    _this.uploadProgress = Math.floor(response.progress * 100);
-                }
-                if (response.data) {
-                    _this.uploadedFiles.emit(response.data);
-                    _this.files = [];
-                }
-            }));
-        };
-        UploadQueueComponent.decorators = [
-            { type: core.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: core.Input }],
-            uploader: [{ type: core.Input }],
-            ariaLabelRemove: [{ type: core.Input }],
-            uploadedFiles: [{ type: core.Output }]
-        };
-        return UploadQueueComponent;
-    }());
-    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
-     */
-    var UploadZoneComponent = /** @class */ (function () {
-        function UploadZoneComponent(renderer) {
-            this.renderer = renderer;
-            this.id = '';
-            this.accept = [];
-            this.capture = '';
-            this.ariaId = '';
-            this.disabled = false;
-            this.multiple = true;
-            this.uploadedFiles = new core.EventEmitter();
-            this.queuedFiles = new core.EventEmitter();
-            this.invalidFiles = new core.EventEmitter();
-            this.hasDragOver = false;
-            this.uploadProgress = 0;
-        }
-        /**
-         * @param {?} event
-         * @return {?}
-         */
-        UploadZoneComponent.prototype.onDragOver = /**
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) {
-            this.preventAndStop(event);
-            this.hasDragOver = true;
-        };
-        /**
-         * @param {?} event
-         * @return {?}
-         */
-        UploadZoneComponent.prototype.onDragLeave = /**
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) {
-            this.preventAndStop(event);
-            this.hasDragOver = false;
-        };
-        /**
-         * @param {?} event
-         * @return {?}
-         */
-        UploadZoneComponent.prototype.onDrop = /**
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) {
-            this.preventAndStop(event);
-            this.hasDragOver = false;
-            /** @type {?} */
-            var files = this.fileListToArray(event.dataTransfer.files);
-            this.handleFiles(files);
-        };
-        /**
-         * @return {?}
-         */
-        UploadZoneComponent.prototype.triggerFile = /**
-         * @return {?}
-         */
-        function () {
-            this.fileInput.nativeElement.click();
-        };
-        /**
-         * @return {?}
-         */
-        UploadZoneComponent.prototype.updateFiles = /**
-         * @return {?}
-         */
-        function () {
-            /** @type {?} */
-            var files = this.fileListToArray(this.fileInput.nativeElement.files);
-            this.handleFiles(files);
-        };
-        /**
-         * @param {?} event
-         * @return {?}
-         */
-        UploadZoneComponent.prototype.onFileClick = /**
-         * @param {?} event
-         * @return {?}
-         */
-        function (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 {?}
-         */
-        UploadZoneComponent.prototype.ngAfterViewInit = /**
-         * @return {?}
-         */
-        function () {
-            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 {?}
-         */
-        UploadZoneComponent.prototype.handleFiles = /**
-         * @protected
-         * @param {?} files
-         * @return {?}
-         */
-        function (files) {
-            /** @type {?} */
-            var 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 {?}
-         */
-        UploadZoneComponent.prototype.uploadFiles = /**
-         * @protected
-         * @param {?} files
-         * @return {?}
-         */
-        function (files) {
-            var _this = this;
-            // Reset progress
-            this.uploadProgress = 0;
-            this.uploadingFiles = files;
-            // upload
-            this.uploader.uploadFiles(files).subscribe((/**
-             * @param {?} response
-             * @return {?}
-             */
-            function (response) {
-                if (response.progress) {
-                    _this.uploadProgress = Math.floor(response.progress * 100);
-                }
-                if (response.data) {
-                    _this.uploadedFiles.emit(response.data);
-                }
-            }), (/**
-             * @param {?} err
-             * @return {?}
-             */
-            function (err) {
-                console.log(err);
-            }));
-        };
-        /**
-         * @protected
-         * @param {?} list
-         * @return {?}
-         */
-        UploadZoneComponent.prototype.fileListToArray = /**
-         * @protected
-         * @param {?} list
-         * @return {?}
-         */
-        function (list) {
-            return Array.from(list);
-        };
-        /**
-         * @protected
-         * @param {?} event
-         * @return {?}
-         */
-        UploadZoneComponent.prototype.preventAndStop = /**
-         * @protected
-         * @param {?} event
-         * @return {?}
-         */
-        function (event) {
-            event.preventDefault();
-            event.stopPropagation();
-        };
-        UploadZoneComponent.decorators = [
-            { type: core.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 = function () { return [
-            { type: core.Renderer2 }
-        ]; };
-        UploadZoneComponent.propDecorators = {
-            fileInput: [{ type: core.ViewChild, args: ['fileInput', { static: false },] }],
-            uploader: [{ type: core.Input }],
-            id: [{ type: core.Input }],
-            accept: [{ type: core.Input }],
-            capture: [{ type: core.Input }],
-            ariaId: [{ type: core.Input }],
-            disabled: [{ type: core.Input }],
-            multiple: [{ type: core.Input }],
-            uploadedFiles: [{ type: core.Output }],
-            queuedFiles: [{ type: core.Output }],
-            invalidFiles: [{ type: core.Output }],
-            onDragOver: [{ type: core.HostListener, args: ['dragover', ['$event'],] }],
-            onDragLeave: [{ type: core.HostListener, args: ['dragleave', ['$event'],] }],
-            onDrop: [{ type: core.HostListener, args: ['drop', ['$event'],] }]
-        };
-        return UploadZoneComponent;
-    }());
-    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
-     */
-    var ValidationMessagesService = /** @class */ (function () {
-        function ValidationMessagesService(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: core.Injectable }
-        ];
-        /** @nocollapse */
-        ValidationMessagesService.ctorParameters = function () { return [
-            { type: undefined, decorators: [{ type: core.Inject, args: [UPLOAD_VALIDATION_MESSAGES,] }] }
-        ]; };
-        return ValidationMessagesService;
-    }());
-    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
-     */
-    var ValidationListComponent = /** @class */ (function () {
-        function ValidationListComponent(messagesService) {
-            this.messagesService = messagesService;
-            this.invalidFiles = [];
-            this.ariaLabelRemove = 'Verwijder';
-        }
-        /**
-         * @param {?} index
-         * @return {?}
-         */
-        ValidationListComponent.prototype.remove = /**
-         * @param {?} index
-         * @return {?}
-         */
-        function (index) {
-            this.invalidFiles.splice(index, 1);
-        };
-        /**
-         * @param {?} reasons
-         * @return {?}
-         */
-        ValidationListComponent.prototype.formatReasons = /**
-         * @param {?} reasons
-         * @return {?}
-         */
-        function (reasons) {
-            var e_1, _a;
-            /** @type {?} */
-            var result = [];
-            try {
-                for (var reasons_1 = __values(reasons), reasons_1_1 = reasons_1.next(); !reasons_1_1.done; reasons_1_1 = reasons_1.next()) {
-                    var reason = reasons_1_1.value;
-                    result.push(this.messagesService[reason]);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (reasons_1_1 && !reasons_1_1.done && (_a = reasons_1.return)) _a.call(reasons_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
-            return result.join(', ');
-        };
-        ValidationListComponent.decorators = [
-            { type: core.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 = function () { return [
-            { type: ValidationMessagesService }
-        ]; };
-        ValidationListComponent.propDecorators = {
-            invalidFiles: [{ type: core.Input }],
-            ariaLabelRemove: [{ type: core.Input }]
-        };
-        return ValidationListComponent;
-    }());
-    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
-     */
-    var ɵ0$1 = {};
-    var UploadModule = /** @class */ (function () {
-        function UploadModule() {
-        }
-        /**
-         * @param {?=} validationMessages
-         * @return {?}
-         */
-        UploadModule.forChild = /**
-         * @param {?=} validationMessages
-         * @return {?}
-         */
-        function (validationMessages) {
-            if (validationMessages === void 0) { validationMessages = {}; }
-            return {
-                ngModule: UploadModule,
-                providers: [
-                    { provide: UPLOAD_VALIDATION_MESSAGES, useValue: validationMessages },
-                ],
-            };
-        };
-        UploadModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            common.CommonModule,
-                            ngxProgressBar.ProgressBarModule,
-                            forms.FormsModule,
-                            ngxIcon.IconModule,
-                        ],
-                        declarations: [
-                            UploadComponent,
-                            UploadInputComponent,
-                            UploadQueueComponent,
-                            UploadZoneComponent,
-                            ValidationListComponent,
-                        ],
-                        exports: [
-                            UploadComponent,
-                            UploadInputComponent,
-                            UploadQueueComponent,
-                            UploadZoneComponent,
-                            ValidationListComponent,
-                        ],
-                        providers: [
-                            ValidationMessagesService,
-                            { provide: UPLOAD_VALIDATION_MESSAGES, useValue: ɵ0$1 },
-                        ],
-                    },] }
-        ];
-        return UploadModule;
-    }());
-
-    /**
-     * @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 {?} */
-    var 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
-     */
-    var WysiwygComponent = /** @class */ (function () {
-        function WysiwygComponent() {
-            this.setClass = true;
-            this.basic = false;
-            this.emitContent = new core.EventEmitter();
-            this.focus = new core.EventEmitter();
-            this.blur = new core.EventEmitter();
-            this.ckeditorConfig = WYSIWYG_DEFAULT_CONFIG;
-            this.isDisabled = false;
-            this.updateModel = (/**
-             * @param {...?} args
-             * @return {?}
-             */
-            function () {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                return undefined;
-            });
-        }
-        // NG_VALUE_ACCESSOR_INTERFACE
-        // NG_VALUE_ACCESSOR_INTERFACE
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        WysiwygComponent.prototype.writeValue = 
-        // NG_VALUE_ACCESSOR_INTERFACE
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this.ckeditorContent = value;
-            this.updateModel(value);
-            this.emitContent.emit(this.ckeditorContent);
-        };
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        WysiwygComponent.prototype.onFocus = /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this.focus.emit(value);
-        };
-        /**
-         * @param {?} value
-         * @return {?}
-         */
-        WysiwygComponent.prototype.onBlur = /**
-         * @param {?} value
-         * @return {?}
-         */
-        function (value) {
-            this.blur.emit(value);
-        };
-        /**
-         * @param {?} onChange
-         * @return {?}
-         */
-        WysiwygComponent.prototype.registerOnChange = /**
-         * @param {?} onChange
-         * @return {?}
-         */
-        function (onChange) {
-            this.updateModel = onChange;
-        };
-        /**
-         * @return {?}
-         */
-        WysiwygComponent.prototype.registerOnTouched = /**
-         * @return {?}
-         */
-        function () {
-        };
-        /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        WysiwygComponent.prototype.setDisabledState = /**
-         * @param {?} isDisabled
-         * @return {?}
-         */
-        function (isDisabled) {
-            this.isDisabled = isDisabled;
-        };
-        /**
-         * @return {?}
-         */
-        WysiwygComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
-            this.setConfig();
-        };
-        /**
-         * @private
-         * @return {?}
-         */
-        WysiwygComponent.prototype.setConfig = /**
-         * @private
-         * @return {?}
-         */
-        function () {
-            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: core.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: forms.NG_VALUE_ACCESSOR,
-                                useExisting: core.forwardRef((/**
-                                 * @return {?}
-                                 */
-                                function () { 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: core.HostBinding, args: ['class.aui-wysiwyg',] }],
-            additionalStyling: [{ type: core.Input }],
-            availableTags: [{ type: core.Input }],
-            basic: [{ type: core.Input }],
-            uiColour: [{ type: core.Input }],
-            customConfig: [{ type: core.Input }],
-            debounce: [{ type: core.Input }],
-            emitContent: [{ type: core.Output }],
-            focus: [{ type: core.Output }],
-            blur: [{ type: core.Output }]
-        };
-        return WysiwygComponent;
-    }());
-    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
-     */
-    var WysiwygModule = /** @class */ (function () {
-        function WysiwygModule() {
-        }
-        WysiwygModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [
-                            common.CommonModule,
-                            forms.FormsModule,
-                            forms.ReactiveFormsModule,
-                            ng2Ckeditor.CKEditorModule,
-                        ],
-                        declarations: [
-                            WysiwygComponent,
-                        ],
-                        exports: [
-                            WysiwygComponent,
-                        ],
-                    },] }
-        ];
-        return WysiwygModule;
-    }());
-
-    exports.AutoCompleteComponent = AutoCompleteComponent;
-    exports.AutoCompleteModule = AutoCompleteModule;
-    exports.DATEPICKER_DATE_MASK = DATEPICKER_DATE_MASK;
-    exports.DATEPICKER_DEFAULT_ERROR_LABELS = DATEPICKER_DEFAULT_ERROR_LABELS;
-    exports.DATEPICKER_ERROR_LABELS = DATEPICKER_ERROR_LABELS;
-    exports.DATEPICKER_SEPARATOR_CHAR = DATEPICKER_SEPARATOR_CHAR;
-    exports.DatepickerComponent = DatepickerComponent;
-    exports.DatepickerModule = DatepickerModule;
-    exports.MaskDirective = MaskDirective;
-    exports.MaskModule = MaskModule;
-    exports.RangeSliderComponent = RangeSliderComponent;
-    exports.RangeSliderModule = RangeSliderModule;
-    exports.SearchFilterComponent = SearchFilterComponent;
-    exports.SearchFilterModule = SearchFilterModule;
-    exports.TimePickerValidators = TimePickerValidators;
-    exports.TimepickerComponent = TimepickerComponent;
-    exports.TimepickerInputSize = TimepickerInputSize;
-    exports.TimepickerModule = TimepickerModule;
-    exports.UPLOAD_OPTIONS_DEFAULT = UPLOAD_OPTIONS_DEFAULT;
-    exports.UPLOAD_VALIDATION_MESSAGES = UPLOAD_VALIDATION_MESSAGES;
-    exports.UploadComponent = UploadComponent;
-    exports.UploadInputComponent = UploadInputComponent;
-    exports.UploadModule = UploadModule;
-    exports.UploadQueueComponent = UploadQueueComponent;
-    exports.UploadZoneComponent = UploadZoneComponent;
-    exports.Uploader = Uploader;
-    exports.ValidationListComponent = ValidationListComponent;
-    exports.ValidationMessagesService = ValidationMessagesService;
-    exports.WYSIWYG_DEFAULT_CONFIG = WYSIWYG_DEFAULT_CONFIG;
-    exports.WysiwygComponent = WysiwygComponent;
-    exports.WysiwygModule = WysiwygModule;
-    exports.ɵa = SearchService;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=acpaas-ui-ngx-forms.umd.js.map