@kms-ngx-ui/presentational 0.0.24 → 14.0.0

package/bundles/kms-ngx-ui-presentational.umd.js

@@ -1,3751 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/checkbox'), require('@angular/material/radio'), require('subsink'), require('@angular/material/form-field'), require('@angular/platform-browser'), require('@angular/material/input'), require('@angular/material/button'), require('@ngx-translate/core'), require('@angular/material/progress-spinner'), require('@angular/animations'), require('@angular/material/expansion'), require('rxjs'), require('@angular/google-maps'), require('@angular/material/select'), require('@angular/material/core'), require('@angular/material/dialog'), require('@angular/material/menu'), require('enum-values/src/enumValues'), require('@angular/cdk/drag-drop'), require('ngx-useful-swiper')) :
-    typeof define === 'function' && define.amd ? define('@kms-ngx-ui/presentational', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/checkbox', '@angular/material/radio', 'subsink', '@angular/material/form-field', '@angular/platform-browser', '@angular/material/input', '@angular/material/button', '@ngx-translate/core', '@angular/material/progress-spinner', '@angular/animations', '@angular/material/expansion', 'rxjs', '@angular/google-maps', '@angular/material/select', '@angular/material/core', '@angular/material/dialog', '@angular/material/menu', 'enum-values/src/enumValues', '@angular/cdk/drag-drop', 'ngx-useful-swiper'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["kms-ngx-ui"] = global["kms-ngx-ui"] || {}, global["kms-ngx-ui"].presentational = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.checkbox, global.ng.material.radio, global.subsink, global.ng.material.formField, global.ng.platformBrowser, global.ng.material.input, global.ng.material.button, global.i6, global.ng.material.progressSpinner, global.ng.animations, global.ng.material.expansion, global.rxjs, global.ng.googleMaps, global.ng.material.select, global.ng.material.core, global.ng.material.dialog, global.ng.material.menu, global.enumValues, global.ng.cdk.dragDrop, global.i2$6));
-})(this, (function (exports, i0, i2, i1, i1$1, i2$2, subsink, i2$1, i1$2, i5, i2$3, i6, i1$3, animations, i2$4, rxjs, i2$5, i3, i4, i1$4, i3$1, enumValues, i6$1, i2$6) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
-    var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
-    var i5__namespace = /*#__PURE__*/_interopNamespace(i5);
-    var i2__namespace$3 = /*#__PURE__*/_interopNamespace(i2$3);
-    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-    var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
-    var i2__namespace$4 = /*#__PURE__*/_interopNamespace(i2$4);
-    var i2__namespace$5 = /*#__PURE__*/_interopNamespace(i2$5);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
-    var i6__namespace$1 = /*#__PURE__*/_interopNamespace(i6$1);
-    var i2__namespace$6 = /*#__PURE__*/_interopNamespace(i2$6);
-
-    var KmsUiPresentationalService = /** @class */ (function () {
-        function KmsUiPresentationalService() {
-        }
-        return KmsUiPresentationalService;
-    }());
-    KmsUiPresentationalService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KmsUiPresentationalService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    KmsUiPresentationalService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KmsUiPresentationalService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KmsUiPresentationalService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        providedIn: 'root'
-                    }]
-            }], ctorParameters: function () { return []; } });
-
-    var KmsUiPresentationalComponent = /** @class */ (function () {
-        function KmsUiPresentationalComponent() {
-        }
-        KmsUiPresentationalComponent.prototype.ngOnInit = function () {
-        };
-        return KmsUiPresentationalComponent;
-    }());
-    KmsUiPresentationalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KmsUiPresentationalComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    KmsUiPresentationalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: KmsUiPresentationalComponent, selector: "lib-kms-ngx-ui-presentational", ngImport: i0__namespace, template: "\n    <p>\n      kms-ngx-ui-presentational works!\n    </p>\n  ", isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KmsUiPresentationalComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'lib-kms-ngx-ui-presentational',
-                        template: "\n    <p>\n      kms-ngx-ui-presentational works!\n    </p>\n  ",
-                        styles: []
-                    }]
-            }], ctorParameters: function () { return []; } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    var ActionsParentComponent = /** @class */ (function () {
-        function ActionsParentComponent() {
-            /**
-             * Defines the disabled property
-             */
-            this.disabled = false;
-            /**
-             * Set button as selected. F.e. in multiselect component
-             */
-            this.checked = false;
-            /**
-             * Displayed label.
-             */
-            this.label = '';
-            /**
-             * Link
-             */
-            this.link = '';
-            /**
-             * Internal value that will be send if a form is submitted.
-             */
-            this.initialValue = '';
-            this.select = new i0.EventEmitter();
-        }
-        ActionsParentComponent.prototype.selectAction = function (id) {
-            this.checked = !this.checked;
-            this.select.emit(id);
-        };
-        return ActionsParentComponent;
-    }());
-    ActionsParentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ActionsParentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ActionsParentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionsParentComponent, selector: "kms-actions", inputs: { disabled: "disabled", checked: "checked", label: "label", link: "link", initialValue: "initialValue" }, outputs: { select: "select" }, ngImport: i0__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ActionsParentComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-actions',
-                        template: '',
-                    }]
-            }], propDecorators: { disabled: [{
-                    type: i0.Input
-                }], checked: [{
-                    type: i0.Input
-                }], label: [{
-                    type: i0.Input
-                }], link: [{
-                    type: i0.Input
-                }], initialValue: [{
-                    type: i0.Input
-                }], select: [{
-                    type: i0.Output
-                }] } });
-
-    /******************************************************************************
-    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 (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        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 (g && (g = 0, op[0] && (_ = 0)), _)
-                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 };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-            desc = { enumerable: true, get: function () { return m[k]; } };
-        }
-        Object.defineProperty(o, k2, desc);
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, 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;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    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 __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
-                }
-            }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    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;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
-    function __classPrivateFieldIn(state, receiver) {
-        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
-            throw new TypeError("Cannot use 'in' operator on non-object");
-        return typeof state === "function" ? receiver === state : state.has(receiver);
-    }
-
-    var CheckboxComponent = /** @class */ (function (_super) {
-        __extends(CheckboxComponent, _super);
-        function CheckboxComponent() {
-            var _this = _super.call(this) || this;
-            /**
-             * Internal description name. All checkboxes with the same name belong to the same group.
-             * User can select none, one or all checkboxes with the same name.
-             */
-            _this.name = '';
-            _this.select = new i0.EventEmitter();
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            _this.onChange = function () { };
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            _this.onTouch = function () { };
-            return _this;
-        }
-        CheckboxComponent.prototype.selectAction = function (id) {
-            this.select.emit(id);
-            this.checked = !this.checked;
-        };
-        Object.defineProperty(CheckboxComponent.prototype, "value", {
-            get: function () {
-                return this.checked;
-            },
-            set: function (value) {
-                this.checked = value;
-                this.onChange(value);
-                this.onTouch(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        CheckboxComponent.prototype.writeValue = function (value) {
-            this.value = value;
-        };
-        CheckboxComponent.prototype.registerOnChange = function (fn) {
-            this.onChange = fn;
-        };
-        CheckboxComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouch = fn;
-        };
-        return CheckboxComponent;
-    }(ActionsParentComponent));
-    CheckboxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CheckboxComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    CheckboxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: CheckboxComponent, selector: "kms-checkbox", inputs: { infoText: "infoText", name: "name" }, outputs: { select: "select" }, providers: [
-            {
-                provide: i1.NG_VALUE_ACCESSOR,
-                useExisting: i0.forwardRef(function () { return CheckboxComponent; }),
-                multi: true,
-            },
-        ], usesInheritance: true, ngImport: i0__namespace, template: "<!-- <label class=\"wrapper ui-copy-text\"\r\n       [ngClass]=\"{'disabled' : disabled}\">{{label}}\r\n    <input type=\"checkbox\" \r\n           [checked]=\"checked\"\r\n           [value]=\"value\"\r\n           [name]=\"name\"\r\n           [disabled]=\"disabled\"\r\n           (change)=\"selectAction($event)\">\r\n\r\n</label> -->\r\n<mat-checkbox class=\"example-margin\" [disabled]=\"disabled\" [name]=\"name\" [(ngModel)]=\"checked\"></mat-checkbox>\r\n<span *ngIf=\"infoText && infoText.length > 0\" \r\n      class=\"\"\r\n      [ngClass]=\"{'disabled' : disabled}\">{{infoText}}\r\n</span>", styles: [""], components: [{ type: i1__namespace.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CheckboxComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-checkbox',
-                        templateUrl: './checkbox.component.html',
-                        styleUrls: ['./checkbox.component.scss'],
-                        providers: [
-                            {
-                                provide: i1.NG_VALUE_ACCESSOR,
-                                useExisting: i0.forwardRef(function () { return CheckboxComponent; }),
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () { return []; }, propDecorators: { infoText: [{
-                    type: i0.Input
-                }], name: [{
-                    type: i0.Input
-                }], select: [{
-                    type: i0.Output
-                }] } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    var ColorableParentComponent = /** @class */ (function () {
-        function ColorableParentComponent() {
-        }
-        ColorableParentComponent.prototype.setupColors = function (elementRef) {
-            if (this.color) {
-                var color1 = void 0;
-                var color2 = void 0;
-                if (this.color === 'primary' || this.color === 'accent') {
-                    color1 = 'var(--' + this.color + 'Color)';
-                    color2 = 'var(--' + this.color + 'ColorHover)';
-                }
-                else {
-                    color1 = this.color;
-                    color2 = this.color;
-                }
-                elementRef.style.setProperty('--componentColor', color1);
-                elementRef.style.setProperty('--componentColorHover', color2);
-            }
-        };
-        return ColorableParentComponent;
-    }());
-    ColorableParentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ColorableParentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ColorableParentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColorableParentComponent, selector: "ng-component", inputs: { color: "color" }, ngImport: i0__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ColorableParentComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: '',
-                        template: '',
-                    }]
-            }], propDecorators: { color: [{
-                    type: i0.Input
-                }] } });
-
-    var FormParentComponent = /** @class */ (function (_super) {
-        __extends(FormParentComponent, _super);
-        function FormParentComponent(formBuilder) {
-            var _this = _super.call(this) || this;
-            _this.formBuilder = formBuilder;
-            _this.disabled = false;
-            _this.showRequired = false;
-            _this.formInitialized = false;
-            _this.allowedCharsOnlyNumbers = new Set('0123456789'.split('').map(function (c) { return c.charCodeAt(0); }));
-            _this.subs = new subsink.SubSink();
-            _this.formDataChanged = new i0.EventEmitter();
-            return _this;
-        }
-        // TODO make a service or make own component etc.
-        /**
-         * Returns if a number was pressed
-         * @param e
-         * @returns
-         */
-        FormParentComponent.prototype.checkIfKeyWasNumber = function (e, allowDelete, allowArrows, allowCutCopyPaste) {
-            if (allowDelete === void 0) { allowDelete = true; }
-            if (allowArrows === void 0) { allowArrows = true; }
-            if (allowCutCopyPaste === void 0) { allowCutCopyPaste = true; }
-            // returns if keycode of numbers-row or numberpad. Or if parameter set, allow delete/backspace key
-            var isNumberRow = e.keyCode >= 48 && e.keyCode <= 57;
-            var isNumberPad = e.keyCode >= 96 && e.keyCode <= 105;
-            var isArrows = e.keyCode >= 37 && e.keyCode <= 40;
-            var isDelete = e.keyCode == 8 || e.keyCode == 46;
-            var isCutCopyOrPaste = (e.ctrlKey || e.metaKey) && (e.keyCode == 86 || e.keyCode == 88 || e.keyCode == 67);
-            var isTab = 9;
-            return (isNumberRow ||
-                isNumberPad ||
-                isTab ||
-                (allowDelete && isDelete) ||
-                (allowArrows && isArrows) ||
-                (allowCutCopyPaste && isCutCopyOrPaste));
-        };
-        // TODO make a service or make own component etc.
-        /**
-         * Prevents to input other chars than numbers in input
-         * @param event
-         */
-        FormParentComponent.prototype.removeNumbersOnType = function (event) {
-            // only allow keydown from numbers-row or numberpad of keybard and block other chars than numbers
-            if (!this.checkIfKeyWasNumber(event) && !this.allowedCharsOnlyNumbers.has(event.keyCode)) {
-                event.preventDefault();
-            }
-        };
-        // TODO make a service or make own component etc.
-        /**
-         * Prevents input when pasting which is not number
-         * @param event
-         */
-        FormParentComponent.prototype.removeNumbersOnPaste = function (event) {
-            var clipboardData = event.clipboardData;
-            if (clipboardData) {
-                var pastedText = clipboardData.getData('text');
-                if (pastedText) {
-                    var isnum = /^\d+$/.test(pastedText);
-                    if (!isnum) {
-                        event.preventDefault();
-                    }
-                }
-            }
-        };
-        FormParentComponent.prototype.ngOnInit = function () {
-            this.initFormEvent();
-        };
-        FormParentComponent.prototype.ngOnDestroy = function () {
-            this.subs.unsubscribe();
-        };
-        FormParentComponent.prototype.initFormEvent = function () {
-            var _this = this;
-            if (this.form) {
-                this.formDataChanged.emit(this.form);
-                this.form.valueChanges.subscribe(function () {
-                    _this.formDataChanged.emit(_this.form);
-                });
-            }
-        };
-        return FormParentComponent;
-    }(ColorableParentComponent));
-    FormParentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormParentComponent, deps: [{ token: i1__namespace$1.FormBuilder }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FormParentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FormParentComponent, selector: "kms-form", inputs: { disabled: "disabled", showRequired: "showRequired" }, outputs: { formDataChanged: "formDataChanged" }, usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormParentComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-form',
-                        template: '',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }]; }, propDecorators: { disabled: [{
-                    type: i0.Input
-                }], showRequired: [{
-                    type: i0.Input
-                }], formDataChanged: [{
-                    type: i0.Output
-                }] } });
-
-    var FormControlParentComponent = /** @class */ (function (_super) {
-        __extends(FormControlParentComponent, _super);
-        function FormControlParentComponent(formBuilder, renderer) {
-            var _this = _super.call(this, formBuilder) || this;
-            _this.formBuilder = formBuilder;
-            _this.renderer = renderer;
-            _this.defaultDataOverride = ''; // when we have NO form around, get default via input to set it manually
-            _this.onSelectItemEmitter = new i0.EventEmitter();
-            _this.internalValue = '';
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            _this.onChange = function () { };
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            _this.onTouch = function () { };
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            _this.onTouched = function () { };
-            return _this;
-        }
-        FormControlParentComponent.prototype.ngOnInit = function () {
-            _super.prototype.ngOnInit.call(this);
-        };
-        FormControlParentComponent.prototype.change = function (value) {
-            this.onChange(value);
-            this.onTouched();
-        };
-        Object.defineProperty(FormControlParentComponent.prototype, "value", {
-            get: function () {
-                return this.internalValue;
-            },
-            set: function (value) {
-                this.internalValue = value;
-                if (value !== undefined && this.internalValue !== value) {
-                    if (!this.internalValue && this.defaultDataOverride) {
-                        this.internalValue = this.defaultDataOverride;
-                    }
-                    this.onChange(value);
-                    this.onTouch(value);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        FormControlParentComponent.prototype.writeValue = function (value) {
-            this.internalValue = value;
-            this.value = value;
-        };
-        FormControlParentComponent.prototype.registerOnChange = function (fn) {
-            this.onChange = fn;
-        };
-        FormControlParentComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouch = fn;
-        };
-        FormControlParentComponent.prototype.setDisabledState = function (isDisabled) {
-            var _a;
-            if ((_a = this.child) === null || _a === void 0 ? void 0 : _a.nativeElement) {
-                this.renderer.setProperty(this.child.nativeElement, 'disabled', isDisabled);
-            }
-        };
-        FormControlParentComponent.prototype.validate = function (_) {
-            return this.form.valid ? null : false;
-        };
-        return FormControlParentComponent;
-    }(FormParentComponent));
-    FormControlParentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormControlParentComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FormControlParentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FormControlParentComponent, selector: "kms-formControlParent", inputs: { defaultDataOverride: "defaultDataOverride" }, outputs: { onSelectItemEmitter: "onSelectItemEmitter" }, viewQueries: [{ propertyName: "child", first: true, predicate: ["child"], descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: '', isInline: true });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FormControlParentComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-formControlParent',
-                        template: '',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { defaultDataOverride: [{
-                    type: i0.Input
-                }], onSelectItemEmitter: [{
-                    type: i0.Output
-                }], child: [{
-                    type: i0.ViewChild,
-                    args: ['child']
-                }] } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    var IconSize;
-    (function (IconSize) {
-        IconSize["FULLSIZE"] = "size-full";
-        IconSize["TINY"] = "size-16";
-        IconSize["SMALLER"] = "size-20";
-        IconSize["SMALL"] = "size-32";
-        IconSize["MEDIUM"] = "size-64";
-        IconSize["LARGE"] = "size-128";
-        IconSize["XL"] = "size-256";
-        IconSize["XXL"] = "size-512";
-        IconSize["XXXL"] = "size-1024";
-        IconSize["NONE"] = "NONE";
-    })(IconSize || (IconSize = {}));
-    var IconSizePx;
-    (function (IconSizePx) {
-        IconSizePx[IconSizePx["TINY"] = 16] = "TINY";
-        IconSizePx[IconSizePx["SMALLER"] = 20] = "SMALLER";
-        IconSizePx[IconSizePx["SMALL"] = 32] = "SMALL";
-        IconSizePx[IconSizePx["MEDIUM"] = 64] = "MEDIUM";
-        IconSizePx[IconSizePx["LARGE"] = 128] = "LARGE";
-        IconSizePx[IconSizePx["XL"] = 256] = "XL";
-        IconSizePx[IconSizePx["XXL"] = 512] = "XXL";
-        IconSizePx[IconSizePx["XXXL"] = 1024] = "XXXL";
-    })(IconSizePx || (IconSizePx = {}));
-
-    /**
-     * @copyright KMS GmbH
-     */
-    var IconComponent = /** @class */ (function () {
-        function IconComponent(sanitizer) {
-            this.sanitizer = sanitizer;
-            /**
-             * Optional: Different size via CSS inline style.
-             * @deprecated. Please use size instead
-             */
-            this.iconSize = IconSize.FULLSIZE;
-            /**
-             * Dont use icon sprite
-             */
-            this.dontUseSprite = false;
-            this.IconSize = IconSize;
-            this.Version = i0.VERSION.full;
-            this.timestamp = 0;
-            this.iconToShow = this.icon;
-        }
-        IconComponent.prototype.ngOnInit = function () {
-            this.iconToShow = this.icon;
-            var d = new Date();
-            var n = d.getTime();
-            this.timestamp = n;
-        };
-        return IconComponent;
-    }());
-    IconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IconComponent, deps: [{ token: i1__namespace$2.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    IconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IconComponent, selector: "kms-icon", inputs: { icon: "icon", iconClass: "iconClass", iconStyle: "iconStyle", iconSize: "iconSize", size: "size", dontUseSprite: "dontUseSprite" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\r\n  <span class=\"icon {{ iconSize }}\" [ngClass]=\"iconClass\" [ngStyle]=\"iconStyle\" [style.width.px]=\"size ? size : undefined\" [style.height.px]=\"size ? size : undefined\">\r\n    <svg>\r\n      <use\r\n        [attr.xlink:href]=\"\r\n          'assets/sprite.svg?Version=' + Version + '#' + iconToShow\r\n        \"\r\n      ></use>\r\n    </svg>\r\n  </span>\r\n</ng-container>\r\n<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === true\">\r\n  <object\r\n    [data]=\"\r\n      sanitizer.bypassSecurityTrustResourceUrl('assets/icons/' + icon + '')\r\n    \"\r\n    type=\"image/svg+xml\"\r\n    class=\"icon {{ iconSize }}\"\r\n    [ngClass]=\"iconClass\"\r\n    [ngStyle]=\"iconStyle\"\r\n  ></object>\r\n</ng-container>\r\n", styles: [""], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IconComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-icon',
-                        templateUrl: './icon.component.html',
-                        styleUrls: ['./icon.component.scss'],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.DomSanitizer }]; }, propDecorators: { icon: [{
-                    type: i0.Input
-                }], iconClass: [{
-                    type: i0.Input
-                }], iconStyle: [{
-                    type: i0.Input
-                }], iconSize: [{
-                    type: i0.Input
-                }], size: [{
-                    type: i0.Input
-                }], dontUseSprite: [{
-                    type: i0.Input
-                }] } });
-
-    var TooltipDirective = /** @class */ (function () {
-        function TooltipDirective(el, renderer) {
-            this.el = el;
-            this.renderer = renderer;
-            this.tooltipTitle = "";
-            this.tooltipText = "";
-            this.tooltipLinkText = "";
-            this.tooltipLinkUrl = "";
-            this.tooltipPlacement = "bottom";
-            this.tooltipDelay = 1000;
-            this.tooltipPlaceIntoHost = false;
-            this.tooltipOnlyonclick = false;
-            this.offset = 0;
-        }
-        TooltipDirective.prototype.onMouseEnter = function () {
-            if (!this.tooltipOnlyonclick) {
-                this.show();
-            }
-        };
-        TooltipDirective.prototype.onClick = function () {
-            if (this.tooltipOnlyonclick) {
-                this.show();
-            }
-        };
-        TooltipDirective.prototype.onMouseLeave = function () {
-            if (this.tooltipElem) {
-                this.hide();
-            }
-        };
-        TooltipDirective.prototype.show = function () {
-            if (!this.tooltipElem) {
-                this.create();
-                this.setPosition();
-            }
-            this.renderer.addClass(this.tooltipElem, 'tooltip-show');
-        };
-        TooltipDirective.prototype.hide = function () {
-            this.renderer.removeClass(this.tooltipElem, 'tooltip-show');
-            window.setTimeout(function () {
-            }, this.tooltipDelay);
-        };
-        TooltipDirective.prototype.create = function () {
-            this.tooltipElem = this.renderer.createElement('kms-tooltip-element');
-            this.tooltipTitleElem = this.renderer.createElement('b');
-            this.renderer.appendChild(this.tooltipTitleElem, this.renderer.createText(this.tooltipTitle));
-            this.renderer.appendChild(this.tooltipElem, this.tooltipTitleElem);
-            this.tooltipTextElem = this.renderer.createElement('div');
-            this.renderer.appendChild(this.tooltipTextElem, this.renderer.createText(this.tooltipText));
-            this.renderer.appendChild(this.tooltipElem, this.tooltipTextElem);
-            this.tooltipLinkElem = this.renderer.createElement('a');
-            this.renderer.setAttribute(this.tooltipLinkElem, 'href', this.tooltipLinkUrl);
-            this.renderer.appendChild(this.tooltipLinkElem, this.renderer.createText(this.tooltipLinkText));
-            this.renderer.appendChild(this.tooltipElem, this.tooltipLinkElem);
-            if (this.tooltipPlaceIntoHost) {
-                this.renderer.appendChild(this.el.nativeElement, this.tooltipElem);
-            }
-            else {
-                this.renderer.appendChild(document.body, this.tooltipElem);
-            }
-            this.renderer.addClass(this.tooltipElem, 'tooltip');
-            this.renderer.addClass(this.tooltipElem, "tooltip-" + this.tooltipPlacement);
-            this.renderer.setStyle(this.tooltipElem, '-webkit-transition', "opacity " + this.tooltipDelay + "ms");
-            this.renderer.setStyle(this.tooltipElem, '-moz-transition', "opacity " + this.tooltipDelay + "ms");
-            this.renderer.setStyle(this.tooltipElem, '-o-transition', "opacity " + this.tooltipDelay + "ms");
-            this.renderer.setStyle(this.tooltipElem, 'transition', "opacity " + this.tooltipDelay + "ms");
-        };
-        TooltipDirective.prototype.setPosition = function () {
-            if (this.tooltipElem) {
-                var hostPos = this.el.nativeElement.getBoundingClientRect();
-                var tooltipPos = this.tooltipElem.getBoundingClientRect();
-                var top = void 0, left = void 0;
-                if (this.tooltipPlaceIntoHost) {
-                    left = 0;
-                    top = hostPos.height;
-                }
-                else {
-                    var scrollPos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
-                    if (this.tooltipPlacement === 'top') {
-                        top = hostPos.top - tooltipPos.height - this.offset;
-                        left = hostPos.left + (hostPos.width - tooltipPos.width) / 2;
-                    }
-                    if (!this.tooltipPlacement || this.tooltipPlacement === 'bottom') {
-                        top = hostPos.bottom + this.offset;
-                        left = hostPos.left + (hostPos.width - tooltipPos.width) / 2;
-                    }
-                    if (this.tooltipPlacement === 'left') {
-                        top = hostPos.top + (hostPos.height - tooltipPos.height) / 2;
-                        left = hostPos.left - tooltipPos.width - this.offset;
-                    }
-                    if (this.tooltipPlacement === 'right') {
-                        top = hostPos.top + (hostPos.height - tooltipPos.height) / 2;
-                        left = hostPos.right + this.offset;
-                    }
-                    top += scrollPos;
-                }
-                this.renderer.setStyle(this.tooltipElem, 'top', top + "px");
-                this.renderer.setStyle(this.tooltipElem, 'left', left + "px");
-            }
-        };
-        return TooltipDirective;
-    }());
-    TooltipDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TooltipDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    TooltipDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: TooltipDirective, selector: "[kmsTooltip]", inputs: { tooltipTitle: "tooltipTitle", tooltipText: "tooltipText", tooltipLinkText: "tooltipLinkText", tooltipLinkUrl: "tooltipLinkUrl", tooltipPlacement: "tooltipPlacement", tooltipDelay: "tooltipDelay", tooltipPlaceIntoHost: "tooltipPlaceIntoHost", tooltipOnlyonclick: "tooltipOnlyonclick" }, host: { listeners: { "mouseenter": "onMouseEnter()", "click": "onClick()", "mouseleave": "onMouseLeave()" } }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TooltipDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[kmsTooltip]'
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { tooltipTitle: [{
-                    type: i0.Input,
-                    args: ['tooltipTitle']
-                }], tooltipText: [{
-                    type: i0.Input,
-                    args: ['tooltipText']
-                }], tooltipLinkText: [{
-                    type: i0.Input,
-                    args: ['tooltipLinkText']
-                }], tooltipLinkUrl: [{
-                    type: i0.Input,
-                    args: ['tooltipLinkUrl']
-                }], tooltipPlacement: [{
-                    type: i0.Input,
-                    args: ['tooltipPlacement']
-                }], tooltipDelay: [{
-                    type: i0.Input,
-                    args: ['tooltipDelay']
-                }], tooltipPlaceIntoHost: [{
-                    type: i0.Input,
-                    args: ['tooltipPlaceIntoHost']
-                }], tooltipOnlyonclick: [{
-                    type: i0.Input,
-                    args: ['tooltipOnlyonclick']
-                }], onMouseEnter: [{
-                    type: i0.HostListener,
-                    args: ['mouseenter']
-                }], onClick: [{
-                    type: i0.HostListener,
-                    args: ['click']
-                }], onMouseLeave: [{
-                    type: i0.HostListener,
-                    args: ['mouseleave']
-                }] } });
-
-    var SizeDirective = /** @class */ (function () {
-        function SizeDirective(elementRef) {
-            this.elementRef = elementRef;
-            this.size = '';
-        }
-        SizeDirective.prototype.ngOnInit = function () {
-            this.elementRef.nativeElement.style.width(this.size + 'px');
-            this.elementRef.nativeElement.style.height(this.size + 'px');
-        };
-        return SizeDirective;
-    }());
-    SizeDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SizeDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    SizeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SizeDirective, selector: "[size]", inputs: { size: "size" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SizeDirective, decorators: [{
-                type: i0.Directive,
-                args: [{ selector: '[size]' }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { size: [{
-                    type: i0.Input
-                }] } });
-
-    var TooltipIconComponent = /** @class */ (function () {
-        function TooltipIconComponent() {
-            this.tooltipTitle = "";
-            this.tooltipText = "";
-            this.tooltipLinkText = "";
-            this.tooltipLinkUrl = "";
-            this.placement = "";
-            this.delay = 1000;
-            this.IconSizePx = IconSizePx;
-        }
-        return TooltipIconComponent;
-    }());
-    TooltipIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TooltipIconComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TooltipIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: { tooltipTitle: "tooltipTitle", tooltipText: "tooltipText", tooltipLinkText: "tooltipLinkText", tooltipLinkUrl: "tooltipLinkUrl", placement: "placement", delay: "delay" }, ngImport: i0__namespace, template: "<span\r\n    kmsTooltip\r\n    [tooltipTitle]=\"tooltipTitle\"\r\n    [tooltipText]=\"tooltipText\"\r\n    [tooltipPlacement]=\"placement\"\r\n    [tooltipDelay]=\"delay\"\r\n    [tooltipLinkText]=\"tooltipLinkText\"\r\n    [tooltipLinkUrl]=\"tooltipLinkUrl\"\r\n>\r\n    <kms-icon icon=\"ic_info\" [size]=\"IconSizePx.SMALLER\" [iconClass]=\"'color-primary'\"></kms-icon>\r\n</span>\r\n", styles: [""], components: [{ type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }], directives: [{ type: TooltipDirective, selector: "[kmsTooltip]", inputs: ["tooltipTitle", "tooltipText", "tooltipLinkText", "tooltipLinkUrl", "tooltipPlacement", "tooltipDelay", "tooltipPlaceIntoHost", "tooltipOnlyonclick"] }, { type: SizeDirective, selector: "[size]", inputs: ["size"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TooltipIconComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-tooltip-icon',
-                        templateUrl: './tooltip-icon.component.html',
-                        styleUrls: ['./tooltip-icon.component.scss']
-                    }]
-            }], propDecorators: { tooltipTitle: [{
-                    type: i0.Input
-                }], tooltipText: [{
-                    type: i0.Input
-                }], tooltipLinkText: [{
-                    type: i0.Input
-                }], tooltipLinkUrl: [{
-                    type: i0.Input
-                }], placement: [{
-                    type: i0.Input
-                }], delay: [{
-                    type: i0.Input
-                }] } });
-
-    var ColorInputComponent = /** @class */ (function (_super) {
-        __extends(ColorInputComponent, _super);
-        function ColorInputComponent(formBuilder, renderer) {
-            var _this = _super.call(this, formBuilder, renderer) || this;
-            _this.formBuilder = formBuilder;
-            _this.renderer = renderer;
-            _this.label = '';
-            _this.tooltipText = '';
-            _this.placeholder = '';
-            return _this;
-        }
-        ColorInputComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.form = this.formBuilder.group({
-                color: '',
-            });
-            _super.prototype.ngOnInit.call(this);
-            this.formInitialized = true;
-            this.form.valueChanges.subscribe(function (value) {
-                _this.internalValue = value.color;
-                _this.onChange(value.color);
-            });
-        };
-        ColorInputComponent.prototype.validate = function (_) {
-            // TODO fix to validate complete form
-            this.valid = this.matchesHex(this.form.value) ? null : false;
-            return this.valid && {
-                invalid: !this.valid
-            };
-        };
-        ColorInputComponent.prototype.matchesHex = function (match) {
-            if (match) {
-                var ret = match.match(/^#[0-9a-f]{6}$/i);
-                this.valid = ret && ret.length > 0;
-                return ret;
-            }
-            return false;
-        };
-        ColorInputComponent.prototype.updateSelectedColor = function (value) {
-            var color = value.target.value;
-            this.value = color;
-            this.internalValue = color;
-            this.change(color);
-        };
-        return ColorInputComponent;
-    }(FormControlParentComponent));
-    ColorInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ColorInputComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ColorInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ColorInputComponent, selector: "kms-color-input", inputs: { label: "label", tooltipText: "tooltipText", placeholder: "placeholder" }, providers: [
-            {
-                provide: i1.NG_VALUE_ACCESSOR,
-                useExisting: i0.forwardRef(function () { return ColorInputComponent; }),
-                multi: true,
-            },
-        ], usesInheritance: true, ngImport: i0__namespace, template: "\r\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\r\n    <div>\r\n        <mat-form-field class=\"colorInput\">\r\n            <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\r\n            <mat-label>{{ label }}</mat-label>\r\n            <input type=\"text\" [(ngModel)]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\r\n            <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" (change)=\"updateSelectedColor($event)\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\r\n        </mat-form-field>\r\n    </div>\r\n</form>", styles: [""], components: [{ type: i2__namespace$1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: TooltipIconComponent, selector: "kms-tooltip-icon", inputs: ["tooltipTitle", "tooltipText", "tooltipLinkText", "tooltipLinkUrl", "placement", "delay"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2__namespace$1.MatLabel, selector: "mat-label" }, { type: i5__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i1__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ColorInputComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-color-input',
-                        templateUrl: './color-input.component.html',
-                        styleUrls: ['./color-input.component.scss'],
-                        providers: [
-                            {
-                                provide: i1.NG_VALUE_ACCESSOR,
-                                useExisting: i0.forwardRef(function () { return ColorInputComponent; }),
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { label: [{
-                    type: i0.Input
-                }], tooltipText: [{
-                    type: i0.Input
-                }], placeholder: [{
-                    type: i0.Input
-                }] } });
-
-    var RadioButtonComponent = /** @class */ (function (_super) {
-        __extends(RadioButtonComponent, _super);
-        function RadioButtonComponent() {
-            var _this = _super.call(this) || this;
-            /**
-             * Internal description name. All radio buttons with the same name belong to the same group.
-             * User can select exactly one of the radio buttons from the same group.
-             */
-            _this.name = '';
-            /**
-             * Internal description id. Will be send in the output event when the radio button is selected.
-             */
-            _this.id = '';
-            _this.radioButtonSize = 16;
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            _this.onChange = function () { };
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            _this.onTouch = function () { };
-            return _this;
-        }
-        RadioButtonComponent.prototype.selectAction = function (id) {
-            this.select.emit(id);
-            this.checked = !this.checked;
-        };
-        Object.defineProperty(RadioButtonComponent.prototype, "value", {
-            get: function () {
-                return this.checked;
-            },
-            set: function (value) {
-                this.checked = value;
-                this.onChange(value);
-                this.onTouch(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        RadioButtonComponent.prototype.writeValue = function (value) {
-            this.value = value;
-        };
-        RadioButtonComponent.prototype.registerOnChange = function (fn) {
-            this.onChange = fn;
-        };
-        RadioButtonComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouch = fn;
-        };
-        return RadioButtonComponent;
-    }(ActionsParentComponent));
-    RadioButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: RadioButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    RadioButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: RadioButtonComponent, selector: "kms-radiobutton", inputs: { name: "name", id: "id", radioButtonSize: "radioButtonSize", formControl: "formControl" }, providers: [
-            {
-                provide: i1.NG_VALUE_ACCESSOR,
-                useExisting: i0.forwardRef(function () { return RadioButtonComponent; }),
-                multi: true,
-            },
-        ], usesInheritance: true, ngImport: i0__namespace, template: "<label class=\"wrapper ui-small-text\"\r\n       [ngClass]=\"{'disabled' : disabled}\">\r\n    <input type=\"radio\"\r\n           [name]=\"name\"\r\n           [value]=\"value\"\r\n           [checked]=\"checked\"\r\n           [disabled]=\"disabled\"\r\n           [id]=\"id\"\r\n           (change)=\"selectAction($event)\">{{label}}\r\n\r\n    <kms-icon\r\n            class=\"checkmark\" \r\n            aria-hidden=\"true\"\r\n            *ngIf=\"checked\"\r\n            [ngClass]=\"{\r\n                'disabled' : disabled\r\n            }\"\r\n            [iconClass]=\"{\r\n                'disabled' : disabled, \r\n                'color-primary': true\r\n            }\"\r\n            [icon]=\"'ic_radiobutton_active'\"\r\n            [size]=\"radioButtonSize\"\r\n        >\r\n    </kms-icon>\r\n    <kms-icon\r\n            class=\"checkmark\" \r\n            aria-hidden=\"true\"\r\n            *ngIf=\"!checked\"\r\n            [ngClass]=\"{\r\n                'disabled' : disabled\r\n            }\"\r\n            [iconClass]=\"{\r\n                'disabled' : disabled, \r\n                'color-primary': true\r\n            }\"\r\n            [icon]=\"'ic_radiobutton_inactive'\"\r\n            [size]=\"radioButtonSize\"\r\n        >\r\n    </kms-icon>\r\n    <ng-content></ng-content>\r\n</label>\r\n", styles: [""], components: [{ type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SizeDirective, selector: "[size]", inputs: ["size"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: RadioButtonComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-radiobutton',
-                        templateUrl: './radiobutton.component.html',
-                        styleUrls: ['./radiobutton.component.scss'],
-                        providers: [
-                            {
-                                provide: i1.NG_VALUE_ACCESSOR,
-                                useExisting: i0.forwardRef(function () { return RadioButtonComponent; }),
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () { return []; }, propDecorators: { name: [{
-                    type: i0.Input
-                }], id: [{
-                    type: i0.Input
-                }], radioButtonSize: [{
-                    type: i0.Input
-                }], formControl: [{
-                    type: i0.Input
-                }] } });
-
-    var TimeInputComponent = /** @class */ (function () {
-        function TimeInputComponent(formBuilder) {
-            this.formBuilder = formBuilder;
-            this.h = '';
-            this.m = '';
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            this.onChange = function () { };
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            this.onTouch = function () { };
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            this.onTouched = function () { };
-        }
-        Object.defineProperty(TimeInputComponent.prototype, "value", {
-            get: function () {
-                return this.value;
-            },
-            set: function (value) {
-                this.onChange(value);
-                this.onTouch(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        TimeInputComponent.prototype.writeValue = function (value) {
-            var _this = this;
-            if (value && value.length === 8) {
-                this.h = value.substr(0, 2);
-                this.m = value.substr(3, 2);
-            }
-            else if (value && value.length === 5) {
-                this.h = value.substr(0, 2);
-                this.m = value.substr(-2);
-            }
-            //we need to also update the form value because angular has a problem reading it from first time when valuechanges subscription was fired.
-            this.form.controls['h'].setValue(this.h);
-            this.form.controls['m'].setValue(this.m);
-            this.form.valueChanges.subscribe(function (value) {
-                _this.h = value.h;
-                _this.m = value.m;
-                value = _this.getNewOrDefault();
-                _this.value = value;
-                _this.onChange(value);
-            });
-        };
-        TimeInputComponent.prototype.ngOnInit = function () {
-            this.form = this.formBuilder.group({
-                h: '',
-                m: '',
-            });
-        };
-        TimeInputComponent.prototype.getNewOrDefault = function () {
-            //reset if user deletes everything
-            if (this.h === '' && this.m === '') {
-                return '';
-            }
-            var ret = this.h.padStart(2, '0') + ':' + this.m.padStart(2, '0');
-            return ret;
-        };
-        TimeInputComponent.prototype.registerOnChange = function (fn) {
-            this.onChange = fn;
-        };
-        TimeInputComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouch = fn;
-        };
-        return TimeInputComponent;
-    }());
-    TimeInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TimeInputComponent, deps: [{ token: i1__namespace$1.FormBuilder }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TimeInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TimeInputComponent, selector: "kms-time-input", providers: [
-            {
-                provide: i1.NG_VALUE_ACCESSOR,
-                useExisting: i0.forwardRef(function () { return TimeInputComponent; }),
-                multi: true,
-            },
-        ], ngImport: i0__namespace, template: "<form [formGroup]=\"form\" class=\"timeInput\">\r\n    <input type=\"text\" formControlName=\"h\" [value]=\"h\" maxlength=\"2\" pattern=\"(0?[0-9]|1[0-9]|2[0-3])\"/>\r\n    <span>:</span>\r\n    <input type=\"text\" formControlName=\"m\" [value]=\"m\" maxlength=\"2\" pattern=\"(0?[0-9]|[1-5][0-9])\"/>\r\n</form>", styles: [""], directives: [{ type: i1__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i1__namespace$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { type: i1__namespace$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TimeInputComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-time-input',
-                        templateUrl: './time-input.component.html',
-                        styleUrls: ['./time-input.component.scss'],
-                        providers: [
-                            {
-                                provide: i1.NG_VALUE_ACCESSOR,
-                                useExisting: i0.forwardRef(function () { return TimeInputComponent; }),
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }]; } });
-
-    var YesNoRadiogroupComponent = /** @class */ (function () {
-        function YesNoRadiogroupComponent(formBuilder, renderer) {
-            this.formBuilder = formBuilder;
-            this.renderer = renderer;
-            this.disabled = false;
-            this.textYes = '';
-            this.textNo = '';
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            this.onChange = function () { };
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            this.onTouch = function () { };
-        }
-        Object.defineProperty(YesNoRadiogroupComponent.prototype, "value", {
-            get: function () {
-                return this.internalValue;
-            },
-            set: function (value) {
-                this.internalValue = value;
-                if (value !== undefined && this.internalValue !== value) {
-                    this.onChange(value);
-                    this.onTouch(value);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        YesNoRadiogroupComponent.prototype.writeValue = function (value) {
-            this.internalValue = value;
-            this.value = value;
-        };
-        YesNoRadiogroupComponent.prototype.registerOnChange = function (fn) {
-            this.onChange = fn;
-        };
-        YesNoRadiogroupComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouch = fn;
-        };
-        YesNoRadiogroupComponent.prototype.setDisabledState = function (isDisabled) {
-            if (this.child) {
-                this.renderer.setProperty(this.child.nativeElement, 'disabled', isDisabled);
-            }
-        };
-        YesNoRadiogroupComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.form = this.formBuilder.group({
-                yesno: [],
-            });
-            this.form.valueChanges.subscribe(function (value) {
-                _this.internalValue = value.yesno;
-                _this.onChange(value.yesno);
-            });
-        };
-        return YesNoRadiogroupComponent;
-    }());
-    YesNoRadiogroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: YesNoRadiogroupComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    YesNoRadiogroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: YesNoRadiogroupComponent, selector: "kms-yesno-radiogroup", inputs: { header: "header", disabled: "disabled", textYes: "textYes", textNo: "textNo" }, providers: [
-            {
-                provide: i1.NG_VALUE_ACCESSOR,
-                useExisting: i0.forwardRef(function () { return YesNoRadiogroupComponent; }),
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "child", first: true, predicate: ["child"], descendants: true }], ngImport: i0__namespace, template: "<form [formGroup]=\"form\">\r\n    <div>{{ header }}</div>\r\n    <mat-radio-group [formControl]=\"form.controls['yesno']\" [disabled]=\"disabled\" #child>\r\n        <mat-radio-button [value]=\"true\" [checked]=\"internalValue === true\"> {{ textYes }}</mat-radio-button>\r\n        <mat-radio-button [value]=\"false\" [checked]=\"internalValue === false\"> {{ textNo }}</mat-radio-button>\r\n    </mat-radio-group>\r\n</form>\r\n", components: [{ type: i2__namespace$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], directives: [{ type: i1__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2__namespace$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: YesNoRadiogroupComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-yesno-radiogroup',
-                        templateUrl: './yes-no-radiogroup.component.html',
-                        providers: [
-                            {
-                                provide: i1.NG_VALUE_ACCESSOR,
-                                useExisting: i0.forwardRef(function () { return YesNoRadiogroupComponent; }),
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { header: [{
-                    type: i0.Input
-                }], disabled: [{
-                    type: i0.Input
-                }], textYes: [{
-                    type: i0.Input
-                }], textNo: [{
-                    type: i0.Input
-                }], child: [{
-                    type: i0.ViewChild,
-                    args: ['child']
-                }] } });
-
-    /**
-     * @copyright FLYACTS GmbH 2019
-     */
-    /**
-     * Check if null or undefined
-     * @param value value that is being checked
-     */
-    function isValue(value) {
-        if (value === null) {
-            return false;
-        }
-        if (typeof value === 'undefined') {
-            return false;
-        }
-        return true;
-    }
-
-    // Max size in bytes of uploaded image
-    var MAX_SIZE_BYTES = 2097152;
-    var FileInputComponent = /** @class */ (function () {
-        /**
-         * Constructor
-         * @param formBuilder
-         * @param appRef
-         * @param cd
-         * @param translateService
-         * @param renderer
-         */
-        function FileInputComponent(formBuilder, appRef, cd, 
-        //private translateService: TranslateService,
-        renderer) {
-            this.formBuilder = formBuilder;
-            this.appRef = appRef;
-            this.cd = cd;
-            this.renderer = renderer;
-            this.label = '';
-            this.previewImage = true;
-            this.allowRemove = true;
-            this.previewImageText = '';
-            this.maxSizeBytes = MAX_SIZE_BYTES;
-            this.resizePixels = 0;
-            this.acceptedFileMimetypes = 'image/jpeg, image/jpg, image/png';
-            this.form = this.formBuilder.group({
-                ImageIdent: new i1.FormControl(''),
-                ImageLink: new i1.FormControl(''),
-                Filename: new i1.FormControl(''),
-                ImageAsDataURL: new i1.FormControl(''),
-                Text: new i1.FormControl(''),
-            });
-            this.subscriptions = [];
-            this.newImageLoading = false;
-            this.IconSizePx = IconSizePx;
-            this.formDataChanged = new i0.EventEmitter();
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            this.onChange = function () { };
-            // eslint-disable-next-line @typescript-eslint/no-empty-function
-            this.onTouch = function () { };
-        }
-        /**
-         *  Click on button triggers file-input to open OS file dialog
-         */
-        FileInputComponent.prototype.selectImageOverlay = function () {
-            this.fileInput.nativeElement.click();
-        };
-        /**
-         * Function to manage the input image
-         * Returns an error if the file exceeds maximum wanted filesize (Mb).
-         * @param ev
-         * @returns
-         */
-        FileInputComponent.prototype.selectImage = function (ev) {
-            var _this = this;
-            if (ev.target.files && ev.target.files[0]) {
-                var file_1 = ev.target.files[0];
-                if (file_1.size > this.maxSizeBytes) {
-                    this.clearInputValue(ev);
-                    //alert(this.translateService.instant('errors.fileTooBig'));
-                    return;
-                }
-                else {
-                    this.newImageLoading = true;
-                    if (this.resizePixels > 0) {
-                        var logoUrl = URL.createObjectURL(file_1);
-                        var imgEl_1 = document.createElement('img');
-                        imgEl_1.addEventListener('load', function () {
-                            var resizedLogo = _this.resizeImage(imgEl_1, _this.resizePixels);
-                            var newFile = _this.generateModel(file_1.name, resizedLogo, _this.value.ImageIdent, _this.value.ImageLink, _this.value.Text);
-                            _this.value = newFile;
-                            _this.newImageLoading = false;
-                            _this.cd.markForCheck();
-                        });
-                        imgEl_1.src = logoUrl;
-                    }
-                    else {
-                        var reader = new FileReader();
-                        reader.readAsDataURL(file_1);
-                        reader.onload = function (e) {
-                            var newFile = _this.generateModel(file_1.name, e.target.result, _this.value.ImageIdent, _this.value.ImageLink, _this.value.Text);
-                            _this.value = newFile;
-                            _this.newImageLoading = false;
-                            _this.cd.markForCheck();
-                        };
-                    }
-                }
-            }
-            else {
-                console.warn("No file selected");
-            }
-        };
-        /**
-         * Resize an image
-         * @param imgEl
-         * @param wantedWidth as number
-         * @returns string
-         */
-        FileInputComponent.prototype.resizeImage = function (imgEl, wantedWidth) {
-            var canvas = document.createElement('canvas');
-            var ctx = canvas.getContext('2d');
-            var aspect = imgEl.width / imgEl.height;
-            canvas.width = wantedWidth;
-            canvas.height = wantedWidth / aspect;
-            if (isValue(ctx))
-                ctx.drawImage(imgEl, 0, 0, canvas.width, canvas.height);
-            return canvas.toDataURL();
-        };
-        /**
-         * Generate default object
-         * @param name as string
-         * @param content as string
-         * @returns AttachedFileDTO
-         */
-        FileInputComponent.prototype.generateModel = function (name, content, ident, imageLink, text) {
-            return {
-                ImageIdent: ident ? ident : '',
-                Filename: name ? name : '',
-                ImageAsDataURL: content ? content : '',
-                ImageLink: imageLink ? imageLink : '',
-                Text: text ? text : ''
-            };
-        };
-        /**
-         * Remove image
-         */
-        FileInputComponent.prototype.removeFromList = function () {
-            this.value = this.generateModel('', '', '', '');
-        };
-        Object.defineProperty(FileInputComponent.prototype, "value", {
-            /**
-             * get value
-             */
-            get: function () {
-                return this.form.value;
-            },
-            /**
-             * set value
-             */
-            set: function (value) {
-                this.form.setValue(value);
-                this.onChange(value);
-                this.formDataChanged.emit(this.form);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        FileInputComponent.prototype.ngOnInit = function () { };
-        FileInputComponent.prototype.ngOnDestroy = function () {
-            this.subscriptions.forEach(function (s) { return s.unsubscribe(); });
-        };
-        FileInputComponent.prototype.registerOnChange = function (fn) {
-            this.onChange = fn;
-        };
-        FileInputComponent.prototype.registerOnTouched = function (fn) {
-            this.onTouch = fn;
-        };
-        FileInputComponent.prototype.writeValue = function (value) {
-            if (value) {
-                this.value = value;
-            }
-            if (value === null) {
-                this.form.reset();
-            }
-        };
-        // eslint-disable-next-line @typescript-eslint/adjacent-overload-signatures
-        FileInputComponent.prototype.validate = function (_) {
-            return this.form.valid ? null : { styles: { valid: false } };
-        };
-        /**
-         * OnClick event listener of input#fileInput to clear his input value
-         */
-        FileInputComponent.prototype.clearInputValue = function (ev) {
-            var element = ev.target;
-            element.value = '';
-        };
-        return FileInputComponent;
-    }());
-    FileInputComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FileInputComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: i0__namespace.ApplicationRef }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FileInputComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FileInputComponent, selector: "kms-file-input", inputs: { label: "label", previewImage: "previewImage", allowRemove: "allowRemove", previewImageText: "previewImageText", maxSizeBytes: "maxSizeBytes", resizePixels: "resizePixels", acceptedFileMimetypes: "acceptedFileMimetypes" }, outputs: { formDataChanged: "formDataChanged" }, providers: [
-            {
-                provide: i1.NG_VALUE_ACCESSOR,
-                useExisting: i0.forwardRef(function () { return FileInputComponent; }),
-                multi: true,
-            },
-            {
-                provide: i1.NG_VALIDATORS,
-                useExisting: i0.forwardRef(function () { return FileInputComponent; }),
-                multi: true,
-            },
-        ], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0__namespace, template: "<form [formGroup]=\"form\" (change)=\"newImageLoading=true\" class=\"fileInput\"> \r\n\r\n    <div *ngIf=\"form.value.Filename && previewImage\">\r\n        <div *ngIf=\"newImageLoading\">\r\n            {{ 'file-input.loading' | translate }}\r\n        </div>\r\n        <div *ngIf=\"!newImageLoading\">\r\n            <div class=\"\">\r\n                <div class=\"\">\r\n                    <img *ngIf=\"form.value.ImageLink && form.value.ImageLink !== '' && !(form.value.ImageAsDataURL && form.value.ImageAsDataURL !== '')\" [src]=\"form.value.ImageAsDataURL\" [src]=\"form.value.ImageLink\" style=\"height: 40px; width: fit-content;\" />\r\n                    <img *ngIf=\"form.value.ImageAsDataURL && form.value.ImageAsDataURL !== ''\" [src]=\"form.value.ImageAsDataURL\" style=\"height: 40px; width: fit-content;\" />\r\n                </div>\r\n                <div class=\"\">{{form.value.Filename}}</div>\r\n                <div class=\"\">\r\n                    <div (click)=\"removeFromList()\" *ngIf=\"allowRemove\">\r\n                        <kms-icon icon=\"trash\" [size]=\"IconSizePx.TINY\" iconClass=\"color-black\"></kms-icon> \r\n                        {{ 'file-input.remove' }}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div *ngIf=\"!previewImage\">\r\n        <div class=\"\">{{form.value.Filename}}</div>\r\n    </div>\r\n\r\n    <button (click)=\"selectImageOverlay()\" class=\"button-primary-font-color\" mat-stroked-button>\r\n        <span>{{ label }}</span>\r\n    </button>\r\n    <input\r\n        type=\"file\"\r\n        [accept]=\"acceptedFileMimetypes\"\r\n        style=\"display: none\"\r\n        #fileInput\r\n        (click)=\"clearInputValue($event)\"\r\n        (change)=\"selectImage($event)\"\r\n    />\r\n\r\n    <input type=\"hidden\" [formControl]=\"form.controls['ImageIdent']\" />\r\n    <input type=\"hidden\" [formControl]=\"form.controls['ImageLink']\" />\r\n    <input type=\"hidden\" [formControl]=\"form.controls['Filename']\" />\r\n    <input type=\"hidden\" [formControl]=\"form.controls['ImageAsDataURL']\" />\r\n    <input type=\"hidden\" [formControl]=\"form.controls['Text']\" />\r\n\r\n</form>", styles: [""], components: [{ type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }, { type: i2__namespace$3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SizeDirective, selector: "[size]", inputs: ["size"] }, { type: i1__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i6__namespace.TranslatePipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FileInputComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-file-input',
-                        templateUrl: './file-input.component.html',
-                        styleUrls: ['./file-input.component.scss'],
-                        providers: [
-                            {
-                                provide: i1.NG_VALUE_ACCESSOR,
-                                useExisting: i0.forwardRef(function () { return FileInputComponent; }),
-                                multi: true,
-                            },
-                            {
-                                provide: i1.NG_VALIDATORS,
-                                useExisting: i0.forwardRef(function () { return FileInputComponent; }),
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { fileInput: [{
-                    type: i0.ViewChild,
-                    args: ['fileInput']
-                }], label: [{
-                    type: i0.Input
-                }], previewImage: [{
-                    type: i0.Input
-                }], allowRemove: [{
-                    type: i0.Input
-                }], previewImageText: [{
-                    type: i0.Input
-                }], maxSizeBytes: [{
-                    type: i0.Input
-                }], resizePixels: [{
-                    type: i0.Input
-                }], acceptedFileMimetypes: [{
-                    type: i0.Input
-                }], formDataChanged: [{
-                    type: i0.Output
-                }] } });
-
-    var LoaderComponent = /** @class */ (function () {
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        function LoaderComponent() {
-            this.loading = false;
-        }
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        LoaderComponent.prototype.ngOnInit = function () { };
-        return LoaderComponent;
-    }());
-    LoaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LoaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    LoaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: LoaderComponent, selector: "kms-loader", inputs: { loading: "loading" }, ngImport: i0__namespace, template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\r\n    <mat-spinner class=\"spinnerMargin\" color=\"accent\" diameter=\"44\"></mat-spinner>\r\n</div>\r\n", styles: [""], components: [{ type: i1__namespace$3.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: LoaderComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-loader',
-                        templateUrl: './loader.component.html',
-                        styleUrls: ['./loader.component.scss'],
-                    }]
-            }], ctorParameters: function () { return []; }, propDecorators: { loading: [{
-                    type: i0.Input
-                }] } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    /**
-     * Directive to calc the height of all inner elements
-     */
-    var GetMaxHeightDirective = /** @class */ (function () {
-        function GetMaxHeightDirective(el) {
-            this.el = el;
-            /**
-             * CSS class name of the child items (markup elements) that should be checked for their height.
-             * This is mandatory.
-             */
-            this.cssClassName = '';
-            /**
-             * Event that will pass the height of the tallest child inside the container.
-             * Useful to calculate the target height of containers with different content (like accordion) for animations.
-             */
-            this.maxHeightChanged = new i0.EventEmitter();
-            /**
-             * Event that will pass the complete sum of all height values from each child.
-             * Useful to calculate the full target height of a container (like dropdown) for animations.
-             */
-            this.sumOfHeight = new i0.EventEmitter();
-        }
-        GetMaxHeightDirective.prototype.ngAfterContentChecked = function () {
-            this.checkHeightOfChildren(this.el.nativeElement, this.cssClassName);
-        };
-        GetMaxHeightDirective.prototype.checkHeightOfChildren = function (parent, cssClassName) {
-            if (!parent) {
-                return;
-            }
-            // find all the child elements with the selected class name
-            var children = parent.getElementsByClassName(cssClassName);
-            // failsafe
-            if (!children) {
-                return;
-            }
-            // get all the child elements heights
-            var itemHeights = Array.from(children).map(function (x) { return x.getBoundingClientRect().height; });
-            // failsafe
-            if (itemHeights.length === 0) {
-                return;
-            }
-            // find out the tallest element
-            var maxHeight = itemHeights.reduce(function (prev, curr) {
-                return curr > prev ? curr : prev;
-            }, 0);
-            // get sum of heights
-            var sumOfHeight = itemHeights.reduce(function (pv, cv) { return pv + cv; }, 0);
-            // inform
-            this.maxHeightChanged.emit(maxHeight);
-            this.sumOfHeight.emit(sumOfHeight);
-        };
-        return GetMaxHeightDirective;
-    }());
-    GetMaxHeightDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetMaxHeightDirective, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    GetMaxHeightDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: GetMaxHeightDirective, selector: "[getMaxHeight]", inputs: { cssClassName: ["getMaxHeight", "cssClassName"] }, outputs: { maxHeightChanged: "maxHeightChanged", sumOfHeight: "sumOfHeight" }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GetMaxHeightDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[getMaxHeight]',
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { cssClassName: [{
-                    type: i0.Input,
-                    args: ['getMaxHeight']
-                }], maxHeightChanged: [{
-                    type: i0.Output
-                }], sumOfHeight: [{
-                    type: i0.Output
-                }] } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    var SafeHtmlPipe = /** @class */ (function () {
-        function SafeHtmlPipe(sanitizer) {
-            this.sanitizer = sanitizer;
-        }
-        SafeHtmlPipe.prototype.transform = function (html) {
-            return this.sanitizer.bypassSecurityTrustHtml(html);
-        };
-        return SafeHtmlPipe;
-    }());
-    SafeHtmlPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeHtmlPipe, deps: [{ token: i1__namespace$2.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    SafeHtmlPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeHtmlPipe, name: "kmsSafeHtml" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeHtmlPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'kmsSafeHtml',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.DomSanitizer }]; } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    var FlyoutComponent = /** @class */ (function () {
-        function FlyoutComponent() {
-            this.icon = 'filter';
-            this.isDropdownOpened = false;
-            this.targetHeight = '0';
-            this.animationTime = 5000;
-            this.headerCssClass = '';
-            this.bodyCssClass = '';
-            this.headerTitle = '';
-            this.headerText = '';
-            this.hasButtonForMore = false;
-            this.moreText = '';
-            this.lessText = '';
-        }
-        /**
-         * Open/close dropdown if click on header.
-         * Except, if mode is set to hasButtonForMore. When there is a extra button to open/close
-         */
-        FlyoutComponent.prototype.toggleDropdownHeader = function () {
-            if (!this.hasButtonForMore) {
-                this.toggleDropdown();
-            }
-        };
-        /**
-         * Open or close the dropdown
-         */
-        FlyoutComponent.prototype.toggleDropdown = function () {
-            this.isDropdownOpened = !this.isDropdownOpened;
-        };
-        /**
-         * Set the height of the dropdown list items dynamic - needed for the animation
-         */
-        FlyoutComponent.prototype.setDropdownListHeight = function (contentHeight) {
-            this.targetHeight = contentHeight + "px";
-        };
-        return FlyoutComponent;
-    }());
-    FlyoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FlyoutComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    FlyoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FlyoutComponent, selector: "kms-flyout", inputs: { icon: "icon", headerCssClass: "headerCssClass", bodyCssClass: "bodyCssClass", headerTitle: "headerTitle", headerText: "headerText", hasButtonForMore: "hasButtonForMore", moreText: "moreText", lessText: "lessText" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["content"], descendants: true }, { propertyName: "flyoutHeader", first: true, predicate: ["flyoutHeader"], descendants: true }], ngImport: i0__namespace, template: "<div class=\"flyout\"\r\n    [ngClass]=\"{'is-active': isDropdownOpened}\"\r\n>\r\n    <div class=\"flyout-header\" (click)=\"toggleDropdownHeader()\" [ngClass]=\"headerCssClass\">\r\n        <span [innerHtml]=\"headerTitle | kmsSafeHtml\"></span>\r\n        <span [innerHtml]=\"headerText | kmsSafeHtml\"></span>\r\n\r\n        <ng-content select=\"[header]\"></ng-content>\r\n\r\n        <div *ngIf=\"hasButtonForMore\" (click)=\"toggleDropdown()\" class=\"flyout-header-more\">\r\n            <span *ngIf=\"!isDropdownOpened\">\r\n                {{ moreText }}\r\n            </span>\r\n            <span *ngIf=\"isDropdownOpened\">\r\n                {{ lessText }}\r\n            </span>\r\n            <kms-icon [icon]=\"'chevron-down'\" [ngClass]=\"{'is-rotating180':isDropdownOpened}\" [size]=\"16\">\r\n            </kms-icon>\r\n        </div>\r\n    </div>\r\n    <div \r\n        class=\"flyout-body\"\r\n        [ngClass]=\"bodyCssClass\"\r\n        tabindex=\"0\"\r\n        [@dropdownAnimation]=\"{value: isDropdownOpened, params: {targetHeight: targetHeight, animationTime: '500'}}\"\r\n        getMaxHeight=\"inner\"\r\n        (sumOfHeight)=\"setDropdownListHeight($event)\"\r\n        #flyoutHeader>\r\n        <div class=\"inner\" #content>\r\n            <ng-content ></ng-content>\r\n        </div>\r\n    </div>\r\n\r\n</div>\r\n", styles: [""], components: [{ type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: SizeDirective, selector: "[size]", inputs: ["size"] }, { type: GetMaxHeightDirective, selector: "[getMaxHeight]", inputs: ["getMaxHeight"], outputs: ["maxHeightChanged", "sumOfHeight"] }], pipes: { "kmsSafeHtml": SafeHtmlPipe }, animations: [
-            animations.trigger('dropdownAnimation', [
-                animations.state('true', animations.style({
-                    height: '{{targetHeight}}',
-                    transition: 'height {{animationTime}}ms ease-in-out',
-                }), {
-                    params: {
-                        targetHeight: '300px',
-                        animationTime: 3000,
-                    },
-                }),
-                animations.state('false', animations.style({
-                    height: 0,
-                    transition: 'height {{animationTime}}ms ease-in-out',
-                }), {
-                    params: {
-                        targetHeight: '300px',
-                        opacity: 0,
-                        animationTime: 3000,
-                    },
-                }),
-            ]),
-        ] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FlyoutComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-flyout',
-                        templateUrl: './flyout.component.html',
-                        styleUrls: ['./flyout.component.scss'],
-                        animations: [
-                            animations.trigger('dropdownAnimation', [
-                                animations.state('true', animations.style({
-                                    height: '{{targetHeight}}',
-                                    transition: 'height {{animationTime}}ms ease-in-out',
-                                }), {
-                                    params: {
-                                        targetHeight: '300px',
-                                        animationTime: 3000,
-                                    },
-                                }),
-                                animations.state('false', animations.style({
-                                    height: 0,
-                                    transition: 'height {{animationTime}}ms ease-in-out',
-                                }), {
-                                    params: {
-                                        targetHeight: '300px',
-                                        opacity: 0,
-                                        animationTime: 3000,
-                                    },
-                                }),
-                            ]),
-                        ],
-                    }]
-            }], propDecorators: { icon: [{
-                    type: i0.Input
-                }], headerCssClass: [{
-                    type: i0.Input
-                }], bodyCssClass: [{
-                    type: i0.Input
-                }], headerTitle: [{
-                    type: i0.Input
-                }], headerText: [{
-                    type: i0.Input
-                }], hasButtonForMore: [{
-                    type: i0.Input
-                }], moreText: [{
-                    type: i0.Input
-                }], lessText: [{
-                    type: i0.Input
-                }], content: [{
-                    type: i0.ViewChild,
-                    args: ['content']
-                }], flyoutHeader: [{
-                    type: i0.ViewChild,
-                    args: ['flyoutHeader']
-                }] } });
-
-    var IntegerCurrency = /** @class */ (function () {
-        function IntegerCurrency(cp) {
-            this.cp = cp;
-        }
-        IntegerCurrency.prototype.transform = function (value, currencyCode, display, digitsInfo) {
-            var currencyPipeValue = this.cp.transform(value, currencyCode, display, digitsInfo);
-            if (currencyPipeValue) {
-                var convertedValue = currencyPipeValue.split(',')[0] + ' ' + currencyPipeValue.slice(-1);
-                return convertedValue;
-            }
-            else {
-                throw new Error("No value provided");
-            }
-        };
-        return IntegerCurrency;
-    }());
-    IntegerCurrency.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IntegerCurrency, deps: [{ token: i2__namespace.CurrencyPipe }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    IntegerCurrency.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IntegerCurrency, name: "kmsIntegerCurrency" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: IntegerCurrency, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'kmsIntegerCurrency',
-                    }]
-            }], ctorParameters: function () { return [{ type: i2__namespace.CurrencyPipe }]; } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    var DecodeUriPipe = /** @class */ (function () {
-        function DecodeUriPipe() {
-        }
-        DecodeUriPipe.prototype.transform = function (value, _args) {
-            return decodeURI(value);
-        };
-        return DecodeUriPipe;
-    }());
-    DecodeUriPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DecodeUriPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    DecodeUriPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DecodeUriPipe, name: "kmsDecodeUri" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DecodeUriPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'kmsDecodeUri',
-                    }]
-            }] });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    var EncodeUriPipe = /** @class */ (function () {
-        function EncodeUriPipe() {
-        }
-        EncodeUriPipe.prototype.transform = function (value, _args) {
-            return encodeURI(value);
-        };
-        return EncodeUriPipe;
-    }());
-    EncodeUriPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EncodeUriPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    EncodeUriPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EncodeUriPipe, name: "kmsEncodeUri" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EncodeUriPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'kmsEncodeUri',
-                    }]
-            }] });
-
-    /**
-     * @copyright KMS GmbH
-     */
-    var SafeStylePipe = /** @class */ (function () {
-        function SafeStylePipe(sanitizer) {
-            this.sanitizer = sanitizer;
-        }
-        SafeStylePipe.prototype.transform = function (style) {
-            return this.sanitizer.bypassSecurityTrustStyle(style);
-        };
-        return SafeStylePipe;
-    }());
-    SafeStylePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeStylePipe, deps: [{ token: i1__namespace$2.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    SafeStylePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeStylePipe, name: "kmsSafeStyle" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeStylePipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'kmsSafeStyle',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.DomSanitizer }]; } });
-
-    /**
-     * @copyright KMS GmbH
-     */
-    var SafeUrlPipe = /** @class */ (function () {
-        function SafeUrlPipe(sanitizer) {
-            this.sanitizer = sanitizer;
-        }
-        SafeUrlPipe.prototype.transform = function (url) {
-            return this.sanitizer.bypassSecurityTrustUrl(url);
-        };
-        return SafeUrlPipe;
-    }());
-    SafeUrlPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeUrlPipe, deps: [{ token: i1__namespace$2.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    SafeUrlPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeUrlPipe, name: "kmsSafeSUrl" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeUrlPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'kmsSafeSUrl',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.DomSanitizer }]; } });
-
-    /**
-     * @copyright KMS GmbH
-     */
-    var SafeResourceUrlPipe = /** @class */ (function () {
-        function SafeResourceUrlPipe(sanitizer) {
-            this.sanitizer = sanitizer;
-        }
-        SafeResourceUrlPipe.prototype.transform = function (url) {
-            return this.sanitizer.bypassSecurityTrustResourceUrl(url);
-        };
-        return SafeResourceUrlPipe;
-    }());
-    SafeResourceUrlPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeResourceUrlPipe, deps: [{ token: i1__namespace$2.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    SafeResourceUrlPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeResourceUrlPipe, name: "kmsSafeResourceSUrl" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SafeResourceUrlPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'kmsSafeResourceSUrl',
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.DomSanitizer }]; } });
-
-    var TypeofPipe = /** @class */ (function () {
-        function TypeofPipe() {
-        }
-        TypeofPipe.prototype.transform = function (value) {
-            return typeof value;
-        };
-        return TypeofPipe;
-    }());
-    TypeofPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TypeofPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    TypeofPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TypeofPipe, name: "kmsTypeOf" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TypeofPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'kmsTypeOf',
-                    }]
-            }] });
-
-    /**
-     * @copyright KMS GmbH
-     */
-    var TrimPipe = /** @class */ (function () {
-        function TrimPipe() {
-        }
-        TrimPipe.prototype.transform = function (value) {
-            if (!value) {
-                return '';
-            }
-            return value.trim();
-        };
-        return TrimPipe;
-    }());
-    TrimPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TrimPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    TrimPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TrimPipe, name: "kmsTrim" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TrimPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{ name: 'kmsTrim' }]
-            }] });
-
-    /**
-     * @copyright KMS GmbH
-     */
-    var ToNumberPipe = /** @class */ (function () {
-        function ToNumberPipe() {
-        }
-        ToNumberPipe.prototype.transform = function (items) {
-            if (!items) {
-                return 0;
-            }
-            return parseInt(items, 10);
-        };
-        return ToNumberPipe;
-    }());
-    ToNumberPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToNumberPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-    ToNumberPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToNumberPipe, name: "kmsToNumber", pure: false });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ToNumberPipe, decorators: [{
-                type: i0.Pipe,
-                args: [{
-                        name: 'kmsToNumber',
-                        pure: false
-                    }]
-            }] });
-
-    /**
-     * @copyright KMS GmbH
-     */
-    var CustomPipesModule = /** @class */ (function () {
-        function CustomPipesModule() {
-        }
-        return CustomPipesModule;
-    }());
-    CustomPipesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomPipesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    CustomPipesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomPipesModule, declarations: [IntegerCurrency,
-            SafeHtmlPipe,
-            SafeStylePipe,
-            SafeResourceUrlPipe,
-            SafeUrlPipe,
-            EncodeUriPipe,
-            DecodeUriPipe,
-            TypeofPipe,
-            TrimPipe,
-            ToNumberPipe], imports: [i2.CommonModule], exports: [IntegerCurrency,
-            SafeHtmlPipe,
-            SafeStylePipe,
-            SafeResourceUrlPipe,
-            SafeUrlPipe,
-            EncodeUriPipe,
-            DecodeUriPipe,
-            TypeofPipe,
-            TrimPipe,
-            ToNumberPipe] });
-    CustomPipesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomPipesModule, providers: [i2.CurrencyPipe], imports: [[i2.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: CustomPipesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            IntegerCurrency,
-                            SafeHtmlPipe,
-                            SafeStylePipe,
-                            SafeResourceUrlPipe,
-                            SafeUrlPipe,
-                            EncodeUriPipe,
-                            DecodeUriPipe,
-                            TypeofPipe,
-                            TrimPipe,
-                            ToNumberPipe,
-                        ],
-                        imports: [i2.CommonModule],
-                        exports: [
-                            IntegerCurrency,
-                            SafeHtmlPipe,
-                            SafeStylePipe,
-                            SafeResourceUrlPipe,
-                            SafeUrlPipe,
-                            EncodeUriPipe,
-                            DecodeUriPipe,
-                            TypeofPipe,
-                            TrimPipe,
-                            ToNumberPipe,
-                        ],
-                        providers: [i2.CurrencyPipe],
-                    }]
-            }] });
-
-    var EnumRadiogroupComponent = /** @class */ (function (_super) {
-        __extends(EnumRadiogroupComponent, _super);
-        function EnumRadiogroupComponent(formBuilder, renderer) {
-            var _this = _super.call(this, formBuilder, renderer) || this;
-            _this.formBuilder = formBuilder;
-            _this.renderer = renderer;
-            _this.translationPrefix = '';
-            return _this;
-        }
-        EnumRadiogroupComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.optionValues = Object.keys(this.optionsEnum).filter(function (x) { return !(parseInt(x) >= 0); });
-            this.form = this.formBuilder.group({
-                enumData: [],
-            });
-            this.formInitialized = true;
-            this.form.valueChanges.subscribe(function (value) {
-                _this.internalValue = value.enumData;
-                _this.onChange(value.enumData);
-            });
-            _super.prototype.ngOnInit.call(this);
-        };
-        return EnumRadiogroupComponent;
-    }(FormControlParentComponent));
-    EnumRadiogroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EnumRadiogroupComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    EnumRadiogroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: EnumRadiogroupComponent, selector: "kms-enum-radiogroup", inputs: { header: "header", optionsEnum: "optionsEnum", translationPrefix: "translationPrefix" }, providers: [
-            {
-                provide: i1.NG_VALUE_ACCESSOR,
-                useExisting: i0.forwardRef(function () { return EnumRadiogroupComponent; }),
-                multi: true,
-            },
-        ], usesInheritance: true, ngImport: i0__namespace, template: "<form [formGroup]=\"form\">\r\n    <div>{{ header }}</div>\r\n    <mat-radio-group [formControl]=\"form.controls['enumData']\" [disabled]=\"disabled\" #child>\r\n        <mat-radio-button [value]=\"choice\" [checked]=\"value === choice\" *ngFor=\"let choice of optionValues\">{{ translationPrefix + '.' + choice | translate }}</mat-radio-button>\r\n    </mat-radio-group>\r\n</form>", components: [{ type: i2__namespace$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], directives: [{ type: i1__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2__namespace$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "translate": i6__namespace.TranslatePipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: EnumRadiogroupComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-enum-radiogroup',
-                        templateUrl: './enum-radiogroup.component.html',
-                        providers: [
-                            {
-                                provide: i1.NG_VALUE_ACCESSOR,
-                                useExisting: i0.forwardRef(function () { return EnumRadiogroupComponent; }),
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { header: [{
-                    type: i0.Input
-                }], optionsEnum: [{
-                    type: i0.Input
-                }], translationPrefix: [{
-                    type: i0.Input
-                }] } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    /**
-     * A generic dialog component
-     */
-    var KMSAccordionItemComponent = /** @class */ (function () {
-        function KMSAccordionItemComponent(sanitizer) {
-            this.sanitizer = sanitizer;
-            this.itemTitle = '';
-            this.showAsCard = false;
-            this.isSmall = false;
-            this.expanded = false;
-            this.panelOpenState = false;
-        }
-        KMSAccordionItemComponent.prototype.ngOnInit = function () {
-            this.itemTitleTrustHtml = this.sanitizer.bypassSecurityTrustHtml(this.itemTitle);
-        };
-        return KMSAccordionItemComponent;
-    }());
-    KMSAccordionItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KMSAccordionItemComponent, deps: [{ token: i1__namespace$2.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    KMSAccordionItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: KMSAccordionItemComponent, selector: "kms-accordion-item", inputs: { itemTitle: "itemTitle", showAsCard: "showAsCard", isSmall: "isSmall", expanded: "expanded" }, ngImport: i0__namespace, template: "<mat-expansion-panel\r\n    class=\"accordion-item\"\r\n    [ngClass]=\"{showAsCard: showAsCard, showFlat: !showAsCard, isSmall: isSmall}\"\r\n    (opened)=\"panelOpenState = true\"\r\n    (closed)=\"panelOpenState = false\"\r\n    [expanded] = \"expanded\"\r\n    hideToggle=\"true\">\r\n    <mat-expansion-panel-header class=\"accordion-item-header\">\r\n        <mat-panel-title class=\"mat-subheading-2 accordion-item-title\">\r\n            <div [innerHtml]=\"itemTitleTrustHtml\"></div>\r\n            <ng-content select=\"[itemTitleElement]\"></ng-content>\r\n        </mat-panel-title>\r\n        <div class=\"accordion-item-header-icon-wrapper\">\r\n            <kms-icon *ngIf=\"!panelOpenState\" icon=\"ic_plus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\r\n            <kms-icon *ngIf=\"panelOpenState\" icon=\"ic_minus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\r\n\r\n            <kms-icon *ngIf=\"!panelOpenState\" icon=\"chevron-down\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\r\n            <kms-icon *ngIf=\"panelOpenState\" icon=\"chevron-top\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\r\n        </div>\r\n    </mat-expansion-panel-header>\r\n    <ng-content></ng-content>\r\n</mat-expansion-panel>\r\n", styles: [""], components: [{ type: i2__namespace$4.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i2__namespace$4.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace$4.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KMSAccordionItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-accordion-item',
-                        templateUrl: './kms-accordion-item.component.html',
-                        styleUrls: ['./kms-accordion-item.component.scss'],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.DomSanitizer }]; }, propDecorators: { itemTitle: [{
-                    type: i0.Input
-                }], showAsCard: [{
-                    type: i0.Input
-                }], isSmall: [{
-                    type: i0.Input
-                }], expanded: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * Service to get viewport
-     */
-    var ViewportService = /** @class */ (function () {
-        function ViewportService(platformId, document) {
-            this.platformId = platformId;
-            this.document = document;
-            this.viewports = [
-                {
-                    name: 'xs',
-                    low: 360,
-                    high: 990,
-                },
-                {
-                    name: 's',
-                    low: 991,
-                    high: 1024,
-                },
-                {
-                    name: 'm',
-                    low: 1025,
-                    high: 1200,
-                },
-                {
-                    name: 'l',
-                    low: 1201,
-                    high: 1400,
-                },
-                {
-                    name: 'xl',
-                    low: 1401,
-                    high: 1600,
-                },
-                {
-                    name: 'xxl',
-                    low: 1601,
-                    high: 1920,
-                },
-                {
-                    name: 'xxxl',
-                    low: 1921,
-                    high: 99999,
-                },
-            ];
-            this.viewportChangedSubscriber = new rxjs.Subject();
-            this.viewportResizedSubscriber = new rxjs.Subject();
-            this.isBrowser = false;
-            if (i2.isPlatformBrowser(this.platformId)) {
-                window.addEventListener('resize', this.documentSizeChanged.bind(this), { passive: true });
-                this.isBrowser = true;
-            }
-        }
-        /**
-         * Get window height
-         */
-        ViewportService.prototype.getDocumentHeight = function () {
-            return this.isBrowser ? document.body.clientHeight : 1200;
-        };
-        /**
-         * Get window width
-         */
-        ViewportService.prototype.getDocumentWidth = function () {
-            return this.isBrowser ? document.body.clientWidth : 1200;
-        };
-        /**
-         * Get window height
-         */
-        ViewportService.prototype.getWindowHeight = function () {
-            return this.isBrowser ? window.innerHeight : 1200;
-        };
-        /**
-         * Get window width
-         */
-        ViewportService.prototype.getWindowWidth = function () {
-            return this.isBrowser ? window.innerWidth : 1200;
-        };
-        /**
-         * Returns the current viewport MQ as string
-         * @returns string
-         */
-        ViewportService.prototype.getCurrentViewPort = function () {
-            var currentWidth = this.isBrowser ? document.body.clientWidth : 1200;
-            this.currentViewport = this.convertWidthToMediaQuery(currentWidth);
-            return this.currentViewport;
-        };
-        /**
-         * Returns the current viewport MQ as string
-         * @returns string
-         */
-        ViewportService.prototype.getCurrentViewPortNumber = function () {
-            return this.isBrowser ? document.body.clientWidth : 1200;
-        };
-        /**
-         * Provides mq´s as string
-         */
-        ViewportService.prototype.getViewportChangedObserver = function () {
-            return this.viewportChangedSubscriber.asObservable();
-        };
-        /**
-         * Provides the current window width as number
-         */
-        ViewportService.prototype.getViewportResizedObserver = function () {
-            return this.viewportResizedSubscriber.asObservable();
-        };
-        ViewportService.prototype.scrollToElementId = function (el, alignCenter) {
-            if (alignCenter === void 0) { alignCenter = false; }
-            if (this.isBrowser) {
-                this.scrollToElement(document.querySelector('#' + el), alignCenter);
-            }
-        };
-        /**
-         * Helper function that scrolls to the given markup element.
-         * @param el - nativeElement from markup
-         * @param alignCenter - defines if the element needs to be centered on window
-         */
-        ViewportService.prototype.scrollToElement = function (el, alignCenter) {
-            if (alignCenter === void 0) { alignCenter = false; }
-            if (this.isBrowser) {
-                var extraScrollTop = 0;
-                if (alignCenter) {
-                    extraScrollTop = (window.innerHeight - el.clientHeight) / 2;
-                }
-                var offsetLeft = 0;
-                var offsetTop = 0;
-                var elTemp = el;
-                while (elTemp) {
-                    offsetLeft += elTemp.offsetLeft;
-                    offsetTop += elTemp.offsetTop;
-                    elTemp = elTemp.parentElement ? elTemp.parentElement : null;
-                }
-                window.scrollTo({ left: offsetLeft, top: offsetTop - extraScrollTop, behavior: 'smooth' });
-            }
-        };
-        /**
-         * Scroll to the top position
-         * @param top - top position value
-         */
-        ViewportService.prototype.scrollTop = function (top) {
-            if (this.isBrowser) {
-                window.scrollTo({ left: 0, top: top, behavior: 'smooth' });
-            }
-        };
-        ViewportService.prototype.isPortrait = function () {
-            if (this.isBrowser)
-                return window.innerHeight > window.innerWidth;
-            else
-                return;
-        };
-        ViewportService.prototype.isLandscape = function () {
-            if (this.isBrowser) {
-                var isLandscape = window.orientation === 90 || window.orientation === -90;
-                return isLandscape;
-            }
-            else {
-                return;
-            }
-        };
-        ViewportService.prototype.isMobile = function () {
-            return this.getCurrentViewPortNumber() < this.viewports[2].low;
-        };
-        ViewportService.prototype.calculateFullscreenElementsheight = function (id, defaultheight, extra) {
-            if (!this.isBrowser || this.isMobile()) {
-                return defaultheight;
-            }
-            else {
-                var map = this.document.getElementById(id);
-                var footer = this.document.getElementsByTagName('footer')[0];
-                if (map && footer) {
-                    return window.innerHeight - map.offsetTop - footer.offsetHeight - extra + "px";
-                }
-                else {
-                    console.warn('could not calculate map height');
-                    return defaultheight;
-                }
-            }
-        };
-        /**
-         * If viewport changed
-         * @event
-         */
-        ViewportService.prototype.documentSizeChanged = function (event) {
-            var e_1, _a;
-            var currentWindowWidth = event.target.innerWidth;
-            // inform who´s interested
-            this.viewportResizedSubscriber.next(currentWindowWidth);
-            if (currentWindowWidth > 0) {
-                try {
-                    for (var _b = __values(this.viewports), _c = _b.next(); !_c.done; _c = _b.next()) {
-                        var mqs = _c.value;
-                        if (currentWindowWidth > mqs.high) {
-                            continue;
-                        }
-                        else if ((currentWindowWidth >= mqs.low || currentWindowWidth <= mqs.high) &&
-                            this.currentViewport !== mqs.name) {
-                            this.currentViewport = mqs.name;
-                            // inform who´s interested
-                            this.viewportChangedSubscriber.next(mqs.name);
-                            break;
-                        }
-                        else if (this.currentViewport === mqs.name) {
-                            break;
-                        }
-                        else {
-                            console.error('ERROR');
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-        };
-        /**
-         * Get the Media Query for the given width
-         * @param width Width to get the according MQ for
-         */
-        ViewportService.prototype.convertWidthToMediaQuery = function (width) {
-            var e_2, _a;
-            var currentViewport = '';
-            try {
-                for (var _b = __values(this.viewports), _c = _b.next(); !_c.done; _c = _b.next()) {
-                    var mqs = _c.value;
-                    if (width <= mqs.high && width >= mqs.low) {
-                        currentViewport = mqs.name;
-                        break;
-                    }
-                }
-            }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
-            finally {
-                try {
-                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
-                }
-                finally { if (e_2) throw e_2.error; }
-            }
-            return currentViewport;
-        };
-        ViewportService.prototype.ngOnDestroy = function () {
-            if (this.isBrowser) {
-                window.removeEventListener('resize', this.documentSizeChanged);
-            }
-        };
-        return ViewportService;
-    }());
-    ViewportService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ViewportService, deps: [{ token: i0.PLATFORM_ID }, { token: i2.DOCUMENT }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    ViewportService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ViewportService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ViewportService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () {
-            return [{ type: Object, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.PLATFORM_ID]
-                        }] }, { type: Document, decorators: [{
-                            type: i0.Inject,
-                            args: [i2.DOCUMENT]
-                        }] }];
-        } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    /**
-     * MarkerOptions class for Marker
-     */
-    var MarkerOptions = /** @class */ (function () {
-        function MarkerOptions() {
-        }
-        return MarkerOptions;
-    }());
-    /**
-     * MarkerLabel class for Marker
-     */
-    var MarkerLabel = /** @class */ (function () {
-        function MarkerLabel() {
-        }
-        return MarkerLabel;
-    }());
-    /**
-     * Marker class
-     */
-    var Marker = /** @class */ (function () {
-        function Marker() {
-        }
-        return Marker;
-    }());
-    /**
-     * Component to show marker on google map for specific address
-     */
-    var MapComponent = /** @class */ (function () {
-        //
-        function MapComponent(viewPortService) {
-            this.viewPortService = viewPortService;
-            this.markers = [];
-            this.geoDataFoundForAddress = false;
-            this.widthSet = false;
-            this.width = '100%';
-            this.zoom = 15;
-            this.center = {
-                lat: 52.097449,
-                lng: 12.7436911,
-            };
-            this.options = {
-                mapTypeId: 'roadmap',
-                zoomControl: false,
-                scrollwheel: false,
-                disableDoubleClickZoom: true,
-                maxZoom: 15,
-                minZoom: 8,
-            };
-        }
-        MapComponent.prototype.ngOnInit = function () {
-            this.findLocation(this.data.Street + ' ' + this.data.Zip + ' ' + this.data.City);
-        };
-        /**
-         * Asks google for geocoordinates of a given address string
-         * @input address as string
-         */
-        MapComponent.prototype.findLocation = function (address) {
-            var _this = this;
-            if (!this.geocoder) {
-                this.geocoder = new google.maps.Geocoder();
-            }
-            this.geocoder.geocode({
-                'address': address,
-            }, function (results, status) {
-                if (status === google.maps.GeocoderStatus.OK) {
-                    _this.center.lat = results[0].geometry.location.lat();
-                    _this.center.lng = results[0].geometry.location.lng();
-                    _this.addMarker();
-                    _this.geoDataFoundForAddress = true;
-                }
-                else {
-                    console.error('Sorry, this search of map address produced no results.');
-                }
-            });
-        };
-        /**
-         * Adds a marker to the map
-         */
-        MapComponent.prototype.addMarker = function () {
-            this.markers.push({
-                position: {
-                    lat: this.center.lat,
-                    lng: this.center.lng,
-                },
-                label: {
-                    color: 'blue',
-                    text: this.data.Name1 || '',
-                },
-                title: this.data.Name1 + ' ' + this.data.Street + ' ' + this.data.Zip,
-                options: { animation: google.maps.Animation.DROP },
-            });
-        };
-        /**
-         * Zooms in into map
-         */
-        MapComponent.prototype.zoomIn = function () {
-            if (this.options.maxZoom && this.zoom < this.options.maxZoom) {
-                this.zoom++;
-            }
-        };
-        /**
-         * Zooms out from map
-         */
-        MapComponent.prototype.zoomOut = function () {
-            if (this.options.minZoom && this.zoom > this.options.minZoom) {
-                this.zoom--;
-            }
-        };
-        return MapComponent;
-    }());
-    MapComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MapComponent, deps: [{ token: ViewportService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    MapComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: MapComponent, selector: "kms-map", inputs: { data: "data" }, ngImport: i0__namespace, template: "<div *ngIf=\"geoDataFoundForAddress\">\r\n    <google-map\r\n            height=\"415px\"\r\n            [width]=\"width\"\r\n            [zoom]=\"zoom\"\r\n            [center]=\"center\"\r\n            [options]=\"options\"\r\n    >\r\n        <map-marker\r\n            *ngFor=\"let marker of markers\"\r\n            [position]=\"marker.position\"\r\n            [label]=\"marker.label\"\r\n            [title]=\"marker.title\"\r\n            [options]=\"marker.options\"\r\n        >\r\n        </map-marker>\r\n    </google-map>\r\n</div>", styles: [""], components: [{ type: i2__namespace$5.GoogleMap, selector: "google-map", inputs: ["height", "width", "center", "zoom", "options", "mapTypeId"], outputs: ["authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace$5.MapMarker, selector: "map-marker", inputs: ["title", "position", "label", "clickable", "options", "icon", "visible"], outputs: ["animationChanged", "mapClick", "clickableChanged", "cursorChanged", "mapDblclick", "mapDrag", "mapDragend", "draggableChanged", "mapDragstart", "flatChanged", "iconChanged", "mapMousedown", "mapMouseout", "mapMouseover", "mapMouseup", "positionChanged", "mapRightclick", "shapeChanged", "titleChanged", "visibleChanged", "zindexChanged"], exportAs: ["mapMarker"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MapComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-map',
-                        templateUrl: './map.component.html',
-                        styleUrls: ['./map.component.scss']
-                    }]
-            }], ctorParameters: function () { return [{ type: ViewportService }]; }, propDecorators: { data: [{
-                    type: i0.Input
-                }] } });
-
-    // TODO change values after cleaned up database
-    exports.SalutationEnum = void 0;
-    (function (SalutationEnum) {
-        SalutationEnum["NOT_SPECIFIED"] = "Keine Anrede";
-        SalutationEnum["MALE"] = "Herr";
-        SalutationEnum["FEMALE"] = "Frau";
-    })(exports.SalutationEnum || (exports.SalutationEnum = {}));
-
-    var SalutationDropdownComponent = /** @class */ (function (_super) {
-        __extends(SalutationDropdownComponent, _super);
-        function SalutationDropdownComponent(formBuilder, renderer) {
-            var _this = _super.call(this, formBuilder, renderer) || this;
-            _this.formBuilder = formBuilder;
-            _this.renderer = renderer;
-            //For view
-            _this.SalutationEnum = exports.SalutationEnum;
-            _this.Object = Object;
-            return _this;
-        }
-        SalutationDropdownComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.form = this.formBuilder.group({
-                salut: [],
-            });
-            this.formInitialized = true;
-            //somehow for dropowns we have to set value manually with timeout for default value
-            setTimeout(function () {
-                _this.form.controls['salut'].setValue(_this.value ? _this.value : '');
-            }, 1000);
-            this.form.valueChanges.subscribe(function (value) {
-                _this.onChange(value.salut);
-            });
-            _super.prototype.ngOnInit.call(this);
-        };
-        return SalutationDropdownComponent;
-    }(FormControlParentComponent));
-    SalutationDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SalutationDropdownComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SalutationDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SalutationDropdownComponent, selector: "kms-salutation-dropdown", inputs: { placeholder: "placeholder" }, providers: [
-            {
-                provide: i1.NG_VALUE_ACCESSOR,
-                useExisting: i0.forwardRef(function () { return SalutationDropdownComponent; }),
-                multi: true,
-            },
-        ], usesInheritance: true, ngImport: i0__namespace, template: "<form [formGroup]=\"form\" class=\"row\">\r\n    <mat-form-field class=\"col\">\r\n        <mat-select disableOptionCentering [formControl]=\"form.controls['salut']\" [placeholder]=\"placeholder\" [value]=\"value\" #child>\r\n            <mat-option [value]=\"SalutationEnum.NOT_SPECIFIED\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[0]?.toLowerCase() | translate }}</mat-option>\r\n            <mat-option [value]=\"SalutationEnum.MALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[1]?.toLowerCase() | translate }}</mat-option>\r\n            <mat-option [value]=\"SalutationEnum.FEMALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[2]?.toLowerCase() | translate }}</mat-option>\r\n        </mat-select>\r\n    </mat-form-field>\r\n</form>", components: [{ type: i2__namespace$1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i4__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i1__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i6__namespace.TranslatePipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SalutationDropdownComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-salutation-dropdown',
-                        templateUrl: './salutation-dropdown.component.html',
-                        providers: [
-                            {
-                                provide: i1.NG_VALUE_ACCESSOR,
-                                useExisting: i0.forwardRef(function () { return SalutationDropdownComponent; }),
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { placeholder: [{
-                    type: i0.Input
-                }] } });
-
-    var TooltipComponent = /** @class */ (function () {
-        function TooltipComponent() {
-            this.tooltipTitle = "";
-        }
-        return TooltipComponent;
-    }());
-    TooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TooltipComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    TooltipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: TooltipComponent, selector: "kms-tooltip-element", inputs: { tooltipTitle: "tooltipTitle" }, ngImport: i0__namespace, template: "<ng-content></ng-content>", styles: ["[kmsTooltip]{position:relative}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: TooltipComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-tooltip-element',
-                        templateUrl: './tooltip.component.html',
-                        styleUrls: ['./tooltip.component.scss']
-                    }]
-            }], propDecorators: { tooltipTitle: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * Attached File DTO
-     */
-    var AttachedFileDTO = /** @class */ (function () {
-        function AttachedFileDTO() {
-        }
-        return AttachedFileDTO;
-    }());
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    exports.IconSize = void 0;
-    (function (IconSize) {
-        IconSize["FULLSIZE"] = "size-full";
-        IconSize["TINY"] = "size-16";
-        IconSize["SMALLER"] = "size-20";
-        IconSize["SMALL"] = "size-32";
-        IconSize["MEDIUM"] = "size-64";
-        IconSize["LARGE"] = "size-128";
-        IconSize["XL"] = "size-256";
-        IconSize["XXL"] = "size-512";
-        IconSize["XXXL"] = "size-1024";
-        IconSize["NONE"] = "NONE";
-    })(exports.IconSize || (exports.IconSize = {}));
-
-    var SalutationRadiogroupComponent = /** @class */ (function (_super) {
-        __extends(SalutationRadiogroupComponent, _super);
-        function SalutationRadiogroupComponent(formBuilder, renderer) {
-            var _this = _super.call(this, formBuilder, renderer) || this;
-            _this.formBuilder = formBuilder;
-            _this.renderer = renderer;
-            //For view
-            _this.SalutationEnum = exports.SalutationEnum;
-            _this.Object = Object;
-            return _this;
-        }
-        SalutationRadiogroupComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.form = this.formBuilder.group({
-                salut: [isValue(this.value) ? this.value : '', null],
-            });
-            this.formInitialized = true;
-            this.form.valueChanges.subscribe(function (value) {
-                _this.internalValue = value.salut;
-                _this.onChange(value.salut);
-            });
-            _super.prototype.ngOnInit.call(this);
-        };
-        return SalutationRadiogroupComponent;
-    }(FormControlParentComponent));
-    SalutationRadiogroupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SalutationRadiogroupComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SalutationRadiogroupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SalutationRadiogroupComponent, selector: "kms-salutation-radiogroup", providers: [
-            {
-                provide: i1.NG_VALUE_ACCESSOR,
-                useExisting: i0.forwardRef(function () { return SalutationRadiogroupComponent; }),
-                multi: true,
-            },
-        ], usesInheritance: true, ngImport: i0__namespace, template: "<form [formGroup]=\"form\" >\r\n    <mat-radio-group [formControl]=\"form.controls['salut']\" [disabled]=\"disabled\" #radioGroup>\r\n        <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.NOT_SPECIFIED\" [checked]=\"value === SalutationEnum.NOT_SPECIFIED\">\r\n            {{ 'general.salutation.' + Object.keys(SalutationEnum)[0]?.toLowerCase() | translate }}\r\n        </mat-radio-button>\r\n        <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.MALE\" [checked]=\"value === SalutationEnum.MALE\">\r\n            {{ 'general.salutation.' + Object.keys(SalutationEnum)[1]?.toLowerCase() | translate }}\r\n        </mat-radio-button>\r\n        <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.FEMALE\" [checked]=\"value === SalutationEnum.FEMALE\">\r\n            {{ 'general.salutation.' + Object.keys(SalutationEnum)[2]?.toLowerCase() | translate }}\r\n        </mat-radio-button>\r\n    </mat-radio-group>\r\n</form>", components: [{ type: i2__namespace$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], directives: [{ type: i1__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2__namespace$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { type: i1__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], pipes: { "translate": i6__namespace.TranslatePipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SalutationRadiogroupComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-salutation-radiogroup',
-                        templateUrl: './salutation-radiogroup.component.html',
-                        providers: [
-                            {
-                                provide: i1.NG_VALUE_ACCESSOR,
-                                useExisting: i0.forwardRef(function () { return SalutationRadiogroupComponent; }),
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }, { type: i0__namespace.Renderer2 }]; } });
-
-    /**
-     * @copyright KMS GmbH
-     */
-    var BackToTopComponent = /** @class */ (function () {
-        function BackToTopComponent(platformId) {
-            this.platformId = platformId;
-        }
-        BackToTopComponent.prototype.onWindowScroll = function () {
-            if (i2.isPlatformBrowser(this.platformId)) {
-                if (window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop > 100) {
-                    this.windowScrolled = true;
-                }
-                else if ((this.windowScrolled && window.pageYOffset) ||
-                    document.documentElement.scrollTop ||
-                    document.body.scrollTop < 10) {
-                    this.windowScrolled = false;
-                }
-            }
-        };
-        BackToTopComponent.prototype.scrollToTop = function () {
-            if (i2.isPlatformBrowser(this.platformId)) {
-                (function smoothscroll() {
-                    var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
-                    if (currentScroll > 0) {
-                        window.requestAnimationFrame(smoothscroll);
-                        window.scrollTo(0, currentScroll - currentScroll / 8);
-                    }
-                })();
-            }
-        };
-        return BackToTopComponent;
-    }());
-    BackToTopComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BackToTopComponent, deps: [{ token: i0.PLATFORM_ID }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    BackToTopComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BackToTopComponent, selector: "kms-back-to-top", host: { listeners: { "window:scroll": "onWindowScroll()" } }, ngImport: i0__namespace, template: "<div class=\"scrollToTop\"\r\n    [ngClass]=\"{'show': windowScrolled}\"\r\n    (click)=\"scrollToTop()\">\r\n        <div class=\"scrollToTop-inner\">\r\n            <kms-icon icon=\"floating_button_clear\" iconClass=\"color-white\"></kms-icon>\r\n        </div>\r\n</div>", components: [{ type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: BackToTopComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-back-to-top',
-                        templateUrl: './back-to-top.component.html',
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: Object, decorators: [{
-                            type: i0.Inject,
-                            args: [i0.PLATFORM_ID]
-                        }] }];
-        }, propDecorators: { onWindowScroll: [{
-                    type: i0.HostListener,
-                    args: ['window:scroll', []]
-                }] } });
-
-    var ButtonResponseType;
-    (function (ButtonResponseType) {
-        ButtonResponseType["primary"] = "primary";
-        ButtonResponseType["secondary"] = "secondary";
-    })(ButtonResponseType || (ButtonResponseType = {}));
-
-    /**
-     * @copyright KMS GmbH
-     */
-    /**
-     * A generic dialog component
-     */
-    var GenericDialogComponent = /** @class */ (function () {
-        function GenericDialogComponent(dialogRef, zone, data) {
-            this.dialogRef = dialogRef;
-            this.zone = zone;
-            this.data = data;
-            this.ButtonResponseType = ButtonResponseType;
-            if (isValue(data.buttons)) {
-                this.buttons = data.buttons;
-            }
-            else {
-                this.buttons = { primary: 'Yes', secondary: 'No' };
-            }
-        }
-        /**
-         * Action called when clicked
-         * @param clickedButton Whether the primary or secondary button was clicked
-         */
-        GenericDialogComponent.prototype.onClickAction = function (clickedButton) {
-            var _this = this;
-            this.zone.run(function () {
-                _this.dialogRef.close(clickedButton);
-                _this.dialogRef.afterClosed().subscribe(function () {
-                    var buttonList = document.querySelectorAll('.mat-flat-button, .mat-button');
-                    var i = 0;
-                    for (i; i < buttonList.length; i++) {
-                        buttonList[i].classList.remove('cdk-focused');
-                        buttonList[i].classList.remove('cdk-program-focused');
-                    }
-                });
-            });
-        };
-        return GenericDialogComponent;
-    }());
-    GenericDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GenericDialogComponent, deps: [{ token: i1__namespace$4.MatDialogRef }, { token: i0__namespace.NgZone }, { token: i1$4.MAT_DIALOG_DATA }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    GenericDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: GenericDialogComponent, selector: "kms-generic-dialog", ngImport: i0__namespace, template: "<div mat-dialog-title class=\"mat-dialog-title\">\r\n    <h3>{{ data.title }}</h3>\r\n</div>\r\n<div mat-dialog-content class=\"mat-dialog-content\">\r\n    {{ data.message }}\r\n</div>\r\n<div mat-dialog-actions class=\"custom-dialog-actions\">\r\n    <button\r\n        mat-flat-button\r\n        class=\"test_secondary_button\"\r\n         color=\"accent\"\r\n        (click)=\"onClickAction(ButtonResponseType.secondary)\"\r\n    >\r\n        {{ buttons.secondary }}\r\n    </button>\r\n    <button\r\n        mat-flat-button\r\n        class=\"test_primary_button\"\r\n        color=\"primary\"\r\n        (click)=\"onClickAction(ButtonResponseType.primary)\"\r\n    >\r\n        {{ buttons.primary }}\r\n    </button>\r\n</div>\r\n", styles: [""], components: [{ type: i2__namespace$3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1__namespace$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1__namespace$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: GenericDialogComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-generic-dialog',
-                        templateUrl: './generic-dialog.component.html',
-                        styleUrls: ['./generic-dialog.component.scss'],
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i1__namespace$4.MatDialogRef }, { type: i0__namespace.NgZone }, { type: undefined, decorators: [{
-                            type: i0.Inject,
-                            args: [i1$4.MAT_DIALOG_DATA]
-                        }] }];
-        } });
-
-    var ButtonWithConfirmDialogComponent = /** @class */ (function () {
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        function ButtonWithConfirmDialogComponent(dialog) {
-            this.dialog = dialog;
-            // Outputs when dialogue was closed. Returns true, if yes was clicked, false otherwise
-            this.onConfirmClosed = new i0.EventEmitter();
-            this.subs = new subsink.SubSink();
-        }
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        ButtonWithConfirmDialogComponent.prototype.ngOnInit = function () { };
-        ButtonWithConfirmDialogComponent.prototype.start = function () {
-            var _this = this;
-            var data = {
-                title: this.confirmTitle,
-                buttons: {
-                    primary: this.confirmTextYes,
-                    secondary: this.confirmTextNo,
-                }
-            };
-            var dialogRef = this.dialog.open(GenericDialogComponent, {
-                data: data,
-            });
-            this.subs.sink = dialogRef.afterClosed().subscribe(function (result) {
-                if (result === ButtonResponseType.primary) {
-                    _this.onConfirmClosed.emit(true);
-                }
-                else {
-                    _this.onConfirmClosed.emit(false);
-                }
-                dialogRef.close();
-            });
-        };
-        return ButtonWithConfirmDialogComponent;
-    }());
-    ButtonWithConfirmDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ButtonWithConfirmDialogComponent, deps: [{ token: i1__namespace$4.MatDialog }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ButtonWithConfirmDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ButtonWithConfirmDialogComponent, selector: "kms-button-with-confirm-dialog", inputs: { disabled: "disabled", buttonText: "buttonText", confirmTitle: "confirmTitle", confirmTextYes: "confirmTextYes", confirmTextNo: "confirmTextNo" }, outputs: { onConfirmClosed: "onConfirmClosed" }, ngImport: i0__namespace, template: "<button\r\n    type=\"button\"\r\n    (click)=\"start()\"\r\n    mat-stroked-button\r\n    [disabled]=\"disabled\"\r\n>\r\n    {{ buttonText }}\r\n</button>\r\n", styles: [""], components: [{ type: i2__namespace$3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ButtonWithConfirmDialogComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-button-with-confirm-dialog',
-                        templateUrl: './button-with-confirm-dialog.component.html',
-                        styleUrls: ['./button-with-confirm-dialog.component.scss'],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$4.MatDialog }]; }, propDecorators: { disabled: [{
-                    type: i0.Input
-                }], buttonText: [{
-                    type: i0.Input
-                }], confirmTitle: [{
-                    type: i0.Input
-                }], confirmTextYes: [{
-                    type: i0.Input
-                }], confirmTextNo: [{
-                    type: i0.Input
-                }], onConfirmClosed: [{
-                    type: i0.Output
-                }] } });
-
-    /**
-     * Dropdown from data component {@link https://leaseplan-dev.rentoffice.de/styleguide#ui-elements}
-     */
-    var DropdownFromDataComponent = /** @class */ (function (_super) {
-        __extends(DropdownFromDataComponent, _super);
-        function DropdownFromDataComponent(formBuilder, renderer) {
-            var _this = _super.call(this, formBuilder, renderer) || this;
-            _this.formBuilder = formBuilder;
-            _this.renderer = renderer;
-            // options for the dropdown have a null value at the beginning of the array
-            _this.hasNullOption = false;
-            _this.placeholder = '';
-            _this.label = '';
-            _this.required = false;
-            _this.useEnumIndexAsValue = false;
-            // multiple selection
-            _this.multiple = false;
-            _this.keys = [];
-            _this.values = [];
-            _this.Object = Object;
-            return _this;
-        }
-        /**
-         * Hook used to sync changes on set Label and Type
-         * @param changes
-         */
-        DropdownFromDataComponent.prototype.ngOnChanges = function (changes) {
-            if (changes.optionsPlainArray) {
-                this.keys = this.optionsPlainArray;
-                this.values = this.optionsPlainArray;
-            }
-            this.setKeyValues();
-        };
-        DropdownFromDataComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.form = this.formBuilder.group({
-                dropdownData: [],
-            });
-            this.formInitialized = true;
-            this.form.valueChanges.subscribe(function (value) {
-                _this.internalValue = value.dropdownData;
-                _this.onChange(value.dropdownData);
-            });
-            _super.prototype.ngOnInit.call(this);
-        };
-        /**
-         * transofrms the data values to the correct format for be used by the template
-         * @param value
-         */
-        DropdownFromDataComponent.prototype.setKeyValues = function () {
-            var _this = this;
-            if (this.optionsObjArray && this.mapKey && this.mapValue) {
-                this.keys = this.optionsObjArray.map(function (obj) { return obj["" + _this.mapKey]; });
-                this.values = this.optionsObjArray.map(function (obj) { return obj["" + _this.mapValue]; });
-            }
-            else if (this.optionsObjArray && this.mapKey) {
-                this.keys = this.optionsObjArray.map(function (obj) { return obj["" + _this.mapKey]; });
-                this.values = this.optionsObjArray.map(function (obj) { return obj["" + _this.mapKey]; });
-            }
-            if (this.optionsEnum) {
-                this.keys = enumValues.EnumValues.getNames(this.optionsEnum);
-                if (this.optionsPlainArray) {
-                    this.values = this.optionsPlainArray;
-                }
-                else {
-                    var values = enumValues.EnumValues.getValues(this.optionsEnum);
-                    // var who defines if enum is componed just with keys or keyValues. E.g enum KeyEnum { VALUE1, VALUE2 } or enum KeyValueEnum { VALUE4 = 'V4', VALUE5 = 'V5' }
-                    var keyValueEnum = false;
-                    for (var i = 0; i < this.keys.length; i++) {
-                        if (i !== values[i]) {
-                            keyValueEnum = true;
-                        }
-                    }
-                    if (keyValueEnum || this.useEnumIndexAsValue) {
-                        this.values = values;
-                    }
-                    else {
-                        this.values = enumValues.EnumValues.getNames(this.optionsEnum);
-                    }
-                }
-            }
-            if (this.hasNullOption === true)
-                this.keys.unshift(null);
-            if (this.hasNullOption === true)
-                this.values.unshift(null);
-        };
-        /**
-         * set the value of the dropdown based if translation is set
-         * @param key
-         */
-        DropdownFromDataComponent.prototype.setDisplayKey = function (key) {
-            /*
-                if (this.translation && key !== null) {
-                    if (this.translation.isPrefix) {
-                        return this.translationService.instant(this.translation.path + '.' + key);
-                    } else if (this.translation.useKey) {
-                        return this.translationService.instant(this.translation.path, { key: key });
-                    } else if (!this.translation?.useKey && !this.translation?.isPrefix) {
-                        return this.translationService.instant(this.translation.path);
-                    }
-                } else if (key == null) {
-                    return '';
-                } else if (!this.translation) {
-                    return key;
-                }
-                */
-            return key;
-        };
-        DropdownFromDataComponent.prototype.valueChanged = function (value) {
-            this.form.patchValue({
-                dropdownData: value,
-            });
-            this.onSelectItemEmitter.emit(value);
-        };
-        return DropdownFromDataComponent;
-    }(FormControlParentComponent));
-    DropdownFromDataComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DropdownFromDataComponent, deps: [{ token: i1__namespace$1.FormBuilder }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    DropdownFromDataComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DropdownFromDataComponent, selector: "kms-dropdown-from-data", inputs: { optionsEnum: "optionsEnum", optionsPlainArray: "optionsPlainArray", optionsObjArray: "optionsObjArray", mapKey: "mapKey", mapValue: "mapValue", hasNullOption: "hasNullOption", translation: "translation", placeholder: "placeholder", label: "label", required: "required", useEnumIndexAsValue: "useEnumIndexAsValue", multiple: "multiple" }, providers: [
-            {
-                provide: i1.NG_VALUE_ACCESSOR,
-                useExisting: i0.forwardRef(function () { return DropdownFromDataComponent; }),
-                multi: true,
-            },
-        ], usesInheritance: true, usesOnChanges: true, ngImport: i0__namespace, template: "<form [formGroup]=\"form\">\r\n    <mat-form-field [attr.required]=\"required\" [floatLabel]=\"placeholder ? 'always' : 'auto'\">\r\n        <mat-label>{{ label }}</mat-label>\r\n        <mat-select\r\n            placeholder=\"{{ placeholder }}\"\r\n            disableOptionCentering\r\n            [(value)]=\"value\"\r\n            (selectionChange)=\"valueChanged($event?.value)\"\r\n            #child\r\n            [disabled]=\"disabled\"\r\n            [multiple]=\"multiple\"\r\n            >\r\n            <mat-option *ngFor=\"let key of keys; let i = index\" [value]=\"values[i]\">\r\n                <span>{{ setDisplayKey(key) }}</span>\r\n            </mat-option>\r\n        </mat-select>\r\n    </mat-form-field>\r\n</form>\r\n", components: [{ type: i2__namespace$1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i3__namespace.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i4__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }], directives: [{ type: i1__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2__namespace$1.MatLabel, selector: "mat-label" }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DropdownFromDataComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-dropdown-from-data',
-                        templateUrl: './dropdown-from-data.component.html',
-                        providers: [
-                            {
-                                provide: i1.NG_VALUE_ACCESSOR,
-                                useExisting: i0.forwardRef(function () { return DropdownFromDataComponent; }),
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.FormBuilder }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { optionsEnum: [{
-                    type: i0.Input
-                }], optionsPlainArray: [{
-                    type: i0.Input
-                }], optionsObjArray: [{
-                    type: i0.Input
-                }], mapKey: [{
-                    type: i0.Input
-                }], mapValue: [{
-                    type: i0.Input
-                }], hasNullOption: [{
-                    type: i0.Input
-                }], translation: [{
-                    type: i0.Input
-                }], placeholder: [{
-                    type: i0.Input
-                }], label: [{
-                    type: i0.Input
-                }], required: [{
-                    type: i0.Input
-                }], useEnumIndexAsValue: [{
-                    type: i0.Input
-                }], multiple: [{
-                    type: i0.Input
-                }] } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    var SwipeDirective = /** @class */ (function () {
-        function SwipeDirective() {
-            /**
-             * Output Event that is emitted during swipe process (mouse move or touch move event).
-             * Can be used for calculation purposes.
-             */
-            this.moveEvent = new i0.EventEmitter();
-            /**
-             * Output Event that is emitted when swipe process end (mouse up or touch end event).
-             * Can be used for calculation purposes.
-             */
-            this.releaseEvent = new i0.EventEmitter();
-            this._startPosition = -1;
-            this._lastPosX = 0;
-            this._thresholdWasReached = false;
-            this._timeStart = 0;
-        }
-        Object.defineProperty(SwipeDirective.prototype, "config", {
-            /**
-             * Needed config that defines swipe behaviour.
-             * @param options SwipeOptions
-             */
-            set: function (options) {
-                if (options) {
-                    this._swipeOptions = options;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SwipeDirective.prototype.onMouseDown = function (event) {
-            this.calculateStartPosition(event);
-        };
-        SwipeDirective.prototype.onMove = function (event) {
-            this.move(event);
-        };
-        SwipeDirective.prototype.onRelease = function (event) {
-            this.release(event);
-            this.reset();
-        };
-        // ** PRIVATE ** //
-        /**
-         * Function checks if the current moving delta is inside the defined threshold.
-         * Sets the flag to true if the threshold was reached once.
-         */
-        SwipeDirective.prototype.checkThreshold = function (moveEvent) {
-            var percentage = this._swipeOptions && this._swipeOptions.swipeThresholdType === '%';
-            if (!percentage && this._swipeOptions && moveEvent.swipeDistanceTotal < this._swipeOptions.swipeThreshold) {
-                return;
-            }
-            else if (percentage &&
-                this._swipeOptions &&
-                moveEvent.swipeDistancePercentage < this._swipeOptions.swipeThreshold / 100) {
-                return;
-            }
-            else {
-                this._thresholdWasReached = true;
-            }
-        };
-        SwipeDirective.prototype.calculateStartPosition = function (event) {
-            // detect if touch or click
-            this._isMobile = event.type === 'touchstart';
-            // save start position
-            if (this._swipeOptions && this._swipeOptions.swipeLocalPosition) {
-                if (this._isMobile) {
-                    var touch = event.touches[0];
-                    this._startPosition = this._swipeOptions.swipeLocalPosition ? touch.clientX : touch.pageX;
-                }
-                else {
-                    this._startPosition = this._swipeOptions.swipeLocalPosition ? event.offsetX : event.pageX;
-                }
-            }
-            this._lastPosX = this._startPosition;
-            this._timeStart = event.timeStamp;
-            this._thresholdWasReached = false;
-        };
-        SwipeDirective.prototype.move = function (event) {
-            // failsafe
-            if (typeof event === 'undefined') {
-                return;
-            }
-            var posX = 0;
-            if (this._swipeOptions) {
-                if (this._isMobile && event.type === 'touchmove') {
-                    var touch = event.touches[0];
-                    posX = this._swipeOptions.swipeLocalPosition ? touch.clientX : touch.pageX;
-                }
-                else {
-                    posX = this._swipeOptions.swipeLocalPosition ? event.offsetX : event.pageX;
-                }
-            }
-            var offsetPerFrame = posX - this._lastPosX;
-            var swipeDistanceTotal = Math.abs(posX - this._startPosition);
-            var swipeDistancePercentage = Math.abs(swipeDistanceTotal / event.target.clientWidth);
-            var timeDuration = Math.abs(event.timeStamp - this._timeStart);
-            var direction;
-            var speed = 1 - swipeDistanceTotal / timeDuration;
-            speed = Math.max(0.1, speed);
-            if (posX - this._startPosition > 0) {
-                direction = 1; // a.k.a LTR
-            }
-            else {
-                direction = -1; // a.k.a RTL
-            }
-            this._moveEventData = {
-                position: posX,
-                offsetPerFrame: offsetPerFrame,
-                swipeDistanceTotal: swipeDistanceTotal,
-                swipeDistancePercentage: swipeDistancePercentage,
-                direction: direction,
-                speed: speed,
-                thresholdWasReached: this._thresholdWasReached,
-            };
-            this.checkThreshold(this._moveEventData);
-            // update move delta
-            this._lastPosX = posX;
-            // inform
-            this.moveEvent.emit(this._moveEventData);
-        };
-        SwipeDirective.prototype.release = function (event) {
-            // case: just a click/touch
-            if (!this._moveEventData) {
-                return;
-            }
-            var releaseEventData = {
-                thresholdWasReached: this._thresholdWasReached,
-                direction: this._moveEventData.direction,
-                speed: this._moveEventData.speed,
-                easingType: this.getEasingCurve(this._moveEventData.speed),
-                target: event.currentTarget,
-            };
-            // inform
-            this.releaseEvent.emit(releaseEventData);
-        };
-        SwipeDirective.prototype.getEasingCurve = function (speed) {
-            return speed > 0.5 ? 'ease-in' : 'ease-out';
-        };
-        SwipeDirective.prototype.reset = function () {
-            this._startPosition = -1;
-            this._thresholdWasReached = false;
-            if (this._moveEventData) {
-                this._moveEventData = undefined;
-            }
-        };
-        return SwipeDirective;
-    }());
-    SwipeDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SwipeDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    SwipeDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SwipeDirective, selector: "[swipeDirective]", inputs: { config: ["swipeDirective", "config"] }, outputs: { moveEvent: "moveEvent", releaseEvent: "releaseEvent" }, host: { listeners: { "mousedown": "onMouseDown($event)", "touchstart": "onMouseDown($event)", "mousemove": "onMove($event)", "touchmove": "onMove($event)", "mouseup": "onRelease($event)", "mouseleave": "onRelease($event)", "touchend": "onRelease($event)" } }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SwipeDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[swipeDirective]',
-                    }]
-            }], propDecorators: { moveEvent: [{
-                    type: i0.Output
-                }], releaseEvent: [{
-                    type: i0.Output
-                }], config: [{
-                    type: i0.Input,
-                    args: ['swipeDirective']
-                }], onMouseDown: [{
-                    type: i0.HostListener,
-                    args: ['mousedown', ['$event']]
-                }, {
-                    type: i0.HostListener,
-                    args: ['touchstart', ['$event']]
-                }], onMove: [{
-                    type: i0.HostListener,
-                    args: ['mousemove', ['$event']]
-                }, {
-                    type: i0.HostListener,
-                    args: ['touchmove', ['$event']]
-                }], onRelease: [{
-                    type: i0.HostListener,
-                    args: ['mouseup', ['$event']]
-                }, {
-                    type: i0.HostListener,
-                    args: ['mouseleave', ['$event']]
-                }, {
-                    type: i0.HostListener,
-                    args: ['touchend', ['$event']]
-                }] } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    var ImageSliderComponent = /** @class */ (function () {
-        function ImageSliderComponent(sanitizer) {
-            this.sanitizer = sanitizer;
-            this.editMode = false;
-            this.orderChanged = new i0.EventEmitter();
-            this.deleteImageEvent = new i0.EventEmitter();
-            /**
-             * Optional: Define Swipe behaviour configuration.
-             * Default is 10% for the threshold definition until a swipe triggers next/previous slide.
-             */
-            this.swipeConfig = {
-                swipeThreshold: 5,
-                swipeThresholdType: '%',
-                swipeLocalPosition: true,
-            };
-            this.selectedSlide = 0;
-            this.isLastClickedInSliderImage = false;
-            this.config = {
-                initialSlide: 0,
-                slidesPerView: 3,
-                navigation: {
-                    nextEl: '.swiper-button-next',
-                    prevEl: '.swiper-button-prev',
-                },
-                watchOverflow: true,
-                autoHeight: true,
-                allowTouchMove: false,
-                spaceBetween: 30,
-                on: {
-                    slideChange: function () {
-                        // do something
-                    },
-                    slideChangeTransitionEnd: function () {
-                        // do something
-                    },
-                },
-            };
-        }
-        ImageSliderComponent.prototype.ngOnInit = function () {
-            if (this.slides) {
-                // TODO use Pipe safeStyle
-                this.selectedSlideImage = this.sanitizer.bypassSecurityTrustStyle('url(' + this.slides[0] + ')');
-            }
-        };
-        // !TODO
-        ImageSliderComponent.prototype.onKeydownHandler = function (event) {
-            if (event.key === 'ArrowRight') {
-                this.nextSlide();
-            }
-            if (event.key === 'ArrowLeft') {
-                this.previousSlide();
-            }
-        };
-        /**
-         * Slide follows the finger or mouse according to it´s move delta.
-         * @param event SwipeMoveEvent
-         */
-        ImageSliderComponent.prototype.handleMoveEvent = function (event) {
-            // certain move threshold needs to be reached
-            if (!event.thresholdWasReached) {
-                return;
-            }
-            this.config.direction = event.direction === 1 ? 'horizontal' : 'vertical';
-        };
-        /**
-         * Mouse up or slide container was left.
-         * @param event SwipeReleaseEvent
-         */
-        ImageSliderComponent.prototype.handleReleaseEvent = function (event) {
-            if (!event.thresholdWasReached) {
-                return;
-            }
-            // Just do if user clicked to slide on image and not on arrow or other element
-            if (!this.isLastClickedInSliderImage) {
-                return;
-            }
-            if (event.direction === 1) {
-                this.previousSlide();
-            }
-            else {
-                this.nextSlide();
-            }
-        };
-        ImageSliderComponent.prototype.lastClicked = function () {
-            this.isLastClickedInSliderImage = true;
-        };
-        ImageSliderComponent.prototype.noLastClicked = function () {
-            this.isLastClickedInSliderImage = false;
-        };
-        ImageSliderComponent.prototype.scrollLeft = function () {
-            this.previousSlide();
-        };
-        ImageSliderComponent.prototype.scrollRight = function () {
-            this.nextSlide();
-        };
-        ImageSliderComponent.prototype.nextSlide = function () {
-            if (this.slides && this.selectedSlide < this.slides.length - 1) {
-                if (this.usefulSwiper) {
-                    this.usefulSwiper.swiper.slideNext();
-                }
-                this.openSlide(this.selectedSlide + 1);
-            }
-            this.isLastClickedInSliderImage = false;
-        };
-        ImageSliderComponent.prototype.previousSlide = function () {
-            if (this.selectedSlide > 0) {
-                if (this.usefulSwiper) {
-                    this.usefulSwiper.swiper.slidePrev();
-                }
-                this.openSlide(this.selectedSlide - 1);
-            }
-            this.isLastClickedInSliderImage = false;
-        };
-        ImageSliderComponent.prototype.slideTo = function (index) {
-            if (this.usefulSwiper) {
-                this.usefulSwiper.swiper.slideTo(index);
-            }
-        };
-        ImageSliderComponent.prototype.openSlide = function (number) {
-            if (this.slides && number < this.slides.length && number >= 0) {
-                this.selectedSlide = number;
-                // TODO use Pipe safeStyle
-                this.selectedSlideImage = this.sanitizer.bypassSecurityTrustStyle('url(' + this.slides[number] || ')');
-            }
-        };
-        ImageSliderComponent.prototype.ngOnChanges = function (_changes) {
-            if (_changes.slides) {
-                if (this.slides) {
-                    // TODO use Pipe safeStyle
-                    this.selectedSlideImage = this.sanitizer.bypassSecurityTrustStyle('url(' + this.slides[0] + ')');
-                }
-            }
-        };
-        /**
-         * Re-order slides and notify parent component
-         */
-        ImageSliderComponent.prototype.drop = function (event) {
-            if (this.slides && this.imagesTOSave) {
-                i6$1.moveItemInArray(this.slides, event.previousIndex, event.currentIndex);
-                i6$1.moveItemInArray(this.imagesTOSave, event.previousIndex, event.currentIndex);
-                this.orderChanged.emit(this.imagesTOSave);
-            }
-        };
-        /**
-         * Send image index to parent to perform delete
-         */
-        ImageSliderComponent.prototype.deleteImage = function (index) {
-            this.deleteImageEvent.emit(index);
-        };
-        return ImageSliderComponent;
-    }());
-    ImageSliderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImageSliderComponent, deps: [{ token: i1__namespace$2.DomSanitizer }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    ImageSliderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ImageSliderComponent, selector: "kms-image-slider", inputs: { slides: "slides", editMode: "editMode", imagesTOSave: "imagesTOSave", swipeConfig: "swipeConfig" }, outputs: { orderChanged: "orderChanged", deleteImageEvent: "deleteImageEvent" }, host: { listeners: { "document:keydown": "onKeydownHandler($event)" } }, viewQueries: [{ propertyName: "usefulSwiper", first: true, predicate: ["usefulSwiper"], descendants: true }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"all-wrapper\">\r\n    <!--(swiperight)=\"previousSlide()\" (swipeleft)=\"nextSlide()\"-->\r\n    <div \r\n        class=\"swiper-bigImage\"\r\n        [style.backgroundImage]=\"selectedSlideImage\"\r\n        [swipeDirective]=\"swipeConfig\"\r\n        (moveEvent)=\"handleMoveEvent($event)\"\r\n        (releaseEvent)=\"handleReleaseEvent($event)\"\r\n        (mouseup)=\"lastClicked()\"\r\n        (mouseout)=\"noLastClicked()\" >\r\n    </div>\r\n\r\n    <ng-content select=\"[description]\"></ng-content>\r\n\r\n    <div class=\"swiper-holder\">\r\n        <!--\r\n        (mouseWheelUp)=\"scrollLeft($event)\"\r\n        (mouseWheelDown)=\"scrollRight($event)\"\r\n        -->\r\n\r\n        <swiper [config]=\"config\" #usefulSwiper>\r\n            <div class=\"swiper-wrapper\" \r\n                cdkDropList (cdkDropListDropped)=\"drop($event)\" \r\n                cdkDropListOrientation=\"horizontal\">                \r\n                <div class=\"swiper-slide\" \r\n                    *ngFor=\"let slide of slides; let index = index\" \r\n                    cdkDrag [cdkDragDisabled]=\"!editMode\">\r\n                    <button mat-menu-item *ngIf=\"editMode\" (click)=\"deleteImage(index)\"> \r\n                        <kms-icon icon=\"trash\"></kms-icon>\r\n                    </button>\r\n                    <div class=\"img\" (click)=\"openSlide(index)\"\r\n                        [style.backgroundImage]=\"sanitizer.bypassSecurityTrustStyle('url(' + slide + ')')\"\r\n                        [ngClass]=\"{'active': index === selectedSlide}\">\r\n                    </div>\r\n                    \r\n                    <div class=\"default-image\">{{\"common.defaultImage\" | translate}} </div>\r\n                </div>\r\n            </div>\r\n        </swiper>\r\n\r\n        <div class=\"swiper-button-next\" *ngIf=\"slides?.length > 3\"></div>\r\n        <div class=\"swiper-button-prev\" *ngIf=\"slides?.length > 3\"></div>\r\n\r\n        <div class=\"swiper-button-next2\" *ngIf=\"slides?.length > 1\" (click)=\"nextSlide()\">\r\n            <kms-icon icon=\"chevron-right\" [iconClass]=\"{'color-disabled': selectedSlide == slides?.length - 1, 'color-primary': true}\"></kms-icon>\r\n        </div>\r\n        <div class=\"swiper-button-prev2\" *ngIf=\"slides?.length > 1\" (click)=\"previousSlide()\">\r\n            <kms-icon icon=\"chevron-left\" [iconClass]=\"{'color-disabled': selectedSlide == 0, 'color-primary': true}\"></kms-icon>\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <ng-content></ng-content>\r\n</div>", styles: [""], components: [{ type: i2__namespace$6.SwiperComponent, selector: "swiper", inputs: ["initialize", "config"] }, { type: i3__namespace$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }], directives: [{ type: SwipeDirective, selector: "[swipeDirective]", inputs: ["swipeDirective"], outputs: ["moveEvent", "releaseEvent"] }, { type: i6__namespace$1.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6__namespace$1.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i6__namespace.TranslatePipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: ImageSliderComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'kms-image-slider',
-                        templateUrl: './image-slider.component.html',
-                        styleUrls: ['./image-slider.component.scss'],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$2.DomSanitizer }]; }, propDecorators: { slides: [{
-                    type: i0.Input
-                }], editMode: [{
-                    type: i0.Input
-                }], imagesTOSave: [{
-                    type: i0.Input
-                }], orderChanged: [{
-                    type: i0.Output
-                }], deleteImageEvent: [{
-                    type: i0.Output
-                }], swipeConfig: [{
-                    type: i0.Input
-                }], usefulSwiper: [{
-                    type: i0.ViewChild,
-                    args: ['usefulSwiper']
-                }], onKeydownHandler: [{
-                    type: i0.HostListener,
-                    args: ['document:keydown', ['$event']]
-                }] } });
-
-    /*!
-     * @copyright FLYACTS GmbH 2019
-     */
-    var MouseWheelDirective = /** @class */ (function () {
-        function MouseWheelDirective() {
-            this.mouseWheelUp = new i0.EventEmitter();
-            this.mouseWheelDown = new i0.EventEmitter();
-        }
-        MouseWheelDirective.prototype.onMouseWheelChrome = function (event) {
-            this.mouseWheelFunc(event);
-        };
-        MouseWheelDirective.prototype.onMouseWheelFirefox = function (event) {
-            this.mouseWheelFunc(event);
-        };
-        MouseWheelDirective.prototype.onMouseWheelIE = function (event) {
-            this.mouseWheelFunc(event);
-        };
-        MouseWheelDirective.prototype.mouseWheelFunc = function (event) {
-            event = window.event || event; // old IE support
-            var delta = Math.max(-1, Math.min(1, (event.wheelDelta || -event.detail)));
-            if (delta > 0) {
-                this.mouseWheelUp.emit(event);
-            }
-            else if (delta < 0) {
-                this.mouseWheelDown.emit(event);
-            }
-            // for IE
-            event.returnValue = false;
-            // for Chrome and Firefox
-            if (event.preventDefault) {
-                event.preventDefault();
-            }
-        };
-        return MouseWheelDirective;
-    }());
-    MouseWheelDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MouseWheelDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    MouseWheelDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: MouseWheelDirective, selector: "[mouseWheel]", outputs: { mouseWheelUp: "mouseWheelUp", mouseWheelDown: "mouseWheelDown" }, host: { listeners: { "mousewheel": "onMouseWheelChrome($event)", "DOMMouseScroll": "onMouseWheelFirefox($event)", "onmousewheel": "onMouseWheelIE($event)" } }, ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: MouseWheelDirective, decorators: [{
-                type: i0.Directive,
-                args: [{ selector: '[mouseWheel]' }]
-            }], propDecorators: { mouseWheelUp: [{
-                    type: i0.Output
-                }], mouseWheelDown: [{
-                    type: i0.Output
-                }], onMouseWheelChrome: [{
-                    type: i0.HostListener,
-                    args: ['mousewheel', ['$event']]
-                }], onMouseWheelFirefox: [{
-                    type: i0.HostListener,
-                    args: ['DOMMouseScroll', ['$event']]
-                }], onMouseWheelIE: [{
-                    type: i0.HostListener,
-                    args: ['onmousewheel', ['$event']]
-                }] } });
-
-    /**
-     * @copyright KMS GmbH
-     */
-    var DirectivesModule = /** @class */ (function () {
-        function DirectivesModule() {
-        }
-        return DirectivesModule;
-    }());
-    DirectivesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DirectivesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    DirectivesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DirectivesModule, declarations: [SwipeDirective,
-            MouseWheelDirective,
-            GetMaxHeightDirective,
-            TooltipDirective,
-            SizeDirective], imports: [i2.CommonModule], exports: [SwipeDirective,
-            MouseWheelDirective,
-            GetMaxHeightDirective,
-            TooltipDirective,
-            SizeDirective] });
-    DirectivesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DirectivesModule, imports: [[i2.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: DirectivesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SwipeDirective,
-                            MouseWheelDirective,
-                            GetMaxHeightDirective,
-                            TooltipDirective,
-                            SizeDirective,
-                        ],
-                        imports: [i2.CommonModule],
-                        exports: [
-                            SwipeDirective,
-                            MouseWheelDirective,
-                            GetMaxHeightDirective,
-                            TooltipDirective,
-                            SizeDirective,
-                        ],
-                    }]
-            }] });
-
-    var KmsUiPresentationalModule = /** @class */ (function () {
-        function KmsUiPresentationalModule() {
-        }
-        return KmsUiPresentationalModule;
-    }());
-    KmsUiPresentationalModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KmsUiPresentationalModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    KmsUiPresentationalModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KmsUiPresentationalModule, declarations: [ActionsParentComponent,
-            BackToTopComponent,
-            ButtonWithConfirmDialogComponent,
-            CheckboxComponent,
-            ColorInputComponent,
-            DropdownFromDataComponent,
-            EnumRadiogroupComponent,
-            EnumRadiogroupComponent,
-            FileInputComponent,
-            FlyoutComponent,
-            GenericDialogComponent,
-            IconComponent,
-            ImageSliderComponent,
-            KMSAccordionItemComponent,
-            KmsUiPresentationalComponent,
-            LoaderComponent,
-            MapComponent,
-            RadioButtonComponent,
-            SalutationDropdownComponent,
-            SalutationRadiogroupComponent,
-            TimeInputComponent,
-            TooltipComponent,
-            TooltipIconComponent,
-            YesNoRadiogroupComponent], imports: [i2.CommonModule,
-            i6$1.DragDropModule,
-            i1$1.MatCheckboxModule,
-            i2$3.MatButtonModule,
-            i2$2.MatRadioModule,
-            i1$4.MatDialogModule,
-            i1.FormsModule,
-            i1.ReactiveFormsModule,
-            i2$1.MatFormFieldModule,
-            i5.MatInputModule,
-            i3$1.MatMenuModule,
-            CustomPipesModule,
-            i2$5.GoogleMapsModule,
-            i2$4.MatExpansionModule,
-            i3.MatSelectModule,
-            i1$3.MatProgressSpinnerModule,
-            DirectivesModule,
-            i6.TranslateModule,
-            i2$6.NgxUsefulSwiperModule], exports: [ActionsParentComponent,
-            BackToTopComponent,
-            ButtonWithConfirmDialogComponent,
-            CheckboxComponent,
-            ColorInputComponent,
-            DropdownFromDataComponent,
-            EnumRadiogroupComponent,
-            EnumRadiogroupComponent,
-            FileInputComponent,
-            FlyoutComponent,
-            GenericDialogComponent,
-            IconComponent,
-            ImageSliderComponent,
-            KMSAccordionItemComponent,
-            KmsUiPresentationalComponent,
-            LoaderComponent,
-            MapComponent,
-            RadioButtonComponent,
-            SalutationDropdownComponent,
-            SalutationRadiogroupComponent,
-            TimeInputComponent,
-            TooltipComponent,
-            TooltipIconComponent,
-            YesNoRadiogroupComponent] });
-    KmsUiPresentationalModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KmsUiPresentationalModule, providers: [
-            ViewportService
-        ], imports: [[
-                i2.CommonModule,
-                i6$1.DragDropModule,
-                i1$1.MatCheckboxModule,
-                i2$3.MatButtonModule,
-                i2$2.MatRadioModule,
-                i1$4.MatDialogModule,
-                i1.FormsModule,
-                i1.ReactiveFormsModule,
-                i2$1.MatFormFieldModule,
-                i5.MatInputModule,
-                i3$1.MatMenuModule,
-                CustomPipesModule,
-                i2$5.GoogleMapsModule,
-                i2$4.MatExpansionModule,
-                i3.MatSelectModule,
-                i1$3.MatProgressSpinnerModule,
-                DirectivesModule,
-                i6.TranslateModule,
-                i2$6.NgxUsefulSwiperModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: KmsUiPresentationalModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            ActionsParentComponent,
-                            BackToTopComponent,
-                            ButtonWithConfirmDialogComponent,
-                            CheckboxComponent,
-                            ColorInputComponent,
-                            DropdownFromDataComponent,
-                            EnumRadiogroupComponent,
-                            EnumRadiogroupComponent,
-                            FileInputComponent,
-                            FlyoutComponent,
-                            GenericDialogComponent,
-                            IconComponent,
-                            ImageSliderComponent,
-                            KMSAccordionItemComponent,
-                            KmsUiPresentationalComponent,
-                            LoaderComponent,
-                            MapComponent,
-                            RadioButtonComponent,
-                            SalutationDropdownComponent,
-                            SalutationRadiogroupComponent,
-                            TimeInputComponent,
-                            TooltipComponent,
-                            TooltipIconComponent,
-                            YesNoRadiogroupComponent,
-                        ],
-                        imports: [
-                            i2.CommonModule,
-                            i6$1.DragDropModule,
-                            i1$1.MatCheckboxModule,
-                            i2$3.MatButtonModule,
-                            i2$2.MatRadioModule,
-                            i1$4.MatDialogModule,
-                            i1.FormsModule,
-                            i1.ReactiveFormsModule,
-                            i2$1.MatFormFieldModule,
-                            i5.MatInputModule,
-                            i3$1.MatMenuModule,
-                            CustomPipesModule,
-                            i2$5.GoogleMapsModule,
-                            i2$4.MatExpansionModule,
-                            i3.MatSelectModule,
-                            i1$3.MatProgressSpinnerModule,
-                            DirectivesModule,
-                            i6.TranslateModule,
-                            i2$6.NgxUsefulSwiperModule,
-                        ],
-                        exports: [
-                            ActionsParentComponent,
-                            BackToTopComponent,
-                            ButtonWithConfirmDialogComponent,
-                            CheckboxComponent,
-                            ColorInputComponent,
-                            DropdownFromDataComponent,
-                            EnumRadiogroupComponent,
-                            EnumRadiogroupComponent,
-                            FileInputComponent,
-                            FlyoutComponent,
-                            GenericDialogComponent,
-                            IconComponent,
-                            ImageSliderComponent,
-                            KMSAccordionItemComponent,
-                            KmsUiPresentationalComponent,
-                            LoaderComponent,
-                            MapComponent,
-                            RadioButtonComponent,
-                            SalutationDropdownComponent,
-                            SalutationRadiogroupComponent,
-                            TimeInputComponent,
-                            TooltipComponent,
-                            TooltipIconComponent,
-                            YesNoRadiogroupComponent,
-                        ],
-                        providers: [
-                            ViewportService
-                        ]
-                    }]
-            }] });
-
-    /*
-     * Public API Surface of kms-ngx-ui-presentational
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.ActionsParentComponent = ActionsParentComponent;
-    exports.BackToTopComponent = BackToTopComponent;
-    exports.ButtonWithConfirmDialogComponent = ButtonWithConfirmDialogComponent;
-    exports.CheckboxComponent = CheckboxComponent;
-    exports.ColorInputComponent = ColorInputComponent;
-    exports.CustomPipesModule = CustomPipesModule;
-    exports.DecodeUriPipe = DecodeUriPipe;
-    exports.DirectivesModule = DirectivesModule;
-    exports.DropdownFromDataComponent = DropdownFromDataComponent;
-    exports.EncodeUriPipe = EncodeUriPipe;
-    exports.EnumRadiogroupComponent = EnumRadiogroupComponent;
-    exports.FileInputComponent = FileInputComponent;
-    exports.FlyoutComponent = FlyoutComponent;
-    exports.FormParentComponent = FormParentComponent;
-    exports.GenericDialogComponent = GenericDialogComponent;
-    exports.GetMaxHeightDirective = GetMaxHeightDirective;
-    exports.IconComponent = IconComponent;
-    exports.ImageSliderComponent = ImageSliderComponent;
-    exports.IntegerCurrency = IntegerCurrency;
-    exports.KMSAccordionItemComponent = KMSAccordionItemComponent;
-    exports.KmsUiPresentationalComponent = KmsUiPresentationalComponent;
-    exports.KmsUiPresentationalModule = KmsUiPresentationalModule;
-    exports.KmsUiPresentationalService = KmsUiPresentationalService;
-    exports.LoaderComponent = LoaderComponent;
-    exports.MapComponent = MapComponent;
-    exports.Marker = Marker;
-    exports.MarkerLabel = MarkerLabel;
-    exports.MarkerOptions = MarkerOptions;
-    exports.MouseWheelDirective = MouseWheelDirective;
-    exports.RadioButtonComponent = RadioButtonComponent;
-    exports.SafeHtmlPipe = SafeHtmlPipe;
-    exports.SafeResourceUrlPipe = SafeResourceUrlPipe;
-    exports.SafeStylePipe = SafeStylePipe;
-    exports.SafeUrlPipe = SafeUrlPipe;
-    exports.SalutationDropdownComponent = SalutationDropdownComponent;
-    exports.SalutationRadiogroupComponent = SalutationRadiogroupComponent;
-    exports.SizeDirective = SizeDirective;
-    exports.SwipeDirective = SwipeDirective;
-    exports.TimeInputComponent = TimeInputComponent;
-    exports.ToNumberPipe = ToNumberPipe;
-    exports.TooltipComponent = TooltipComponent;
-    exports.TooltipDirective = TooltipDirective;
-    exports.TooltipIconComponent = TooltipIconComponent;
-    exports.TrimPipe = TrimPipe;
-    exports.TypeofPipe = TypeofPipe;
-    exports.ViewportService = ViewportService;
-    exports.YesNoRadiogroupComponent = YesNoRadiogroupComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=kms-ngx-ui-presentational.umd.js.map