@kms-ngx-ui/presentational 0.0.1

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

@@ -0,0 +1,2441 @@
+(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('@angular/animations'), require('@angular/platform-browser'), require('rxjs'), require('@angular/material/dialog'), require('subsink'), require('@angular/google-maps'), require('@angular/material/button'), require('@angular/material/expansion')) :
+    typeof define === 'function' && define.amd ? define('@kms-ngx-ui/presentational', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/checkbox', '@angular/material/radio', '@angular/animations', '@angular/platform-browser', 'rxjs', '@angular/material/dialog', 'subsink', '@angular/google-maps', '@angular/material/button', '@angular/material/expansion'], 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.ng.animations, global.ng.platformBrowser, global.rxjs, global.ng.material.dialog, global.subsink, global.ng.googleMaps, global.ng.material.button, global.ng.material.expansion));
+}(this, (function (exports, i0, common, forms, checkbox, radio, animations, platformBrowser, rxjs, dialog, subsink, googleMaps, button, expansion) { 'use strict';
+
+    var KmsUiPresentationalService = /** @class */ (function () {
+        function KmsUiPresentationalService() {
+        }
+        return KmsUiPresentationalService;
+    }());
+    KmsUiPresentationalService.ɵprov = i0.ɵɵdefineInjectable({ factory: function KmsUiPresentationalService_Factory() { return new KmsUiPresentationalService(); }, token: KmsUiPresentationalService, providedIn: "root" });
+    KmsUiPresentationalService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    KmsUiPresentationalService.ctorParameters = function () { return []; };
+
+    var KmsUiPresentationalComponent = /** @class */ (function () {
+        function KmsUiPresentationalComponent() {
+        }
+        KmsUiPresentationalComponent.prototype.ngOnInit = function () {
+        };
+        return KmsUiPresentationalComponent;
+    }());
+    KmsUiPresentationalComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'lib-kms-ngx-ui-presentational',
+                    template: "\n    <p>\n      kms-ngx-ui-presentational works!\n    </p>\n  "
+                },] }
+    ];
+    KmsUiPresentationalComponent.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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-actions',
+                    template: ''
+                },] }
+    ];
+    ActionsParentComponent.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 (_)
+                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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-checkbox',
+                    template: "<!-- <label class=\"wrapper ui-copy-text\"\n       [ngClass]=\"{'disabled' : disabled}\">{{label}}\n    <input type=\"checkbox\" \n           [checked]=\"checked\"\n           [value]=\"value\"\n           [name]=\"name\"\n           [disabled]=\"disabled\"\n           (change)=\"selectAction($event)\">\n\n</label> -->\n<mat-checkbox class=\"example-margin\" [disabled]=\"disabled\" [name]=\"name\" [(ngModel)]=\"checked\"></mat-checkbox>\n<span *ngIf=\"infoText && infoText.length > 0\" \n      class=\"\"\n      [ngClass]=\"{'disabled' : disabled}\">{{infoText}}\n</span>",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: i0.forwardRef(function () { return CheckboxComponent; }),
+                            multi: true,
+                        },
+                    ],
+                    styles: [".test{color:#0000cd}"]
+                },] }
+    ];
+    CheckboxComponent.ctorParameters = function () { return []; };
+    CheckboxComponent.propDecorators = {
+        infoText: [{ type: i0.Input }],
+        name: [{ type: i0.Input }],
+        select: [{ type: i0.Output }]
+    };
+
+    /*!
+     * @copyright FLYACTS GmbH 2019
+     */
+    var FormParentComponent = /** @class */ (function () {
+        function FormParentComponent(formBuilder) {
+            this.formBuilder = formBuilder;
+            this.formInitialized = false;
+            this.allowedCharsOnlyNumbers = new Set('0123456789'.split('').map(function (c) { return c.charCodeAt(0); }));
+            this.formDataChanged = new i0.EventEmitter();
+            this.disabled = false;
+        }
+        // TODO make a service or make own compoennt 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);
+            return (isNumberRow) || (isNumberPad) || (allowDelete && isDelete) || (allowArrows && isArrows) || (allowCutCopyPaste && isCutCopyOrPaste);
+        };
+        // TODO make a service or make own compoennt 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 compoennt 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 () {
+            var _this = this;
+            this.formDataChanged.emit(this.form);
+            this.form.valueChanges.subscribe(function () {
+                _this.formDataChanged.emit(_this.form);
+            });
+        };
+        return FormParentComponent;
+    }());
+    FormParentComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-form',
+                    template: ''
+                },] }
+    ];
+    FormParentComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder }
+    ]; };
+    FormParentComponent.propDecorators = {
+        formDataChanged: [{ type: i0.Output }],
+        disabled: [{ type: i0.Input }]
+    };
+
+    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) {
+            if (this.child) {
+                this.renderer.setProperty(this.child.nativeElement, 'disabled', isDisabled);
+            }
+        };
+        FormControlParentComponent.prototype.validate = function (_) {
+            return this.form.valid ? null : false;
+        };
+        return FormControlParentComponent;
+    }(FormParentComponent));
+    FormControlParentComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-formControlParent',
+                    template: ''
+                },] }
+    ];
+    FormControlParentComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: i0.Renderer2 }
+    ]; };
+    FormControlParentComponent.propDecorators = {
+        defaultDataOverride: [{ type: i0.Input }],
+        onSelectItemEmitter: [{ type: i0.Output }],
+        child: [{ type: i0.ViewChild, args: ['child',] }]
+    };
+
+    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: '',
+            });
+            this.formInitialized = true;
+            this.form.valueChanges.subscribe(function (value) {
+                _this.internalValue = value.color;
+                _this.onChange(value.color);
+            });
+            _super.prototype.ngOnInit.call(this);
+        };
+        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;
+        };
+        return ColorInputComponent;
+    }(FormControlParentComponent));
+    ColorInputComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-color-input',
+                    template: "\n<form [formGroup]=\"form\" *ngIf=\"formInitialized\">\n    <div>\n        <mat-form-field class=\"colorInput\">\n            <kms-tooltip-icon [tooltipText]=\"tooltipText\" *ngIf=\"tooltipText\"></kms-tooltip-icon>\n            <mat-label>{{ label }}</mat-label>\n            <input type=\"text\" [value]=\"value\" matInput formControlName=\"color\" [placeholder]=\"placeholder\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n            <input type=\"color\" [value]=\"value && matchesHex(value) ? value : '#ffffff'\" formControlName=\"color\" [ngClass]=\"{'my-inValid': !matchesHex(value)}\" />\n        </mat-form-field>\n    </div>\n</form>",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: i0.forwardRef(function () { return ColorInputComponent; }),
+                            multi: true,
+                        },
+                    ],
+                    styles: [".colorInput{position:relative}.colorInput input[type=color]{display:block;position:absolute;width:20px;height:20px;left:0;bottom:10px;padding:0;margin:0;border:1px solid transparent}.colorInput input.my-inValid[type=color]{border:1px dotted red}.colorInput input[type=text]{padding-left:30px}.colorInput input.my-inValid[type=text]{color:red}.colorInput kms-tooltip-icon{position:absolute;right:0;top:-10px}.colorInput .mat-form-field-label{padding-left:30px}.colorInput .mat-form-field-can-float.mat-focused .mat-form-label{padding-left:0}"]
+                },] }
+    ];
+    ColorInputComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: i0.Renderer2 }
+    ]; };
+    ColorInputComponent.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 = '';
+            // 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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-radiobutton',
+                    template: "<label class=\"wrapper ui-small-text\"\n       [ngClass]=\"{'disabled' : disabled}\">\n    <input type=\"radio\"\n           [name]=\"name\"\n           [value]=\"value\"\n           [checked]=\"checked\"\n           [disabled]=\"disabled\"\n           [id]=\"id\"\n           (change)=\"selectAction($event)\">{{label}}\n\n    <kms-icon\n            class=\"checkmark\" \n            aria-hidden=\"true\"\n            *ngIf=\"checked\"\n            [ngClass]=\"{\n                'disabled' : disabled\n            }\"\n            [iconClass]=\"{\n                'disabled' : disabled, \n                'color-primary': true,\n                'size-16': true\n            }\"\n            [icon]=\"'ic_radiobutton_active'\"\n        >\n    </kms-icon>\n    <kms-icon\n            class=\"checkmark\" \n            aria-hidden=\"true\"\n            *ngIf=\"!checked\"\n            [ngClass]=\"{\n                'disabled' : disabled\n            }\"\n            [iconClass]=\"{\n                'disabled' : disabled, \n                'color-primary': true,\n                'size-16': true\n            }\"\n            [icon]=\"'ic_radiobutton_inactive'\"\n        >\n    </kms-icon>\n    <ng-content></ng-content>\n</label>\n",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: i0.forwardRef(function () { return RadioButtonComponent; }),
+                            multi: true,
+                        },
+                    ],
+                    styles: [".wrapper{position:relative;display:inline-block;padding-left:35px;cursor:pointer}.wrapper input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.wrapper.disabled{cursor:default}"]
+                },] }
+    ];
+    RadioButtonComponent.ctorParameters = function () { return []; };
+    RadioButtonComponent.propDecorators = {
+        name: [{ type: i0.Input }],
+        id: [{ 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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-time-input',
+                    template: "<form [formGroup]=\"form\" class=\"timeInput\">\n    <input formControlName=\"h\" [value]=\"h\" maxlength=\"2\" />\n    <span>:</span>\n    <input formControlName=\"m\" [value]=\"m\" maxlength=\"2\" />\n</form>",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: i0.forwardRef(function () { return TimeInputComponent; }),
+                            multi: true,
+                        },
+                    ],
+                    styles: [".timeInput{display:inline}.timeInput input{width:2em;margin-right:4px;margin-left:4px;font-size:16px}"]
+                },] }
+    ];
+    TimeInputComponent.ctorParameters = function () { return [
+        { type: forms.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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-yesno-radiogroup',
+                    template: "<form [formGroup]=\"form\">\n    <div>{{ header }}</div>\n    <mat-radio-group [formControl]=\"form.controls['yesno']\" [disabled]=\"disabled\" #child>\n        <mat-radio-button [value]=\"true\" [checked]=\"internalValue === true\"> {{ textYes }}</mat-radio-button>\n        <mat-radio-button [value]=\"false\" [checked]=\"internalValue === false\"> {{ textNo }}</mat-radio-button>\n    </mat-radio-group>\n</form>\n",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: i0.forwardRef(function () { return YesNoRadiogroupComponent; }),
+                            multi: true,
+                        },
+                    ]
+                },] }
+    ];
+    YesNoRadiogroupComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: i0.Renderer2 }
+    ]; };
+    YesNoRadiogroupComponent.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
+     */
+    (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 = {}));
+
+    /**
+     * @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 forms.FormControl(''),
+                ImageLink: new forms.FormControl(''),
+                Filename: new forms.FormControl(''),
+                ImageAsDataURL: new forms.FormControl(''),
+                Text: new forms.FormControl(''),
+            });
+            this.subscriptions = [];
+            this.newImageLoading = false;
+            this.IconSize = exports.IconSize;
+            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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-file-input',
+                    template: "<form [formGroup]=\"form\" (change)=\"newImageLoading=true\" class=\"fileInput\"> \n\n    <div *ngIf=\"form.value.Filename && previewImage\">\n        <div *ngIf=\"newImageLoading\">\n            {{ 'file-input.loading' | translate }}\n        </div>\n        <div *ngIf=\"!newImageLoading\">\n            <div class=\"\">\n                <div class=\"\">\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;\" />\n                    <img *ngIf=\"form.value.ImageAsDataURL && form.value.ImageAsDataURL !== ''\" [src]=\"form.value.ImageAsDataURL\" style=\"height: 40px; width: fit-content;\" />\n                </div>\n                <div class=\"\">{{form.value.Filename}}</div>\n                <div class=\"\">\n                    <div (click)=\"removeFromList()\" *ngIf=\"allowRemove\">\n                        <kms-icon icon=\"trash\" [iconSize]=\"IconSize.TINY\" iconClass=\"color-black\"></kms-icon> \n                        {{ 'file-input.remove' }}\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div *ngIf=\"!previewImage\">\n        <div class=\"\">{{form.value.Filename}}</div>\n    </div>\n\n    <button (click)=\"selectImageOverlay()\" class=\"button-primary-font-color\" mat-stroked-button>\n        <span>{{ label }}</span>\n    </button>\n    <input\n        type=\"file\"\n        [accept]=\"acceptedFileMimetypes\"\n        style=\"display: none\"\n        #fileInput\n        (click)=\"clearInputValue($event)\"\n        (change)=\"selectImage($event)\"\n    />\n\n    <input type=\"hidden\" [formControl]=\"form.controls['ImageIdent']\" />\n    <input type=\"hidden\" [formControl]=\"form.controls['ImageLink']\" />\n    <input type=\"hidden\" [formControl]=\"form.controls['Filename']\" />\n    <input type=\"hidden\" [formControl]=\"form.controls['ImageAsDataURL']\" />\n    <input type=\"hidden\" [formControl]=\"form.controls['Text']\" />\n\n</form>",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: i0.forwardRef(function () { return FileInputComponent; }),
+                            multi: true,
+                        },
+                        {
+                            provide: forms.NG_VALIDATORS,
+                            useExisting: i0.forwardRef(function () { return FileInputComponent; }),
+                            multi: true,
+                        },
+                    ],
+                    styles: [""]
+                },] }
+    ];
+    FileInputComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: i0.ApplicationRef },
+        { type: i0.ChangeDetectorRef },
+        { type: i0.Renderer2 }
+    ]; };
+    FileInputComponent.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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-loader',
+                    template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n    <mat-spinner class=\"spinnerMargin\" color=\"accent\" diameter=\"44\"></mat-spinner>\n</div>\n",
+                    styles: [""]
+                },] }
+    ];
+    LoaderComponent.ctorParameters = function () { return []; };
+    LoaderComponent.propDecorators = {
+        loading: [{ type: i0.Input }]
+    };
+
+    /*!
+     * @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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-flyout',
+                    template: "<div class=\"flyout\"\n    [ngClass]=\"{'is-active': isDropdownOpened}\"\n>\n    <div class=\"flyout-header\" (click)=\"toggleDropdownHeader()\" [ngClass]=\"headerCssClass\">\n        <span [innerHtml]=\"headerTitle | kmsSafeHtml\"></span>\n        <span [innerHtml]=\"headerText | kmsSafeHtml\"></span>\n\n        <ng-content select=\"[header]\"></ng-content>\n\n        <div *ngIf=\"hasButtonForMore\" (click)=\"toggleDropdown()\" class=\"flyout-header-more\">\n            <span *ngIf=\"!isDropdownOpened\">\n                {{ moreText }}\n            </span>\n            <span *ngIf=\"isDropdownOpened\">\n                {{ lessText }}\n            </span>\n            <kms-icon [icon]=\"'chevron-down'\"\n                  [iconClass]=\"{'size-16': true, 'is-rotating180': isDropdownOpened}\" >\n            </kms-icon>\n        </div>\n    </div>\n    <div \n        class=\"flyout-body\"\n        [ngClass]=\"bodyCssClass\"\n        tabindex=\"0\"\n        [@dropdownAnimation]=\"{value: isDropdownOpened, params: {targetHeight: targetHeight, animationTime: '500'}}\"\n        getMaxHeight=\"inner\"\n        (sumOfHeight)=\"setDropdownListHeight($event)\"\n        #flyoutHeader>\n        <div class=\"inner\" #content>\n            <ng-content ></ng-content>\n        </div>\n    </div>\n\n</div>\n",
+                    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,
+                                },
+                            }),
+                        ]),
+                    ],
+                    styles: [".flyout{position:relative;display:block;padding:20px 45px}.flyout-header-more{font:normal normal normal 16px/25px var(--fontName-text03);letter-spacing:.26px;color:var(--primaryColor);cursor:pointer}.flyout-header-more kms-icon .icon,.flyout-header-more kms-icon .icon svg{width:16px!important;height:20px!important}.flyout-header-more kms-icon .icon svg use{fill:var(--primaryColor)}.flyout-body{padding:0;margin:0;overflow:hidden;outline:none}"]
+                },] }
+    ];
+    FlyoutComponent.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',] }]
+    };
+
+    /**
+     * @copyright KMS GmbH
+     */
+    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.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'kmsIntegerCurrency',
+                },] }
+    ];
+    IntegerCurrency.ctorParameters = function () { return [
+        { type: common.CurrencyPipe }
+    ]; };
+
+    /*!
+     * @copyright FLYACTS GmbH 2019
+     */
+    var DecodeUriPipe = /** @class */ (function () {
+        function DecodeUriPipe() {
+        }
+        DecodeUriPipe.prototype.transform = function (value, _args) {
+            return decodeURI(value);
+        };
+        return DecodeUriPipe;
+    }());
+    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.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'kmsEncodeUri',
+                },] }
+    ];
+
+    /*!
+     * @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.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'kmsSafeHtml',
+                },] }
+    ];
+    SafeHtmlPipe.ctorParameters = function () { return [
+        { type: platformBrowser.DomSanitizer }
+    ]; };
+
+    /**
+     * @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.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'kmsSafeStyle',
+                },] }
+    ];
+    SafeStylePipe.ctorParameters = function () { return [
+        { type: platformBrowser.DomSanitizer }
+    ]; };
+
+    /**
+     * @copyright KMS GmbH
+     */
+    var SafeUrlPipe = /** @class */ (function () {
+        function SafeUrlPipe(sanitizer) {
+            this.sanitizer = sanitizer;
+        }
+        SafeUrlPipe.prototype.transform = function (style) {
+            return this.sanitizer.bypassSecurityTrustUrl(style);
+        };
+        return SafeUrlPipe;
+    }());
+    SafeUrlPipe.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'kmsSafeSUrl',
+                },] }
+    ];
+    SafeUrlPipe.ctorParameters = function () { return [
+        { type: platformBrowser.DomSanitizer }
+    ]; };
+
+    var TypeofPipe = /** @class */ (function () {
+        function TypeofPipe() {
+        }
+        TypeofPipe.prototype.transform = function (value) {
+            return typeof value;
+        };
+        return TypeofPipe;
+    }());
+    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.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.decorators = [
+        { type: i0.Pipe, args: [{
+                    name: 'kmsToNumber',
+                    pure: false
+                },] }
+    ];
+
+    /**
+     * @copyright KMS GmbH
+     */
+    var CustomPipesModule = /** @class */ (function () {
+        function CustomPipesModule() {
+        }
+        return CustomPipesModule;
+    }());
+    CustomPipesModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        IntegerCurrency,
+                        SafeHtmlPipe,
+                        SafeStylePipe,
+                        SafeUrlPipe,
+                        EncodeUriPipe,
+                        DecodeUriPipe,
+                        TypeofPipe,
+                        TrimPipe,
+                        ToNumberPipe,
+                    ],
+                    imports: [common.CommonModule],
+                    exports: [
+                        IntegerCurrency,
+                        SafeHtmlPipe,
+                        SafeStylePipe,
+                        SafeUrlPipe,
+                        EncodeUriPipe,
+                        DecodeUriPipe,
+                        TypeofPipe,
+                        TrimPipe,
+                        ToNumberPipe,
+                    ],
+                    providers: [common.CurrencyPipe],
+                },] }
+    ];
+
+    /*!
+     * @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 = {}));
+
+    /**
+     * @copyright KMS GmbH
+     */
+    var IconComponent = /** @class */ (function () {
+        function IconComponent(sanitizer) {
+            this.sanitizer = sanitizer;
+            /**
+             * Optional: Different size via CSS inline style.
+             */
+            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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-icon',
+                    template: "<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === false\">\n  <span class=\"icon {{ iconSize }}\" [ngClass]=\"iconClass\" [ngStyle]=\"iconStyle\">\n    <svg>\n      <use\n        [attr.xlink:href]=\"\n          'assets/sprite.svg?Version=' + Version + '#' + iconToShow\n        \"\n      ></use>\n    </svg>\n  </span>\n</ng-container>\n<ng-container *ngIf=\"icon !== 'none' && dontUseSprite === true\">\n  <object\n    [data]=\"\n      sanitizer.bypassSecurityTrustResourceUrl('assets/icons/' + icon + '')\n    \"\n    type=\"image/svg+xml\"\n    class=\"icon {{ iconSize }}\"\n    [ngClass]=\"iconClass\"\n    [ngStyle]=\"iconStyle\"\n  ></object>\n</ng-container>\n",
+                    styles: [""]
+                },] }
+    ];
+    IconComponent.ctorParameters = function () { return [
+        { type: platformBrowser.DomSanitizer }
+    ]; };
+    IconComponent.propDecorators = {
+        icon: [{ type: i0.Input }],
+        iconClass: [{ type: i0.Input }],
+        iconStyle: [{ type: i0.Input }],
+        iconSize: [{ type: i0.Input }],
+        dontUseSprite: [{ type: i0.Input }]
+    };
+
+    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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-enum-radiogroup',
+                    template: "<form [formGroup]=\"form\">\n    <div>{{ header }}</div>\n    <mat-radio-group [formControl]=\"form.controls['enumData']\" [disabled]=\"disabled\" #child>\n        <mat-radio-button [value]=\"choice\" [checked]=\"value === choice\" *ngFor=\"let choice of optionValues\">{{ translationPrefix + '.' + choice | translate }}</mat-radio-button>\n    </mat-radio-group>\n</form>",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: i0.forwardRef(function () { return EnumRadiogroupComponent; }),
+                            multi: true,
+                        },
+                    ]
+                },] }
+    ];
+    EnumRadiogroupComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: i0.Renderer2 }
+    ]; };
+    EnumRadiogroupComponent.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.panelOpenState = false;
+        }
+        KMSAccordionItemComponent.prototype.ngOnInit = function () {
+            this.itemTitleTrustHtml = this.sanitizer.bypassSecurityTrustHtml(this.itemTitle);
+        };
+        return KMSAccordionItemComponent;
+    }());
+    KMSAccordionItemComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-accordion-item',
+                    template: "<mat-expansion-panel\n    class=\"accordion-item\" \n    [ngClass]=\"{showAsCard: showAsCard, showFlat: !showAsCard, isSmall: isSmall}\"\n    (opened)=\"panelOpenState = true\" \n    (closed)=\"panelOpenState = false\"\n    hideToggle=\"true\">\n    <mat-expansion-panel-header class=\"accordion-item-header\">\n        <mat-panel-title class=\"mat-subheading-2 accordion-item-title\">\n            <div [innerHtml]=\"itemTitleTrustHtml\"></div>\n            <ng-content select=\"[itemTitleElement]\"></ng-content>                   \n        </mat-panel-title>\n        <div class=\"accordion-item-header-icon-wrapper\">\n            <kms-icon *ngIf=\"!panelOpenState\" icon=\"ic_plus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\n            <kms-icon *ngIf=\"panelOpenState\" icon=\"ic_minus\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-desktop\"></kms-icon>\n\n            <kms-icon *ngIf=\"!panelOpenState\" icon=\"chevron-down\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\n            <kms-icon *ngIf=\"panelOpenState\" icon=\"chevron-top\" iconClass=\"color-red\" class=\"accordion-item-header-icon-wrapper-mobile\"></kms-icon>\n        </div>\n    </mat-expansion-panel-header>\n    <ng-content></ng-content>\n</mat-expansion-panel>",
+                    styles: [""]
+                },] }
+    ];
+    KMSAccordionItemComponent.ctorParameters = function () { return [
+        { type: platformBrowser.DomSanitizer }
+    ]; };
+    KMSAccordionItemComponent.propDecorators = {
+        itemTitle: [{ type: i0.Input }],
+        showAsCard: [{ type: i0.Input }],
+        isSmall: [{ type: i0.Input }]
+    };
+
+    /**
+     * Service to get viewport
+     */
+    var ViewportService = /** @class */ (function () {
+        function ViewportService(platformId) {
+            this.platformId = platformId;
+            this.viewports = [
+                {
+                    name: 'xs',
+                    low: 420,
+                    high: 990,
+                },
+                {
+                    name: 's',
+                    low: 991,
+                    high: 1024,
+                },
+                {
+                    name: 'm',
+                    low: 1025,
+                    high: 1200,
+                },
+                {
+                    name: 'l',
+                    low: 12001,
+                    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();
+            if (common.isPlatformBrowser(this.platformId)) {
+                window.addEventListener('resize', this.documentSizeChanged.bind(this), { passive: true });
+            }
+        }
+        /**
+         * Get window height
+         */
+        ViewportService.prototype.getDocumentHeight = function () {
+            return common.isPlatformBrowser(this.platformId) ? document.body.clientHeight : 1200;
+        };
+        /**
+         * Get window width
+         */
+        ViewportService.prototype.getDocumentWidth = function () {
+            return common.isPlatformBrowser(this.platformId) ? document.body.clientWidth : 1200;
+        };
+        /**
+         * Get window height
+         */
+        ViewportService.prototype.getWindowHeight = function () {
+            return common.isPlatformBrowser(this.platformId) ? window.innerHeight : 1200;
+        };
+        /**
+         * Get window width
+         */
+        ViewportService.prototype.getWindowWidth = function () {
+            return common.isPlatformBrowser(this.platformId) ? window.innerWidth : 1200;
+        };
+        /**
+         * Returns the current viewport MQ as string
+         * @returns string
+         */
+        ViewportService.prototype.getCurrentViewPort = function () {
+            if (!this.currentViewport) {
+                var currentWidth = common.isPlatformBrowser(this.platformId) ? document.body.clientWidth : 1200;
+                this.currentViewport = this.convertWidthToMediaQuery(currentWidth);
+            }
+            return this.currentViewport;
+        };
+        /**
+         * 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 (common.isPlatformBrowser(this.platformId)) {
+                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 (common.isPlatformBrowser(this.platformId)) {
+                var extraScrollTop = 0;
+                if (alignCenter) {
+                    extraScrollTop = (window.innerHeight - el.clientHeight) / 2;
+                }
+                /*
+                const elementPos: DOMRect = el.getBoundingClientRect();
+                const scrollTopPosition = elementPos.x - extraScrollTop;
+                */
+                //let 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: 0, top: offsetTop - extraScrollTop, behavior: 'smooth' });
+            }
+        };
+        /**
+         * Scroll to the top position
+         * @param top - top position value
+         */
+        ViewportService.prototype.scrollTop = function (top) {
+            if (common.isPlatformBrowser(this.platformId)) {
+                window.scrollTo({ left: 0, top: top, behavior: 'smooth' });
+            }
+        };
+        ViewportService.prototype.ngOnDestroy = function () {
+            if (common.isPlatformBrowser(this.platformId)) {
+                window.removeEventListener('resize', this.documentSizeChanged);
+            }
+        };
+        /**
+         * 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.isPortrait = function () {
+            if (common.isPlatformBrowser(this.platformId))
+                return window.innerHeight > window.innerWidth;
+            else
+                return;
+        };
+        ViewportService.prototype.isLandscape = function () {
+            if (common.isPlatformBrowser(this.platformId)) {
+                var isLandscape = window.orientation === 90 || window.orientation === -90;
+                return isLandscape;
+            }
+            else {
+                return;
+            }
+        };
+        return ViewportService;
+    }());
+    ViewportService.decorators = [
+        { type: i0.Injectable }
+    ];
+    ViewportService.ctorParameters = function () { return [
+        { type: Object, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] }
+    ]; };
+
+    /*!
+     * @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;
+                    // react to browser resize
+                    _this.setMapWidth(_this.viewPortService.getDocumentWidth());
+                    _this.viewportSubscription = _this.viewPortService.getViewportResizedObserver().subscribe(function (val) {
+                        _this.setMapWidth(val);
+                    }, function (error) {
+                        console.error('Get updated ViewPort failed', error);
+                    });
+                }
+                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 },
+            });
+        };
+        /**
+         * sets the width of map accodring to viewport
+         */
+        MapComponent.prototype.setMapWidth = function (val) {
+            if (val < 991) {
+                this.width = (val - 84) + 'px';
+            }
+            else {
+                this.width = '100%';
+            }
+            this.widthSet = true;
+        };
+        /**
+         * 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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-map',
+                    template: "<div *ngIf=\"geoDataFoundForAddress && widthSet\">\n    <google-map\n            height=\"415px\"\n            [width]=\"width\"\n            [zoom]=\"zoom\"\n            [center]=\"center\"\n            [options]=\"options\"\n    >\n        <map-marker\n            *ngFor=\"let marker of markers\"\n            [position]=\"marker.position\"\n            [label]=\"marker.label\"\n            [title]=\"marker.title\"\n            [options]=\"marker.options\"\n        >\n        </map-marker>\n    </google-map>\n</div>",
+                    styles: [""]
+                },] }
+    ];
+    MapComponent.ctorParameters = function () { return [
+        { type: ViewportService }
+    ]; };
+    MapComponent.propDecorators = {
+        data: [{ type: i0.Input }]
+    };
+
+    // TODO change values after cleaned up database
+    (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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-salutation-dropdown',
+                    template: "<form [formGroup]=\"form\" class=\"row\">\n    <mat-form-field class=\"col\">\n        <mat-select disableOptionCentering [formControl]=\"form.controls['salut']\" [placeholder]=\"placeholder\" [value]=\"value\" #child>\n            <mat-option [value]=\"SalutationEnum.NOT_SPECIFIED\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[0]?.toLowerCase() | translate }}</mat-option>\n            <mat-option [value]=\"SalutationEnum.MALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[1]?.toLowerCase() | translate }}</mat-option>\n            <mat-option [value]=\"SalutationEnum.FEMALE\">{{ 'general.salutation.' + Object.keys(SalutationEnum)[2]?.toLowerCase() | translate }}</mat-option>\n        </mat-select>\n    </mat-form-field>\n</form>",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: i0.forwardRef(function () { return SalutationDropdownComponent; }),
+                            multi: true,
+                        },
+                    ]
+                },] }
+    ];
+    SalutationDropdownComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: i0.Renderer2 }
+    ]; };
+    SalutationDropdownComponent.propDecorators = {
+        placeholder: [{ type: i0.Input }]
+    };
+
+    var TooltipComponent = /** @class */ (function () {
+        function TooltipComponent() {
+            this.tooltipTitle = "";
+        }
+        return TooltipComponent;
+    }());
+    TooltipComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-tooltip-element',
+                    template: "<ng-content></ng-content>",
+                    styles: ["[kmsTooltip]{position:relative}"]
+                },] }
+    ];
+    TooltipComponent.propDecorators = {
+        tooltipTitle: [{ type: i0.Input }]
+    };
+
+    /**
+     * Attached File DTO
+     */
+    var AttachedFileDTO = /** @class */ (function () {
+        function AttachedFileDTO() {
+        }
+        return AttachedFileDTO;
+    }());
+
+    var TooltipIconComponent = /** @class */ (function () {
+        function TooltipIconComponent() {
+            this.tooltipTitle = "";
+            this.tooltipText = "";
+            this.tooltipLinkText = "";
+            this.tooltipLinkUrl = "";
+            this.placement = "";
+            this.delay = 1000;
+            this.IconSize = exports.IconSize;
+        }
+        return TooltipIconComponent;
+    }());
+    TooltipIconComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-tooltip-icon',
+                    template: "<span\n    kmsTooltip\n    [tooltipTitle]=\"tooltipTitle\"\n    [tooltipText]=\"tooltipText\"\n    [tooltipPlacement]=\"placement\"\n    [tooltipDelay]=\"delay\"\n    [tooltipLinkText]=\"tooltipLinkText\"\n    [tooltipLinkUrl]=\"tooltipLinkUrl\"\n>\n    <kms-icon icon=\"ic_info\" [iconSize]=\"IconSize.SMALLER\" [iconClass]=\"'color-primary'\"></kms-icon>\n</span>\n",
+                    styles: [""]
+                },] }
+    ];
+    TooltipIconComponent.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 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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-salutation-radiogroup',
+                    template: "<form [formGroup]=\"form\" >\n    <mat-radio-group [formControl]=\"form.controls['salut']\" [disabled]=\"disabled\" #radioGroup>\n        <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.NOT_SPECIFIED\" [checked]=\"value === SalutationEnum.NOT_SPECIFIED\">\n            {{ 'general.salutation.' + Object.keys(SalutationEnum)[0]?.toLowerCase() | translate }}\n        </mat-radio-button>\n        <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.MALE\" [checked]=\"value === SalutationEnum.MALE\">\n            {{ 'general.salutation.' + Object.keys(SalutationEnum)[1]?.toLowerCase() | translate }}\n        </mat-radio-button>\n        <mat-radio-button color=\"primary\" [value]=\"SalutationEnum.FEMALE\" [checked]=\"value === SalutationEnum.FEMALE\">\n            {{ 'general.salutation.' + Object.keys(SalutationEnum)[2]?.toLowerCase() | translate }}\n        </mat-radio-button>\n    </mat-radio-group>\n</form>",
+                    providers: [
+                        {
+                            provide: forms.NG_VALUE_ACCESSOR,
+                            useExisting: i0.forwardRef(function () { return SalutationRadiogroupComponent; }),
+                            multi: true,
+                        },
+                    ]
+                },] }
+    ];
+    SalutationRadiogroupComponent.ctorParameters = function () { return [
+        { type: forms.FormBuilder },
+        { type: i0.Renderer2 }
+    ]; };
+
+    /**
+     * @copyright KMS GmbH
+     */
+    var BackToTopComponent = /** @class */ (function () {
+        function BackToTopComponent(platformId) {
+            this.platformId = platformId;
+        }
+        BackToTopComponent.prototype.onWindowScroll = function () {
+            if (common.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 (common.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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-back-to-top',
+                    template: "<div class=\"scrollToTop\"\n    [ngClass]=\"{'show': windowScrolled}\"\n    (click)=\"scrollToTop()\">\n        <div class=\"scrollToTop-inner\">\n            <kms-icon icon=\"floating_button_clear\" iconClass=\"color-white\"></kms-icon>\n        </div>\n</div>"
+                },] }
+    ];
+    BackToTopComponent.ctorParameters = function () { return [
+        { type: Object, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] }
+    ]; };
+    BackToTopComponent.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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-generic-dialog',
+                    template: "<div mat-dialog-title class=\"mat-dialog-title\">\n    <h3>{{ data.title }}</h3>\n</div>\n<div mat-dialog-content class=\"mat-dialog-content\">\n    {{ data.message }}\n</div>\n<div mat-dialog-actions class=\"custom-dialog-actions\">\n    <button\n        mat-flat-button\n        class=\"test_secondary_button\"\n         color=\"accent\"\n        (click)=\"onClickAction(ButtonResponseType.secondary)\"\n    >\n        {{ buttons.secondary }}\n    </button>\n    <button\n        mat-flat-button\n        class=\"test_primary_button\"\n        color=\"primary\"\n        (click)=\"onClickAction(ButtonResponseType.primary)\"\n    >\n        {{ buttons.primary }}\n    </button>\n</div>\n",
+                    styles: [""]
+                },] }
+    ];
+    GenericDialogComponent.ctorParameters = function () { return [
+        { type: dialog.MatDialogRef },
+        { type: i0.NgZone },
+        { type: undefined, decorators: [{ type: i0.Inject, args: [dialog.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.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'kms-button-with-confirm-dialog',
+                    template: "<button\n    type=\"button\"\n    (click)=\"start()\"\n    mat-stroked-button\n    [disabled]=\"disabled\"\n>\n    {{ buttonText }}\n</button>\n",
+                    styles: [""]
+                },] }
+    ];
+    ButtonWithConfirmDialogComponent.ctorParameters = function () { return [
+        { type: dialog.MatDialog }
+    ]; };
+    ButtonWithConfirmDialogComponent.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 }]
+    };
+
+    var KmsUiPresentationalModule = /** @class */ (function () {
+        function KmsUiPresentationalModule() {
+        }
+        return KmsUiPresentationalModule;
+    }());
+    KmsUiPresentationalModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    declarations: [
+                        KmsUiPresentationalComponent,
+                        ActionsParentComponent,
+                        CheckboxComponent,
+                        ColorInputComponent,
+                        RadioButtonComponent,
+                        TimeInputComponent,
+                        YesNoRadiogroupComponent,
+                        FileInputComponent,
+                        LoaderComponent,
+                        FlyoutComponent,
+                        IconComponent,
+                        EnumRadiogroupComponent,
+                        KMSAccordionItemComponent,
+                        EnumRadiogroupComponent,
+                        MapComponent,
+                        SalutationDropdownComponent,
+                        SalutationRadiogroupComponent,
+                        TooltipComponent,
+                        TooltipIconComponent,
+                        BackToTopComponent,
+                        GenericDialogComponent,
+                        ButtonWithConfirmDialogComponent,
+                    ],
+                    imports: [
+                        common.CommonModule,
+                        checkbox.MatCheckboxModule,
+                        button.MatButtonModule,
+                        radio.MatRadioModule,
+                        dialog.MatDialogModule,
+                        forms.FormsModule,
+                        forms.ReactiveFormsModule,
+                        CustomPipesModule,
+                        googleMaps.GoogleMapsModule,
+                        expansion.MatExpansionModule,
+                    ],
+                    exports: [
+                        KmsUiPresentationalComponent,
+                        ActionsParentComponent,
+                        CheckboxComponent,
+                        ColorInputComponent,
+                        RadioButtonComponent,
+                        TimeInputComponent,
+                        YesNoRadiogroupComponent,
+                        FileInputComponent,
+                        LoaderComponent,
+                        FlyoutComponent,
+                        IconComponent,
+                        EnumRadiogroupComponent,
+                        KMSAccordionItemComponent,
+                        EnumRadiogroupComponent,
+                        MapComponent,
+                        SalutationDropdownComponent,
+                        SalutationRadiogroupComponent,
+                        TooltipComponent,
+                        TooltipIconComponent,
+                        BackToTopComponent,
+                        GenericDialogComponent,
+                        ButtonWithConfirmDialogComponent
+                    ]
+                },] }
+    ];
+
+    /*
+     * Public API Surface of kms-ngx-ui-presentational
+     */
+
+    /**
+     * Generated bundle index. Do not edit.
+     */
+
+    exports.GenericDialogComponent = GenericDialogComponent;
+    exports.KmsUiPresentationalComponent = KmsUiPresentationalComponent;
+    exports.KmsUiPresentationalModule = KmsUiPresentationalModule;
+    exports.KmsUiPresentationalService = KmsUiPresentationalService;
+    exports.ɵa = ActionsParentComponent;
+    exports.ɵb = CheckboxComponent;
+    exports.ɵba = SafeStylePipe;
+    exports.ɵbb = SafeUrlPipe;
+    exports.ɵbc = EncodeUriPipe;
+    exports.ɵbd = DecodeUriPipe;
+    exports.ɵbe = TypeofPipe;
+    exports.ɵbf = TrimPipe;
+    exports.ɵbg = ToNumberPipe;
+    exports.ɵc = ColorInputComponent;
+    exports.ɵd = FormControlParentComponent;
+    exports.ɵe = FormParentComponent;
+    exports.ɵf = RadioButtonComponent;
+    exports.ɵg = TimeInputComponent;
+    exports.ɵh = YesNoRadiogroupComponent;
+    exports.ɵi = FileInputComponent;
+    exports.ɵj = LoaderComponent;
+    exports.ɵk = FlyoutComponent;
+    exports.ɵl = IconComponent;
+    exports.ɵm = EnumRadiogroupComponent;
+    exports.ɵn = KMSAccordionItemComponent;
+    exports.ɵo = MapComponent;
+    exports.ɵp = ViewportService;
+    exports.ɵq = SalutationDropdownComponent;
+    exports.ɵr = SalutationRadiogroupComponent;
+    exports.ɵs = TooltipComponent;
+    exports.ɵt = TooltipIconComponent;
+    exports.ɵu = BackToTopComponent;
+    exports.ɵw = ButtonWithConfirmDialogComponent;
+    exports.ɵx = CustomPipesModule;
+    exports.ɵy = IntegerCurrency;
+    exports.ɵz = SafeHtmlPipe;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=kms-ngx-ui-presentational.umd.js.map