@metadev/lux 0.16.4 → 0.19.1

package/bundles/metadev-lux.umd.js

@@ -1,4647 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/forms'), require('@angular/router'), require('angular-resize-event'), require('rxjs'), require('rxjs/operators'), require('@angular/common/http')) :
-    typeof define === 'function' && define.amd ? define('@metadev/lux', ['exports', '@angular/common', '@angular/core', '@angular/forms', '@angular/router', 'angular-resize-event', 'rxjs', 'rxjs/operators', '@angular/common/http'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.metadev = global.metadev || {}, global.metadev.lux = {}), global.ng.common, global.ng.core, global.ng.forms, global.ng.router, global["angular-resize-event"], global.rxjs, global.rxjs.operators, global.ng.common.http));
-})(this, (function (exports, i1, i0, forms, router, angularResizeEvent, rxjs, operators, i1$1) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-
-    // undefined and null functions
-    var exists = function (value) { return value !== null && value !== undefined; };
-    var hasValue = function (value) { return exists(value) && (typeof value === 'string' ? !isEmptyString(value) : true); };
-    // string functions
-    var isEmptyString = function (value) { return value.trim() === ''; };
-    var isValidEmail = function (value) {
-        var re = /^[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/;
-        return re.test(String(value).toLowerCase().trim());
-    };
-    // date functions
-    var isValidDate = function (date) { return exists(date) ? !isNaN(date.getTime()) : false; };
-    var normalizeDate = function (value) {
-        if (typeof value === 'string' && value.length > 10) {
-            return value.substr(0, 10);
-        }
-        return value ? value.toString() : null;
-    };
-    var addTimezoneOffset = function (date) {
-        if (!isValidDate(date)) {
-            return date;
-        }
-        else {
-            return new Date(date.getTime() - date.getTimezoneOffset() * 60000);
-        }
-    };
-    // number functions
-    var isValidNumber = function (value) { return (hasValue(value) ? !Number.isNaN(Number(value)) : false); };
-    var numberOfDecimalDigits = function (x) {
-        if (isValidNumber(x)) {
-            var xString = String(Number(x));
-            if (xString === 'Infinity') {
-                return 0;
-            }
-            var indexOfE = xString.indexOf('e');
-            if (indexOfE >= 0) {
-                return 0;
-            }
-            var indexOfDecimalPoint = xString.indexOf('.');
-            if (indexOfDecimalPoint < 0) {
-                return 0;
-            }
-            else {
-                return xString.length - indexOfDecimalPoint - 1;
-            }
-        }
-        return undefined;
-    };
-    var numberOfWholeDigits = function (x) {
-        if (isValidNumber(x)) {
-            var xString = String(Number(x));
-            if (xString.indexOf('-') === 0) {
-                xString = xString.slice(1, xString.length);
-            }
-            if (xString === 'Infinity') {
-                return Infinity;
-            }
-            if (xString.indexOf('0') === 0) {
-                xString = xString.slice(1, xString.length);
-            }
-            var indexOfE = xString.indexOf('e');
-            if (indexOfE >= 0) {
-                return Number(xString.slice(indexOfE + 1, xString.length)) + 1;
-            }
-            var indexOfDecimalPoint = xString.indexOf('.');
-            if (indexOfDecimalPoint < 0) {
-                return xString.length;
-            }
-            else {
-                return indexOfDecimalPoint;
-            }
-        }
-        return undefined;
-    };
-    var roundToMultipleOf = function (x, modulo) {
-        var moduloString = String(modulo);
-        // approximates the result
-        // prone to inexactitude because of floating point arithmetic
-        var approximation = Math.round(x / modulo) * modulo;
-        var approximationString = String(approximation);
-        // remove useless decimals
-        var uselessDecimalsInApproximation = numberOfDecimalDigits(approximationString) -
-            numberOfDecimalDigits(moduloString);
-        var resultString = approximationString.slice(0, approximationString.length - uselessDecimalsInApproximation);
-        return Number(resultString);
-    };
-    // other functions
-    var isInitialAndEmpty = function (previousValue, newValue) {
-        var isPrevArray = Array.isArray(previousValue);
-        var isNewArray = Array.isArray(newValue);
-        return !((isPrevArray ? previousValue.length !== 0 : Boolean(previousValue)) ||
-            (isNewArray ? newValue.length !== 0 : Boolean(newValue)));
-    };
-
-    var LOST_FOCUS_TIME_WINDOW_MS = 200; // ms
-    var AutocompleteComponent = /** @class */ (function () {
-        function AutocompleteComponent(cd) {
-            this.cd = cd;
-            this.lostFocusHandled = true;
-            this.t0 = 0;
-            this.showSpinner = false;
-            this.touched = false;
-            this.completionList = [];
-            this.showCompletion = false;
-            this.valueChange = new i0.EventEmitter();
-            this.dataSourceChange = new i0.EventEmitter();
-            this.disabled = null;
-            this.readonly = null;
-            this.label = '';
-            /** If canAddNewValues, user can type items not present in the data-source. */
-            this.canAddNewValues = false;
-            /** After cleaning the selection should the completion list remain open or closed:
-             *  false: (default) close on filters, to clean a filter and select all.
-             *  true: keep open (when the action most likely is to pick another one).
-             */
-            this.keepOpenAfterDelete = false;
-            this.required = false;
-            this.resolveLabelsFunction = undefined;
-            this.populateFunction = undefined;
-            // ControlValueAccessor Interface
-            this.onChange = function (value) { };
-            this.onTouched = function () { };
-        }
-        Object.defineProperty(AutocompleteComponent.prototype, "value", {
-            get: function () {
-                return this._value;
-            },
-            set: function (v) {
-                var initialAndEmpty = isInitialAndEmpty(this._value, v);
-                this._value = v;
-                this.onChange(v);
-                this.completeLabel();
-                if (!initialAndEmpty) {
-                    this.valueChange.emit(v);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AutocompleteComponent.prototype, "dataSource", {
-            get: function () {
-                return this._dataSource;
-            },
-            set: function (v) {
-                this._dataSource = v;
-                this.dataSourceChange.emit(v);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AutocompleteComponent.prototype, "placeholder", {
-            get: function () {
-                return this._placeholder ? this._placeholder : '';
-            },
-            set: function (v) {
-                this._placeholder = v;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        AutocompleteComponent.prototype.writeValue = function (value) {
-            this.value = value;
-        };
-        AutocompleteComponent.prototype.registerOnChange = function (onChange) {
-            this.onChange = onChange;
-        };
-        AutocompleteComponent.prototype.registerOnTouched = function (onTouched) {
-            this.onTouched = onTouched;
-        };
-        AutocompleteComponent.prototype.markAsTouched = function () {
-            if (!this.touched && !this.disabled) {
-                this.onTouched();
-                this.touched = true;
-            }
-        };
-        AutocompleteComponent.prototype.setDisabledState = function (disabled) {
-            this.disabled = disabled;
-        };
-        // End ControlValueAccessor Interface
-        // Validator interface
-        AutocompleteComponent.prototype.registerOnValidatorChange = function () { };
-        AutocompleteComponent.prototype.validate = function (control) {
-            var value = control.value;
-            if (this.required &&
-                (value === '' || value === null || value === undefined)) {
-                return { required: { value: value, reason: 'Required field.' } };
-            }
-            return null;
-        };
-        // End of Validator interface
-        AutocompleteComponent.prototype.clear = function () {
-            this.value = null;
-            this.toggleCompletion(this.keepOpenAfterDelete, '');
-        };
-        AutocompleteComponent.prototype.completeLabel = function () {
-            var _this = this;
-            if (this.value) {
-                if (this.dataSource) {
-                    this.label = findLabelForId(this.dataSource, this.value) || '';
-                }
-                else if (this.instance && this.resolveLabelsFunction) {
-                    this.resolveLabelsFunction(this.instance, [this.value])
-                        .pipe(operators.debounceTime(1), operators.first())
-                        .subscribe(function (data) {
-                        _this.label = findLabelForId(data, _this.value) || '';
-                    });
-                }
-            }
-            else {
-                this.label = '';
-            }
-        };
-        AutocompleteComponent.prototype.ngOnInit = function () {
-            this.inputId = this.inputId
-                ? this.inputId
-                : "autocompletelist" + AutocompleteComponent.idCounter++;
-            this.completeLabel();
-        };
-        AutocompleteComponent.prototype.ngAfterViewInit = function () {
-            this.setSameWidth();
-        };
-        AutocompleteComponent.prototype.onInputResized = function () {
-            this.setSameWidth();
-        };
-        AutocompleteComponent.prototype.setSameWidth = function () {
-            var width = this.i0.nativeElement.getBoundingClientRect().width;
-            this.completeDiv.nativeElement.style.width = width + "px";
-        };
-        AutocompleteComponent.prototype.onKeydown = function (event, label) {
-            switch (event.key) {
-                case 'Tab':
-                    if (label) {
-                        this.pickSelectionOrFirstMatch(label);
-                    }
-                    this.showCompletion = false;
-                    break;
-            }
-            this.markAsTouched();
-        };
-        AutocompleteComponent.prototype.onKeypress = function (event, label) {
-            switch (event.key) {
-                case 'Intro':
-                case 'Enter':
-                    this.pickSelectionOrFirstMatch(label);
-                    event.preventDefault();
-                    break;
-            }
-            this.markAsTouched();
-        };
-        AutocompleteComponent.prototype.onKeyup = function (event, label) {
-            switch (event.key) {
-                case 'PageDown':
-                    this.focusOnNext(5);
-                    event.preventDefault();
-                    break;
-                case 'ArrowDown':
-                    this.focusOnNext(1);
-                    event.preventDefault();
-                    break;
-                case 'PageUp':
-                    this.focusOnPrevious(5);
-                    event.preventDefault();
-                    break;
-                case 'ArrowUp':
-                    this.focusOnPrevious(1);
-                    event.preventDefault();
-                    break;
-                case 'Escape':
-                    this.complete(null);
-                    event.preventDefault();
-                    break;
-                case 'Intro':
-                case 'Enter':
-                    event.preventDefault();
-                    break;
-                default:
-                    this.showCompletionList(label);
-                // event.preventDefault();
-            }
-            this.markAsTouched();
-        };
-        AutocompleteComponent.prototype.focusOnNext = function (offset) {
-            var _this = this;
-            var list = this.completionList || [];
-            var index = list.findIndex(function (it) { return _this.focusItem && it.key === _this.focusItem.key; });
-            var indexNext = -1 && list.length > index + offset ? index + offset : list.length - 1;
-            var next = list[indexNext];
-            this.focusItem = next;
-            this.ensureItemVisible(index);
-        };
-        AutocompleteComponent.prototype.focusOnPrevious = function (offset) {
-            var _this = this;
-            var list = this.completionList || [];
-            var index = list.findIndex(function (it) { return _this.focusItem && it.key === _this.focusItem.key; });
-            var indexPrevious = index !== -1 && index > offset ? index - offset : 0;
-            var next = list[indexPrevious];
-            this.focusItem = next;
-            this.ensureItemVisible(index);
-        };
-        AutocompleteComponent.prototype.onLostFocus = function (label) {
-            var _this = this;
-            this.lostFocusHandled = false;
-            this.t0 = performance.now();
-            // console.log('Init LostFocus');
-            setTimeout(function () {
-                // needs to postpone actions some milliseconds to verify if
-                // lost focus was followed by a list selection -> then cancel
-                // if not -> make side effect
-                if (!_this.lostFocusHandled) {
-                    // console.log(
-                    //   'Lost focus 2',
-                    //   this.lostFocusHandled,
-                    //   'SIDE EFFECT',
-                    //   performance.now() - this.t0,
-                    //   'label:',
-                    //   label
-                    // );
-                    if (label && _this.label !== label) {
-                        _this.pickSelectionOrFirstMatch(label);
-                    }
-                    else {
-                        _this.lostFocusHandled = true;
-                    }
-                    _this.toggleCompletion(false, label);
-                }
-                else {
-                    // do nothing (list selection took place)
-                    // console.log(
-                    //   'onlost focus 2',
-                    //   this.lostFocusHandled,
-                    //   'nothing',
-                    //   performance.now() - this.t0
-                    // );
-                }
-            }, LOST_FOCUS_TIME_WINDOW_MS);
-        };
-        AutocompleteComponent.prototype.complete = function (item) {
-            if (!this.lostFocusHandled) {
-                this.lostFocusHandled = true; // prevent a previous lostFocus to trigger a side effect
-                var ellapsed = performance.now() - this.t0;
-                if (ellapsed > LOST_FOCUS_TIME_WINDOW_MS) {
-                    console.warn('complete. lostfocus->click timeout of ', LOST_FOCUS_TIME_WINDOW_MS, 'ms exceed: ', performance.now() - this.t0, ' ms');
-                }
-                // console.log(
-                //   'complete. set to true. CANCELED side effect',
-                //   performance.now() - this.t0
-                // );
-            }
-            if (item !== null) {
-                this.value = item.key;
-                this.label = item.label;
-            }
-            else {
-                this.value = null;
-                this.label = '';
-            }
-            this.toggleCompletion(false, null);
-            this.markAsTouched();
-        };
-        AutocompleteComponent.prototype.toggleCompletion = function (show, label) {
-            if (show && !this.disabled) {
-                this.showCompletionList(label);
-            }
-            else {
-                this.showCompletion = false;
-                if (this.canAddNewValues) {
-                    this.syncCustomValue(this.label);
-                    return;
-                }
-            }
-            this.cd.markForCheck();
-        };
-        Object.defineProperty(AutocompleteComponent.prototype, "selectedOption", {
-            get: function () {
-                var _this = this;
-                var index = this.completionList.findIndex(function (i) { return i.key === _this.focusItem.key; });
-                if (index === -1 || !this.focusItem) {
-                    return null;
-                }
-                return this.inputId + "_" + index;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        AutocompleteComponent.prototype.ensureItemVisible = function (index) {
-            var target = this.completeDiv.nativeElement.querySelectorAll('li')[index];
-            if (target) {
-                target.scrollIntoView({ block: 'center' });
-            }
-        };
-        AutocompleteComponent.prototype.syncCustomValue = function (text) {
-            this.value = text;
-            this.label = text;
-        };
-        /** Pick selection based on text filtering (ingnores drowdown state) */
-        AutocompleteComponent.prototype.pickSelectionOrFirstMatch = function (text) {
-            var _this = this;
-            if (this.canAddNewValues) {
-                this.syncCustomValue(text);
-                return;
-            }
-            var focusIndex = this.completionList.findIndex(function (it) { return _this.focusItem && it.key === _this.focusItem.key; });
-            if (this.showCompletion &&
-                focusIndex > 0 &&
-                this.focusItem &&
-                this.focusItem.label) {
-                if (text === this.focusItem.label && this.focusItem.key === this.value) {
-                    // do nothing if value does not change & close dropdow
-                    this.showCompletion = false;
-                    return;
-                }
-                // complete selected using selected item on drowdown
-                this.complete(this.focusItem);
-                return;
-            }
-            var source = (text || '').trim();
-            if (!source) {
-                this.showCompletion = false;
-                // select null value
-                if (this.value !== null) {
-                    this.value = null;
-                }
-                return;
-            }
-            this.completionList = [];
-            this.computeCompletionList(source).subscribe(function (suggestions) {
-                var candidate = suggestions && suggestions.length > 0 ? suggestions[0] : null;
-                _this.complete(candidate);
-            });
-        };
-        AutocompleteComponent.prototype.showCompletionList = function (text) {
-            var _this = this;
-            this.setSameWidth();
-            var useSpinner = this.hasExternalDataSource();
-            this.spinnerVisibility(useSpinner, true);
-            setTimeout(function () {
-                // for spinner to be shown
-                _this.computeCompletionList(text).subscribe({
-                    next: function (cl) {
-                        _this.completionList = cl;
-                        _this.focusItem = selectElement(_this.completionList, text);
-                        _this.showCompletion = true;
-                        _this.spinnerVisibility(useSpinner, false);
-                    },
-                    error: function () {
-                        _this.spinnerVisibility(useSpinner, false);
-                    },
-                    complete: function () {
-                        _this.spinnerVisibility(useSpinner, false);
-                    }
-                });
-            }, 1);
-        };
-        AutocompleteComponent.prototype.spinnerVisibility = function (useSpinner, value) {
-            if (useSpinner) {
-                this.showSpinner = value;
-            }
-        };
-        AutocompleteComponent.prototype.hasExternalDataSource = function () {
-            return !this.dataSource && !!this.instance && !!this.populateFunction;
-        };
-        AutocompleteComponent.prototype.computeCompletionList = function (text) {
-            var searchText = (text || '').toLowerCase();
-            if (this.dataSource) {
-                var ds = (this.dataSource || [])
-                    .filter(function (it) { return ignoreAccentsInclude(it.label, searchText); })
-                    .sort(function (a, b) { return a.label.localeCompare(b.label); });
-                return rxjs.of(decorateDataSource(ds, searchText));
-            }
-            else if (this.instance && this.populateFunction) {
-                return this.populateFunction(this.instance, searchText).pipe(operators.debounceTime(1), operators.first(), operators.map(function (ds) {
-                    var dsFiltered = ds
-                        .filter(function (it) { return ignoreAccentsInclude(it.label, searchText); })
-                        .sort(function (a, b) { return a.label.localeCompare(b.label); });
-                    return decorateDataSource(dsFiltered, searchText);
-                }));
-            }
-            else {
-                return rxjs.of([]);
-            }
-        };
-        return AutocompleteComponent;
-    }());
-    AutocompleteComponent.idCounter = 0;
-    AutocompleteComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-autocomplete',
-                    template: "<div class=\"lux-autocomplete\" (blur)=\"toggleCompletion(false, i0.value)\">\n  <div class=\"lux-autocomplete-box\">\n    <input\n      #i0\n      [id]=\"inputId\"\n      [(ngModel)]=\"label\"\n      [placeholder]=\"placeholder\"\n      [attr.disabled]=\"disabled || null\"\n      [attr.readonly]=\"readonly || null\"\n      (keydown)=\"onKeydown($event, i0.value)\"\n      (keypress)=\"onKeypress($event, i0.value)\"\n      (keyup)=\"onKeyup($event, i0.value)\"\n      (blur)=\"onLostFocus(i0.value)\"\n      (focus)=\"toggleCompletion(true, i0.value)\"\n      (click)=\"toggleCompletion(true, i0.value)\"\n      (resized)=\"onInputResized()\"\n      (window:resize)=\"onInputResized()\"\n      role=\"combobox\"\n      aria-autocomplete=\"list\"\n      [attr.aria-expanded]=\"showCompletion\"\n      aria-haspopup=\"true\"\n      attr.aria-owns=\"{{ inputId + '_list' }}\"\n      [attr.aria-activedescendant]=\"selectedOption\"\n    />\n    <div *ngIf=\"canAddNewValues\" class=\"icon-suggestions\"></div>\n    <div *ngIf=\"showSpinner; else noLoading\" class=\"icon-spinner\"></div>\n    <ng-template #noLoading>\n      <button\n        *ngIf=\"!disabled && i0.value && !showCompletion; else dropdown\"\n        type=\"button\"\n        class=\"icon-clear\"\n        aria-label=\"Clear\"\n        (click)=\"clear()\"\n      ></button>\n      <ng-template #dropdown>\n        <div\n          class=\"icon-dropdown\"\n          (click)=\"toggleCompletion(!showCompletion, i0.value)\"\n        ></div>\n      </ng-template>\n    </ng-template>\n  </div>\n  <div\n    #completeDiv\n    [class.showCompletion]=\"showCompletion\"\n    class=\"lux-completion-list\"\n    id=\"{{ inputId + '_list' }}\"\n  >\n    <ul>\n      <li\n        *ngFor=\"let item of completionList; let index = index\"\n        id=\"{{ inputId + '_' + index }}\"\n        class=\"lux-completion-item\"\n        [class.selected]=\"focusItem && item.key === focusItem.key\"\n        (click)=\"complete(item)\"\n        [attr.aria-label]=\"item.label\"\n      >\n        <span>{{ item.labelPrefix }}</span>\n        <span class=\"bold\">{{ item.labelMatch }}</span>\n        <span>{{ item.labelPostfix }}</span>\n      </li>\n    </ul>\n  </div>\n</div>\n",
-                    providers: [
-                        {
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return AutocompleteComponent; })
-                        },
-                        {
-                            provide: forms.NG_VALIDATORS,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return AutocompleteComponent; })
-                        }
-                    ],
-                    styles: [":focus{z-index:1}input,select,textarea{border:solid 1px #495057;border:solid 1px var(--lux-input-border-color, #495057);margin:0;margin:var(--lux-input-margin, 0rem);padding:0 .5rem;padding:var(--lux-input-padding, 0rem .5rem)}.alert{padding:.2rem 2rem;background:#fe2e2e;background:var(--lux-alert-background, #fe2e2e);color:#fff;color:var(--lux-alert-color, white);font-family:Consolas,monospace;width:45%;margin-right:1rem;display:inline-block}.symbol{display:inline-block;align-items:baseline;padding:0 .5rem;margin-bottom:0;font-weight:400;color:default;color:var(--lux-symbol-color, default);text-align:center;white-space:nowrap;background:default;background:var(--lux-symbol-background, default);border:1px solid #495057;border:1px solid var(--lux-input-border-color, #495057);font-size:1rem;font-size:var(--lux-symbol-font-size, 1rem)}.rounded,.rounded-right,.rounded-middle,.rounded-left{border-radius:.25rem;border:1px solid;border:var(--lux-input-border, 1px solid)}.rounded-left{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-middle{border-radius:0}.rounded-right{border-top-left-radius:0;border-bottom-left-radius:0}.prefix{border-right:none}.infix{border-left:none;border-right:none}.postfix{border-left:none}.lux-autocomplete .lux-autocomplete-box{display:grid;grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content}.lux-autocomplete input{padding:.1rem 1.5rem .1rem .5rem;padding:var(--lux-autocomplete-input-padding, .1rem 1.5rem .1rem .5rem);text-overflow:ellipsis;grid-row:1;grid-column-start:1;grid-column-end:3}.lux-autocomplete .icon-suggestions{grid-row:1;grid-column:2;width:1.5rem;border:none;background-color:transparent;background:url(/assets/img/suggestions.svg) no-repeat center;background-size:.5rem .5rem;z-index:1;position:relative;left:-1rem}.lux-autocomplete .icon-clear{grid-row:1;grid-column:2;width:1.5rem;width:var(--lux-autocomplete-icon-width, 1.5rem);border:none;background-color:transparent;background:url(/assets/img/filter-clear.png) no-repeat center;background:var(--lux-autocomplete-icon-clear, url(/assets/img/filter-clear.png) no-repeat center);background-size:.5rem .5rem;background-size:var(--lux-autocomplete-icon-bg-size, .5rem .5rem);z-index:1}.lux-autocomplete .icon-dropdown{grid-row:1;grid-column:2;width:1.5rem;width:var(--lux-autocomplete-icon-width, 1.5rem);height:1.3rem;height:var(--lux-autocomplete-icon-height, 1.3rem);border:none;background-color:transparent;background:url(/assets/img/drop-down-arrow.svg) no-repeat center;background:var(--lux-autocomplete-icon-dropdown, url(/assets/img/drop-down-arrow.svg) no-repeat center);background-size:.5rem .5rem;background-size:var(--lux-autocomplete-icon-bg-size, .5rem .5rem);z-index:1}.lux-autocomplete .icon-spinner{grid-row:1;grid-column:2;width:1.5rem;border:none;background-color:transparent;background:url(/assets/img/spinner.svg) no-repeat center;background-size:1.2rem 1.2rem;z-index:1}.lux-completion-list{visibility:collapse;position:absolute;border:1px solid #ccc;margin:0;padding:0;max-height:10rem;overflow:auto;z-index:2}.lux-completion-list ul{list-style:none;margin:0;padding:0}.showCompletion{visibility:visible}.lux-completion-item{background-color:#fff;color:#000;padding:.1rem .5rem;cursor:pointer}.selected{background-color:#2e2eac;color:#fff}.disabled{background-color:#f0f0f0;color:#444}.disabled .selected{background-color:#9898ec;color:#fff}.bold{font-weight:bold}\n"]
-                },] }
-    ];
-    AutocompleteComponent.ctorParameters = function () { return [
-        { type: i0.ChangeDetectorRef }
-    ]; };
-    AutocompleteComponent.propDecorators = {
-        i0: [{ type: i0.ViewChild, args: ['i0', { static: true },] }],
-        completeDiv: [{ type: i0.ViewChild, args: ['completeDiv', { static: true },] }],
-        valueChange: [{ type: i0.Output }],
-        dataSourceChange: [{ type: i0.Output }],
-        inputId: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        readonly: [{ type: i0.Input }],
-        label: [{ type: i0.Input }],
-        canAddNewValues: [{ type: i0.Input }],
-        keepOpenAfterDelete: [{ type: i0.Input }],
-        value: [{ type: i0.Input }],
-        dataSource: [{ type: i0.Input }],
-        required: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }],
-        resolveLabelsFunction: [{ type: i0.Input }],
-        populateFunction: [{ type: i0.Input }],
-        instance: [{ type: i0.Input }]
-    };
-    /** Returns true if text includes substring. No accents considered. Ignorecase */
-    var ignoreAccentsInclude = function (text, substring) {
-        text = normalizedString(text).toLowerCase();
-        substring = normalizedString(substring).toLowerCase();
-        return text.includes(substring);
-    };
-    var ɵ0$3 = ignoreAccentsInclude;
-    /** Returns a normalized string with no accents: used for comparison */
-    var normalizedString = function (a) { return (a || '').normalize('NFD').replace(/[\u0300-\u036f]/g, ''); };
-    var ɵ1$2 = normalizedString;
-    var decorateDataSource = function (dataSource, subString) { return dataSource.map(function (it) { return decorateItem(it, subString); }); };
-    var ɵ2 = decorateDataSource;
-    var decorateItem = function (item, tx) {
-        var index = normalizedString(item.label)
-            .toLowerCase()
-            .indexOf(normalizedString(tx).toLowerCase());
-        var labelPrefix = index === -1 ? item.label : item.label.substr(0, index);
-        var labelMatch = index === -1 ? '' : item.label.substr(index, tx.length);
-        var labelPostfix = index === -1 ? '' : item.label.substr(index + tx.length);
-        var newItem = Object.assign(Object.assign({}, item), { labelPrefix: labelPrefix,
-            labelMatch: labelMatch,
-            labelPostfix: labelPostfix });
-        return newItem;
-    };
-    var ɵ3 = decorateItem;
-    var findLabelForId = function (data, id) {
-        var found = data.find(function (it) { return it.key === id; });
-        return found ? found.label : null;
-    };
-    var ɵ4 = findLabelForId;
-    var selectElement = function (completionList, label) {
-        label = (label || '').toLowerCase();
-        if (!completionList || completionList.length === 0) {
-            return null;
-        }
-        if (completionList.length === 1) {
-            return completionList[0];
-        }
-        var found = completionList.find(function (it) { return it.label.toLowerCase() === label; });
-        return found || completionList[0];
-    };
-
-    /** Language detector based on Navigator preferences */
-    var languageDetector = function () {
-        var lang = navigator.language.split('-')[0];
-        if (lang === 'es' || lang === 'en') {
-            return lang;
-        }
-        return 'en'; // default
-    };
-
-    var AutocompleteListComponent = /** @class */ (function () {
-        function AutocompleteListComponent() {
-            this.literals = {
-                en: {
-                    placeholder: 'new item',
-                    deleteLabelTemplate: 'Delete <<label>>',
-                    addMessage: 'Add'
-                },
-                es: {
-                    placeholder: 'nuevo elemento',
-                    deleteLabelTemplate: 'Eliminar <<label>>',
-                    addMessage: 'Añadir'
-                }
-            };
-            this.internalDataSource = [];
-            this.autoPopulate = false;
-            this._value = [];
-            this.labels = [];
-            this.canAdd = false;
-            this.touched = false;
-            this._lang = languageDetector();
-            this.dataSource = [];
-            this.disabled = false;
-            this.required = false;
-            this.resolveLabelsFunction = undefined;
-            this.populateFunction = undefined;
-            this.valueChange = new i0.EventEmitter();
-            // ControlValueAccessor Interface
-            this.onChange = function (value) { };
-            this.onTouched = function () { };
-        }
-        Object.defineProperty(AutocompleteListComponent.prototype, "value", {
-            get: function () {
-                return this._value;
-            },
-            set: function (val) {
-                if (val === this._value) {
-                    return;
-                }
-                var initialAndEmpty = isInitialAndEmpty(this._value, val);
-                this._value = val;
-                this.ensureLabelsForIds();
-                this.populateWith('');
-                this.onChange(this._value);
-                if (!initialAndEmpty) {
-                    this.valueChange.emit(this._value);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(AutocompleteListComponent.prototype, "lang", {
-            get: function () {
-                return this._lang;
-            },
-            set: function (l) {
-                if (l === this._lang) {
-                    return;
-                }
-                if (Object.keys(this.literals).includes(l)) {
-                    this._lang = l;
-                }
-                else {
-                    this._lang = 'en';
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        AutocompleteListComponent.prototype.writeValue = function (value) {
-            this.value = value;
-        };
-        AutocompleteListComponent.prototype.registerOnChange = function (onChange) {
-            this.onChange = onChange;
-        };
-        AutocompleteListComponent.prototype.registerOnTouched = function (onTouched) {
-            this.onTouched = onTouched;
-        };
-        AutocompleteListComponent.prototype.markAsTouched = function () {
-            if (!this.touched && !this.disabled) {
-                this.onTouched();
-                this.touched = true;
-            }
-        };
-        AutocompleteListComponent.prototype.setDisabledState = function (disabled) {
-            this.disabled = disabled;
-        };
-        // End ControlValueAccessor Interface
-        // Validator interface
-        AutocompleteListComponent.prototype.registerOnValidatorChange = function () { };
-        AutocompleteListComponent.prototype.validate = function (control) {
-            var value = control.value;
-            if (this.required &&
-                (value === '' || value === null || value === undefined)) {
-                return { required: { value: value, reason: 'Required field.' } };
-            }
-            return null;
-        };
-        // End of Validator interface
-        AutocompleteListComponent.prototype.ngOnInit = function () {
-            this.inputId = this.inputId
-                ? this.inputId
-                : "autocompletelist" + AutocompleteListComponent.idCounter++;
-            this.autoPopulate =
-                !!this.resolveLabelsFunction && !!this.populateFunction && this.instance;
-            this.ensureLabelsForIds();
-        };
-        AutocompleteListComponent.prototype.ensureLabelsForIds = function () {
-            var _this = this;
-            if (this.autoPopulate && this.resolveLabelsFunction) {
-                this.resolveLabelsFunction(this.instance, this._value)
-                    .pipe(operators.first())
-                    .subscribe(function (data) {
-                    var res = [];
-                    (_this._value || []).map(function (id) {
-                        var found = data.find(function (it) { return it.key === id; });
-                        if (found) {
-                            res.push(found.label);
-                        }
-                        else {
-                            res.push('(unset)');
-                        }
-                    });
-                    _this.labels = res;
-                });
-            }
-            else if (this.dataSource) {
-                var res_1 = [];
-                (this._value || []).map(function (id) {
-                    var found = _this.dataSource.find(function (it) { return it.key === id; });
-                    if (found) {
-                        res_1.push(found.label);
-                    }
-                    else {
-                        res_1.push('(unset)');
-                    }
-                });
-                this.labels = res_1;
-            }
-            else {
-                this.labels = this._value.map(function (it) { return (it ? it.toString() : '(unset)'); });
-            }
-        };
-        AutocompleteListComponent.prototype.removeAt = function (index) {
-            if (this._value.length > index) {
-                var key = this._value.splice(index, 1)[0];
-                var label = this.labels.splice(index, 1)[0];
-                this.internalDataSource.push({ key: key, label: label });
-            }
-            this.markAsTouched();
-        };
-        AutocompleteListComponent.prototype.onValueChange = function () {
-            this.updateCanAdd();
-        };
-        AutocompleteListComponent.prototype.onNewEntryChange = function (event, auto) {
-            if (event.key === 'Enter' && !!auto.value) {
-                this.addNew(auto);
-            }
-            else if (event.key === 'Delete' || event.key === 'Backspace') {
-                // todo
-            }
-            else {
-                this.populateWith(auto.label + event.key);
-            }
-            this.updateCanAdd();
-        };
-        AutocompleteListComponent.prototype.populateWith = function (searchText) {
-            var _this = this;
-            if (this.autoPopulate && this.populateFunction && this.instance) {
-                this.populateFunction(this.instance, searchText)
-                    .pipe(operators.first())
-                    .subscribe(function (data) {
-                    _this.internalDataSource = data.filter(function (it) { return !(_this._value || []).includes(it.key); });
-                });
-            }
-            else if (this.dataSource) {
-                this.internalDataSource = this.dataSource.filter(function (it) { return !(_this._value || []).includes(it.key); });
-            }
-        };
-        AutocompleteListComponent.prototype.updateCanAdd = function () {
-            var _this = this;
-            this.canAdd =
-                !this.disabled &&
-                    this.auto &&
-                    !!this.auto.value && // has value
-                    !this.value.find(function (it) { return it === _this.auto.value; }); // not already in
-        };
-        AutocompleteListComponent.prototype.addNew = function (auto) {
-            var _this = this;
-            this.value.push(auto.value);
-            this.ensureLabelsForIds();
-            this.newEntry = '';
-            this.internalDataSource = this.internalDataSource.filter(function (it) { return !_this._value.includes(it.key); });
-            this.markAsTouched();
-        };
-        AutocompleteListComponent.prototype.getDeleteMessage = function (label) {
-            var _a;
-            return ((_a = this.deleteLabelTemplate) !== null && _a !== void 0 ? _a : this.literals[this.lang].deleteLabelTemplate).replace('<<label>>', label);
-        };
-        return AutocompleteListComponent;
-    }());
-    AutocompleteListComponent.idCounter = 0;
-    AutocompleteListComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-autocomplete-list',
-                    template: "<div [id]=\"inputId\">\n  <ul>\n    <li *ngFor=\"let label of labels; let index = index\">\n      <span>{{ label }}</span>\n      <button\n        *ngIf=\"!disabled\"\n        class=\"remove-item\"\n        (click)=\"removeAt(index)\"\n        attr.aria-label=\"{{ getDeleteMessage(label) }}\"\n      ></button>\n    </li>\n  </ul>\n  <div *ngIf=\"!disabled\" class=\"new-entry\">\n    <lux-autocomplete\n      #auto\n      [dataSource]=\"internalDataSource\"\n      [placeholder]=\"placeholder ?? literals[lang].placeholder\"\n      [(value)]=\"newEntry\"\n      (valueChange)=\"onValueChange()\"\n      (keypress)=\"onNewEntryChange($event, auto)\"\n    >\n    </lux-autocomplete>\n    <button\n      *ngIf=\"canAdd\"\n      class=\"add-item\"\n      attr.aria-label=\"addMessage ?? literals[lang].addMessage\"\n      (click)=\"addNew(auto)\"\n    ></button>\n  </div>\n</div>\n",
-                    providers: [
-                        {
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return AutocompleteListComponent; })
-                        },
-                        {
-                            provide: forms.NG_VALIDATORS,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return AutocompleteListComponent; })
-                        }
-                    ],
-                    styles: [".new-entry{margin-left:1.5rem;display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content}.new-entry lux-autocomplete{grid-column:1;grid-row:1}.new-entry .add-item{grid-column:2;grid-row:1;border:none;background:url(/assets/img/create.png) no-repeat .2rem .2rem;background:var(--lux-autocomplete-list-add-icon, url(/assets/img/create.png) no-repeat .2rem .2rem);background-size:1.1rem;background-size:var(--lux-autocomplete-list-add-icon-size, 1.1rem);height:1.4rem;height:var(--lux-autocomplete-list-add-icon-height, 1.4rem);width:1.4rem;width:var(--lux-autocomplete-list-add-icon-width, 1.4rem)}.remove-item{margin-left:.5rem;border:none;background:url(/assets/img/delete.svg) no-repeat .2rem .1rem;background:var(--lux-autocomplete-list-remove-icon, url(/assets/img/delete.svg) no-repeat .2rem .1rem);height:1.2rem;height:var(--lux-autocomplete-list-remove-icon-height, 1.2rem);width:1.3rem;width:var(--lux-autocomplete-list-remove-icon-width, 1.3rem);position:relative;top:.2rem;top:var(--lux-autocomplete-list-remove-icon-top, .2rem);background-size:1rem 1rem;background-size:var(--lux-autocomplete-list-remove-icon-size, 1rem 1rem)}\n"]
-                },] }
-    ];
-    AutocompleteListComponent.propDecorators = {
-        auto: [{ type: i0.ViewChild, args: ['auto',] }],
-        value: [{ type: i0.Input }],
-        lang: [{ type: i0.Input }],
-        inputId: [{ type: i0.Input }],
-        dataSource: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        deleteLabelTemplate: [{ type: i0.Input }],
-        addMessage: [{ type: i0.Input }],
-        required: [{ type: i0.Input }],
-        resolveLabelsFunction: [{ type: i0.Input }],
-        populateFunction: [{ type: i0.Input }],
-        instance: [{ type: i0.Input }],
-        valueChange: [{ type: i0.Output }]
-    };
-
-    var KEY_SPACE = ' ';
-    var CheckboxComponent = /** @class */ (function () {
-        function CheckboxComponent() {
-            this._lang = languageDetector();
-            this.label = null;
-            this.name = null;
-            this._disabled = false;
-            this.literals = {
-                en: {
-                    yesLabel: 'Yes',
-                    noLabel: 'No'
-                },
-                es: {
-                    yesLabel: 'Sí',
-                    noLabel: 'No'
-                }
-            };
-            this.touched = false;
-            this.valueChange = new i0.EventEmitter();
-            // ControlValueAccessor Interface
-            this.onChange = function (value) { };
-            this.onTouched = function () { };
-        }
-        Object.defineProperty(CheckboxComponent.prototype, "lang", {
-            get: function () {
-                return this._lang;
-            },
-            set: function (l) {
-                if (l === this._lang) {
-                    return;
-                }
-                if (Object.keys(this.literals).includes(l)) {
-                    this._lang = l;
-                }
-                else {
-                    this._lang = 'en';
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CheckboxComponent.prototype, "value", {
-            get: function () {
-                return this.internalValue;
-            },
-            set: function (v) {
-                if (this.internalValue === v) {
-                    return;
-                }
-                var initialAndEmpty = isInitialAndEmpty(this.internalValue, v);
-                this.internalValue = v;
-                this.syncModel();
-                this.onChange(v);
-                if (!initialAndEmpty) {
-                    this.valueChange.emit(v);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CheckboxComponent.prototype, "tabindexValue", {
-            get: function () {
-                return this.disabled ? null : '0';
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(CheckboxComponent.prototype, "disabled", {
-            get: function () {
-                return this._disabled;
-            },
-            set: function (v) {
-                if (v === this._disabled) {
-                    return;
-                }
-                this._disabled = v;
-                this.syncModel();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        CheckboxComponent.prototype.writeValue = function (value) {
-            this.value = !!value;
-        };
-        CheckboxComponent.prototype.registerOnChange = function (onChange) {
-            this.onChange = onChange;
-        };
-        CheckboxComponent.prototype.registerOnTouched = function (onTouched) {
-            this.onTouched = onTouched;
-        };
-        CheckboxComponent.prototype.markAsTouched = function () {
-            if (!this.touched) {
-                this.onTouched();
-                this.touched = true;
-            }
-        };
-        CheckboxComponent.prototype.setDisabledState = function (disabled) {
-            this.disabled = disabled;
-        };
-        // End ControlValueAccessor Interface
-        CheckboxComponent.prototype.ngOnInit = function () {
-            this.inputId = this.inputId
-                ? this.inputId
-                : (this.name || 'checkbox') + "$" + CheckboxComponent.idCounter++;
-        };
-        CheckboxComponent.prototype.ngAfterViewInit = function () {
-            this.syncModel();
-        };
-        CheckboxComponent.prototype.clicked = function () {
-            if (!this.disabled) {
-                this.value = !this.internalValue;
-                this.markAsTouched();
-            }
-        };
-        CheckboxComponent.prototype.onKey = function (event) {
-            if (event.key === KEY_SPACE && !this.disabled) {
-                this.value = !this.internalValue;
-                this.markAsTouched();
-                event.preventDefault();
-            }
-        };
-        CheckboxComponent.prototype.syncModel = function () {
-            if (this.ck) {
-                this.ck.nativeElement.checked = this.internalValue;
-            }
-        };
-        return CheckboxComponent;
-    }());
-    CheckboxComponent.idCounter = 0;
-    CheckboxComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-checkbox',
-                    template: "<div class=\"switch\">\n  <div>\n    <label *ngIf=\"label\" [for]=\"inputId\">{{ label }}</label>\n  </div>\n  <div *ngIf=\"!disabled\" class=\"switch-item\" (click)=\"clicked()\">\n    <input #ck [name]=\"name\" type=\"checkbox\" [id]=\"inputId\" />\n    <div\n      class=\"slider round\"\n      [class.on]=\"value\"\n      [class.disabled]=\"disabled\"\n      [tabindex]=\"tabindexValue\"\n      (keyup)=\"onKey($event)\"\n    ></div>\n  </div>\n  <div>\n    <span class=\"checkbox-label\" *ngIf=\"value\">{{\n      literals[lang].yesLabel\n    }}</span>\n    <span class=\"checkbox-label\" *ngIf=\"!value\">{{\n      literals[lang].noLabel\n    }}</span>\n  </div>\n</div>\n",
-                    providers: [
-                        {
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return CheckboxComponent; })
-                        }
-                    ],
-                    styles: [".switch{display:flex;flex-flow:row wrap;align-items:center}label{padding-right:1.1rem}.switch-item{padding-right:.5em}.slider.round{border-radius:.7rem;width:3.1rem;height:1.4rem}.slider.round:before{border-radius:50%}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;position:relative;top:-.7rem;background-color:#ccc;transition:.4s}.slider.on{background-color:#2196f3}.slider:before{position:absolute;content:\"\";height:1rem;width:1rem;left:.2rem;bottom:.2rem;background-color:#fff;transition:.4s}.slider.on:before{transform:translate(26px)}input:focus+.slider{box-shadow:0 0 1px #2196f3}\n"]
-                },] }
-    ];
-    CheckboxComponent.ctorParameters = function () { return []; };
-    CheckboxComponent.propDecorators = {
-        ck: [{ type: i0.ViewChild, args: ['ck', { static: false },] }],
-        lang: [{ type: i0.Input }],
-        value: [{ type: i0.Input }],
-        label: [{ type: i0.Input }],
-        name: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        inputId: [{ type: i0.Input }],
-        valueChange: [{ type: i0.Output }]
-    };
-
-    var DatetimeComponent = /** @class */ (function () {
-        function DatetimeComponent() {
-            this.touched = false;
-            this.dirty = false;
-            this.lastErrors = null;
-            this.dateValue = undefined;
-            this.timeValue = undefined;
-            this.userErrors = {
-                en: {
-                    required: 'Required field.',
-                    min: 'Minimum value is $min.',
-                    max: 'Maximum value is $max.'
-                },
-                es: {
-                    required: 'El campo es obligatorio.',
-                    min: 'El valor mínimo es $min.',
-                    max: 'El valor máximo es $max.'
-                }
-            };
-            this.min = '1900-01-01T00:00:00Z';
-            this.max = '2100-01-01T00:00:00Z';
-            this.includeSeconds = true;
-            this.localTime = true;
-            this.lang = languageDetector();
-            this.inlineErrors = false;
-            this.readonly = null;
-            this.valueChange = new i0.EventEmitter();
-            this.keyPress = new i0.EventEmitter();
-            this.onChange = function (_value) { };
-            this.onTouched = function () { };
-        }
-        Object.defineProperty(DatetimeComponent.prototype, "className", {
-            get: function () {
-                return this.checkClassName();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatetimeComponent.prototype, "disabled", {
-            get: function () {
-                return this._disabled;
-            },
-            set: function (v) {
-                v = typeof v === 'string' && v !== 'false' ? true : v;
-                this._disabled = v;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatetimeComponent.prototype, "required", {
-            get: function () {
-                return this._required;
-            },
-            set: function (v) {
-                this._required = v;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(DatetimeComponent.prototype, "value", {
-            get: function () {
-                return this._value;
-            },
-            set: function (v) {
-                if (v === this._value) {
-                    return; // prevent events when there is no changes
-                }
-                var initialAndEmpty = isInitialAndEmpty(this._value, v);
-                var datetime = new Date(v);
-                if (!v) {
-                    this._value = null;
-                    this.setDateInControl(null);
-                    this.setTimeInControl(null);
-                }
-                else if (!isValidDate(datetime)) {
-                    this._value = v;
-                    // we don't set value in control if the value is not valid
-                    // if we do, the content of the control changes and can erase what the user is typing
-                }
-                else {
-                    this._value = datetime.toISOString(); // YYYY-MM-DDThh:mm:ss.SSSZ
-                    this.setValueInControl(datetime);
-                }
-                this.onChange(v);
-                if (!initialAndEmpty) {
-                    this.valueChange.emit(v);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        // ControlValueAccessor Interface implementation
-        DatetimeComponent.prototype.writeValue = function (value) {
-            this.value = value;
-        };
-        DatetimeComponent.prototype.registerOnChange = function (onChange) {
-            this.onChange = onChange;
-        };
-        DatetimeComponent.prototype.registerOnTouched = function (onTouched) {
-            this.onTouched = onTouched;
-        };
-        DatetimeComponent.prototype.markAsTouched = function () {
-            if (!this.touched) {
-                this.onTouched();
-                this.touched = true;
-            }
-        };
-        DatetimeComponent.prototype.setDisabledState = function (disabled) {
-            this.disabled = disabled;
-        };
-        // End of ControlValueAccessor Interface implementation
-        DatetimeComponent.prototype.setDateInControl = function (date) {
-            // this.dateInput.nativeElement.value = date;
-            this.dateValue = date;
-        };
-        DatetimeComponent.prototype.setTimeInControl = function (time) {
-            // this.timeInput.nativeElement.value = time;
-            this.timeValue = time;
-        };
-        DatetimeComponent.prototype.setValueInControl = function (datetime) {
-            var offsetDatetime = this.localTime
-                ? addTimezoneOffset(datetime)
-                : datetime;
-            var offsetDatetimeString = offsetDatetime.toISOString(); // YYYY-MM-DDThh:mm:ss.SSSZ
-            this.setDateInControl(offsetDatetimeString.slice(0, 10)); // YYYY-MM-DD
-            if (this.includeSeconds) {
-                this.setTimeInControl(offsetDatetimeString.slice(11, 19)); // hh:mm:ss
-            }
-            else {
-                this.setTimeInControl(offsetDatetimeString.slice(11, 16)); // hh:mm
-            }
-        };
-        DatetimeComponent.prototype.clear = function () {
-            this.setDateInControl(null);
-            this.setTimeInControl(null);
-            this.value = null;
-        };
-        // Validator interface
-        DatetimeComponent.prototype.registerOnValidatorChange = function () { };
-        DatetimeComponent.prototype.validate = function (control) {
-            var value = control.value;
-            var result = null;
-            if (this.required &&
-                !hasValue(value) &&
-                !hasValue(this.dateValue) &&
-                !hasValue(this.timeValue)) {
-                result = result || {};
-                result.required = { value: value, reason: 'Required field.' };
-            }
-            if (!hasValue(this.dateValue) && hasValue(this.timeValue)) {
-                result = result || {};
-                result.existsDate = {
-                    value: value,
-                    reason: 'Date not specified.'
-                };
-            }
-            if (hasValue(this.dateValue) && !hasValue(this.timeValue)) {
-                result = result || {};
-                result.existsTime = {
-                    value: value,
-                    reason: 'Time not specified.'
-                };
-            }
-            if (hasValue(this.min) &&
-                hasValue(value) &&
-                hasValue(this.dateValue) &&
-                hasValue(this.timeValue) &&
-                String(value).localeCompare(this.min) === -1) {
-                result = result || {};
-                result.min = {
-                    value: value,
-                    min: this.min,
-                    reason: "Value is lower than minimum value: " + this.min + "."
-                };
-            }
-            if (hasValue(this.max) &&
-                hasValue(value) &&
-                hasValue(this.dateValue) &&
-                hasValue(this.timeValue) &&
-                String(value).localeCompare(this.max) !== -1) {
-                result = result || {};
-                result.max = {
-                    value: value,
-                    max: this.max,
-                    reason: "Value is greater than than maximum value: " + this.max + "."
-                };
-            }
-            this.lastErrors = result;
-            return result;
-        };
-        // End of Validator interface
-        DatetimeComponent.prototype.ngOnInit = function () {
-            this.inputId = this.inputId
-                ? this.inputId
-                : "datetime$" + DatetimeComponent.idCounter++;
-            this.setPatterns();
-        };
-        DatetimeComponent.prototype.onLostFocus = function () {
-            this.markAsTouched();
-        };
-        DatetimeComponent.prototype.onKeyPress = function (event) {
-            this.keyPress.emit(event);
-        };
-        DatetimeComponent.prototype.onEventDatetime = function (newDate, newTime) {
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            var newValue = '' + newDate + ' ' + newTime;
-            if (!newValue) {
-                this.value = null;
-            }
-            else {
-                var datetime = new Date(newValue);
-                if (isValidDate(datetime)) {
-                    var datetimeString = void 0;
-                    if (this.localTime) {
-                        datetimeString = datetime.toISOString(); // YYYY-MM-DDThh:mm:ss.SSSZ
-                    }
-                    else {
-                        datetimeString = addTimezoneOffset(datetime).toISOString(); // YYYY-MM-DDThh:mm:ss.SSSZ
-                    }
-                    if (this.includeSeconds) {
-                        this.value = datetimeString.slice(0, 19) + 'Z'; // YYYY-MM-DDThh:mm:ssZ
-                    }
-                    else {
-                        this.value = datetimeString.slice(0, 16) + 'Z'; // YYYY-MM-DDThh:mmZ
-                    }
-                }
-                else {
-                    this.value = newValue;
-                }
-            }
-        };
-        DatetimeComponent.prototype.checkClassName = function () {
-            return this.disabled
-                ? this.readonly
-                    ? 'disabled readonly'
-                    : 'disabled'
-                : this.readonly
-                    ? 'readonly'
-                    : '';
-        };
-        DatetimeComponent.prototype.setPatterns = function () {
-            this.min = this.min || '1900-01-01';
-            this.max = this.max || '2100-01-01';
-        };
-        return DatetimeComponent;
-    }());
-    DatetimeComponent.idCounter = 0;
-    DatetimeComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-datetime',
-                    template: "<input\n  #dateInput\n  class=\"rounded-left prefix\"\n  [ngClass]=\"className\"\n  type=\"date\"\n  [id]=\"inputId + '$date'\"\n  [(ngModel)]=\"dateValue\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.disabled]=\"disabled === true ? 'true' : undefined\"\n  [attr.readonly]=\"readonly === true ? 'true' : undefined\"\n  [placeholder]=\"\"\n  (keyup)=\"onEventDatetime(dateInput.value, timeInput.value)\"\n  (change)=\"onEventDatetime(dateInput.value, timeInput.value)\"\n  (keypress)=\"onKeyPress($event)\"\n  (blur)=\"onLostFocus()\"\n/>\n<input\n  #timeInput\n  [class]=\"(disabled || readonly) && localTime ? 'rounded-right' : ''\"\n  [ngClass]=\"className\"\n  type=\"time\"\n  [id]=\"inputId + '$time'\"\n  [(ngModel)]=\"timeValue\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.disabled]=\"disabled === true ? 'true' : undefined\"\n  [attr.readonly]=\"readonly === true ? 'true' : undefined\"\n  [placeholder]=\"\"\n  [step]=\"includeSeconds ? 1 : 60\"\n  (keyup)=\"onEventDatetime(dateInput.value, timeInput.value)\"\n  (change)=\"onEventDatetime(dateInput.value, timeInput.value)\"\n  (keypress)=\"onKeyPress($event)\"\n  (blur)=\"onLostFocus()\"\n/>\n<ng-container\n  *ngIf=\"!localTime\"\n>\n  <div\n    [class]=\"disabled || readonly ? 'rounded-right postfix symbol' : 'postfix symbol'\"\n    [ngClass]=\"className\"\n  >\n    <span>{{ localTime ? '' : 'UTC' }}</span>\n  </div>\n</ng-container>\n<button\n  #clearButton\n  *ngIf=\"!(disabled || readonly)\"\n  class=\"rounded-right postfix icon-clear\"\n  [id]=\"inputId + '$clear'\"\n  (click)=\"clear()\"\n  aria-label=\"clear\"\n></button>\n\n<div *ngIf=\"inlineErrors && lastErrors && (dirty || touched)\" class=\"alert\">\n  <div *ngIf=\"lastErrors.required\">\n    {{ userErrors[lang].required }}\n  </div>\n  <div *ngIf=\"lastErrors.min\">\n    {{ userErrors[lang].min.replace('$min', lastErrors.min.min) }}\n  </div>\n  <div *ngIf=\"lastErrors.max\">\n    {{ userErrors[lang].max.replace('$max', lastErrors.max.max) }}\n  </div>\n</div>\n",
-                    providers: [
-                        {
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return DatetimeComponent; })
-                        },
-                        {
-                            provide: forms.NG_VALIDATORS,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return DatetimeComponent; })
-                        }
-                    ],
-                    styles: [":focus{z-index:1}input,select,textarea{border:solid 1px #495057;border:solid 1px var(--lux-input-border-color, #495057);margin:0;margin:var(--lux-input-margin, 0rem);padding:0 .5rem;padding:var(--lux-input-padding, 0rem .5rem)}.alert{padding:.2rem 2rem;background:#fe2e2e;background:var(--lux-alert-background, #fe2e2e);color:#fff;color:var(--lux-alert-color, white);font-family:Consolas,monospace;width:45%;margin-right:1rem;display:inline-block}.symbol{display:inline-block;align-items:baseline;padding:0 .5rem;margin-bottom:0;font-weight:400;color:default;color:var(--lux-symbol-color, default);text-align:center;white-space:nowrap;background:default;background:var(--lux-symbol-background, default);border:1px solid #495057;border:1px solid var(--lux-input-border-color, #495057);font-size:1rem;font-size:var(--lux-symbol-font-size, 1rem)}.rounded,.rounded-right,.rounded-middle,.rounded-left{border-radius:.25rem;border:1px solid;border:var(--lux-input-border, 1px solid)}.rounded-left{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-middle{border-radius:0}.rounded-right{border-top-left-radius:0;border-bottom-left-radius:0}.prefix{border-right:none}.infix{border-left:none;border-right:none}.postfix{border-left:none}:host{display:flex;align-items:stretch}.readonly{border:none}.readonly:focus{border:none;outline:none}.disabled{background-color:#f1f1f1;background-color:var(--lux-disabled-color, #f1f1f1);border-color:#6d6d6d;border-color:var(--lux-disabled-border-color, #6d6d6d)}.icon-clear{grid-row:1;grid-column:2;width:1.5rem;width:var(--lux-autocomplete-icon-width, 1.5rem);background:url(/assets/img/filter-clear.png) no-repeat center;background:var(--lux-autocomplete-icon-clear, url(/assets/img/filter-clear.png) no-repeat center);background-size:.5rem .5rem;background-size:var(--lux-autocomplete-icon-bg-size, .5rem .5rem);z-index:1}\n"]
-                },] }
-    ];
-    DatetimeComponent.ctorParameters = function () { return []; };
-    DatetimeComponent.propDecorators = {
-        dateInput: [{ type: i0.ViewChild, args: ['dateInput', { static: true },] }],
-        timeInput: [{ type: i0.ViewChild, args: ['timeInput', { static: true },] }],
-        min: [{ type: i0.Input }],
-        max: [{ type: i0.Input }],
-        includeSeconds: [{ type: i0.Input }],
-        localTime: [{ type: i0.Input }],
-        lang: [{ type: i0.Input }],
-        inlineErrors: [{ type: i0.Input }],
-        inputId: [{ type: i0.Input }],
-        ariaLabel: [{ type: i0.Input, args: ['aria-label',] }],
-        readonly: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        required: [{ type: i0.Input }],
-        value: [{ type: i0.Input }],
-        valueChange: [{ type: i0.Output }],
-        keyPress: [{ type: i0.Output }]
-    };
-
-    /**
-     * A service that holds the functionality for advanced handling of regular expressions
-     */
-    var RegexpService = /** @class */ (function () {
-        function RegexpService() {
-        }
-        RegexpService.prototype.removeOuterRoundBrackets = function (regularExpressionString) {
-            while (regularExpressionString[0] === '(' &&
-                regularExpressionString[regularExpressionString.length - 1] === ')') {
-                regularExpressionString = regularExpressionString.slice(1, regularExpressionString.length - 1);
-            }
-            return regularExpressionString;
-        };
-        RegexpService.prototype.isQuantifier = function (quantifier) {
-            switch (quantifier) {
-                case '{':
-                case '?':
-                case '+':
-                case '*':
-                    return true;
-            }
-            return false;
-        };
-        RegexpService.prototype.parseMinimalAmountOfQuantifier = function (quantifier) {
-            switch (quantifier[0]) {
-                case '?':
-                case '*':
-                    return 0;
-                case '+':
-                    return 1;
-                case '{':
-                    for (var index = 1; index < quantifier.length; ++index) {
-                        if (quantifier[index] < '0' || quantifier[index] > '9') {
-                            return Number(quantifier.slice(1, index));
-                        }
-                    }
-            }
-            return 0;
-        };
-        RegexpService.prototype.sliceRegexByOr = function (regularExpressionString) {
-            var result = [];
-            var slicedRegex = '';
-            var lastSliceIndex = 0;
-            var roundBracketCount = 0;
-            var squareBracketCount = 0;
-            var curlyBracketCount = 0;
-            var index = 0;
-            for (; index < regularExpressionString.length; ++index) {
-                switch (regularExpressionString[index]) {
-                    case '\\':
-                        // escape sequence; skip the next character
-                        ++index;
-                        break;
-                    case '(':
-                        roundBracketCount += 1;
-                        break;
-                    case ')':
-                        roundBracketCount -= 1;
-                        break;
-                    case '[':
-                        squareBracketCount += 1;
-                        break;
-                    case ']':
-                        squareBracketCount -= 1;
-                        break;
-                    case '{':
-                        curlyBracketCount += 1;
-                        break;
-                    case '}':
-                        curlyBracketCount -= 1;
-                        break;
-                    case '|':
-                        if (roundBracketCount === 0 &&
-                            squareBracketCount === 0 &&
-                            curlyBracketCount === 0) {
-                            slicedRegex = this.removeOuterRoundBrackets(regularExpressionString.slice(lastSliceIndex, index));
-                            result.push(slicedRegex);
-                            lastSliceIndex = index + 1;
-                        }
-                        break;
-                }
-            }
-            slicedRegex = this.removeOuterRoundBrackets(regularExpressionString.slice(lastSliceIndex, index));
-            result.push(slicedRegex);
-            return result;
-        };
-        RegexpService.prototype.sliceRegexByThen = function (regularExpressionString) {
-            // the actual result
-            var resultStart = [];
-            // the remainder of the regex in each case
-            var resultRemainder = [];
-            var roundBracketCount = 0;
-            var squareBracketCount = 0;
-            var curlyBracketCount = 0;
-            for (var index = 0; index < regularExpressionString.length; ++index) {
-                switch (regularExpressionString[index]) {
-                    case '\\':
-                        // escape sequence; skip the next character
-                        ++index;
-                        break;
-                    case '(':
-                        roundBracketCount += 1;
-                        break;
-                    case ')':
-                        roundBracketCount -= 1;
-                        break;
-                    case '[':
-                        squareBracketCount += 1;
-                        break;
-                    case ']':
-                        squareBracketCount -= 1;
-                        break;
-                    case '{':
-                        curlyBracketCount += 1;
-                        break;
-                    case '}':
-                        curlyBracketCount -= 1;
-                        break;
-                }
-                if (roundBracketCount === 0 &&
-                    squareBracketCount === 0 &&
-                    curlyBracketCount === 0) {
-                    if (!this.isQuantifier(regularExpressionString[index + 1])) {
-                        resultStart.push(regularExpressionString.slice(0, index + 1));
-                        resultRemainder.push(regularExpressionString.slice(index + 1));
-                    }
-                    else {
-                        // let minimalAmountOfRepeats = parseMinimalAmountOfQuantifier(regularExpressionString.slice(index + 1));
-                        // TODO
-                    }
-                }
-            }
-            return [resultStart, resultRemainder];
-        };
-        RegexpService.prototype.suggestion = function (beginning, regularExpressionString) {
-            if (new RegExp(regularExpressionString).test(beginning)) {
-                // TODO: RETURN AN EMPTY STRING
-                return 'YA ES IGUAL, NO HAY MÁS QUE SUGERIR';
-            }
-            var regexOptions = this.sliceRegexByOr(regularExpressionString);
-            if (regexOptions.length > 1) {
-                for (var regexOptionIndex = 0; regexOptionIndex < regexOptions.length; ++regexOptionIndex) {
-                    var regexParts = this.sliceRegexByThen(regexOptions[regexOptionIndex]);
-                    var regexPartsStarts = regexParts[0];
-                    var regexPartsRemainders = regexParts[1];
-                    // for each option, test if the first part of the regex matches
-                    // if it doesn't, continue
-                    // if it does, keep checking until what part it matches
-                    if (!new RegExp(regexPartsStarts[0]).test(beginning)) {
-                        // if there are no more options
-                        if (regexOptionIndex === regexOptions.length - 1) {
-                            // we return the first option, but we could return any option
-                            // TODO: RETURN ANY TEXT THAT MATCHES regexOptions[0]
-                            return regexOptions[0];
-                        }
-                    }
-                    else {
-                        for (var regexPartIndex = 1; regexPartIndex < regexPartsStarts.length; ++regexPartIndex) {
-                            if (!new RegExp(regexPartsStarts[regexPartIndex]).test(beginning)) {
-                                // TODO: RETURN ANY TEXT THAT MATCHES regexPartsRemainders[regexPartIndex - 1]
-                                return regexPartsRemainders[regexPartIndex - 1];
-                            }
-                        }
-                    }
-                }
-            }
-            else if (regexOptions.length === 1) {
-                var regexParts = this.sliceRegexByThen(regexOptions[0]);
-                var regexPartsStarts = regexParts[0];
-                var regexPartsRemainders = regexParts[1];
-                if (!new RegExp(regexPartsStarts[0]).test(beginning)) {
-                    // TODO: RETURN ANY TEXT THAT MATCHES regularExpressionString
-                    return regularExpressionString;
-                }
-                else {
-                    for (var regexPartIndex = 1; regexPartIndex < regexPartsStarts.length; ++regexPartIndex) {
-                        if (!new RegExp(regexPartsStarts[regexPartIndex]).test(beginning)) {
-                            // TODO: RETURN ANY TEXT THAT MATCHES regexPartsRemainders[regexPartIndex - 1]
-                            return regexPartsRemainders[regexPartIndex - 1];
-                        }
-                    }
-                }
-            }
-            // TODO: RETURN AN EMPTY STRING
-            return 'NO DEBERÍA SER POSIBLE';
-        };
-        return RegexpService;
-    }());
-    RegexpService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function RegexpService_Factory() { return new RegexpService(); }, token: RegexpService, providedIn: "root" });
-    RegexpService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    RegexpService.ctorParameters = function () { return []; };
-
-    var InputComponent = /** @class */ (function () {
-        function InputComponent(regexpService) {
-            this.regexpService = regexpService;
-            this.touched = false;
-            this.dirty = false;
-            this.lastErrors = null;
-            this._value = '';
-            this._pattern = undefined;
-            this._regexp = undefined;
-            this.userErrors = {
-                en: {
-                    required: 'Required field.',
-                    min: 'Minimum value is $min.',
-                    max: 'Maximum value is $max.',
-                    email: 'Format should match example@example.com.'
-                },
-                es: {
-                    required: 'El campo es obligatorio.',
-                    min: 'El valor mínimo es $min.',
-                    max: 'El valor máximo es $max.',
-                    email: 'El campo debe tener un formato como ejemplo@ejemplo.com.'
-                }
-            };
-            this.lang = languageDetector();
-            this.inlineErrors = false;
-            this.readonly = null;
-            this.valueChange = new i0.EventEmitter();
-            this.keyPress = new i0.EventEmitter();
-            this.onChange = function (value) { };
-            this.onTouched = function () { };
-        }
-        Object.defineProperty(InputComponent.prototype, "className", {
-            get: function () {
-                return this.checkClassName();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(InputComponent.prototype, "disabled", {
-            get: function () {
-                return this._disabled;
-            },
-            set: function (v) {
-                v = typeof v === 'string' ? true : v;
-                this._disabled = v;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(InputComponent.prototype, "pattern", {
-            get: function () {
-                return this._pattern;
-            },
-            set: function (p) {
-                this._pattern = p;
-                if (p === undefined) {
-                    this._regexp = undefined;
-                }
-                else {
-                    try {
-                        this._regexp = new RegExp(p);
-                    }
-                    catch (e) {
-                        this._pattern = undefined;
-                        this._regexp = undefined;
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(InputComponent.prototype, "currency", {
-            get: function () {
-                return this._currency;
-            },
-            set: function (v) {
-                this._currency = v.toUpperCase();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(InputComponent.prototype, "placeholder", {
-            get: function () {
-                return this._placeholder ? this._placeholder : '';
-            },
-            set: function (v) {
-                this._placeholder = v;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(InputComponent.prototype, "required", {
-            get: function () {
-                return this._required;
-            },
-            set: function (v) {
-                this._required = v;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(InputComponent.prototype, "type", {
-            get: function () {
-                return this._type ? this._type : 'text';
-            },
-            set: function (v) {
-                this._type = v.toLowerCase();
-                this.domain = v.toLowerCase();
-                this.checkType(v);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(InputComponent.prototype, "value", {
-            get: function () {
-                if (this.isPercentage() || this.isPermillage() || this.isNumber()) {
-                    var numVal = parseFloat(this._value);
-                    if (!Number.isNaN(numVal)) {
-                        return numVal;
-                    }
-                }
-                return this._value;
-            },
-            set: function (v) {
-                v = v === undefined ? null : v;
-                if (v === this._value) {
-                    return; // prevent events when there is no changes
-                }
-                var initialAndEmpty = isInitialAndEmpty(this._value, v);
-                if (this.type === 'date') {
-                    v = normalizeDate(v);
-                }
-                this._value = v;
-                this.onChange(v);
-                if (!initialAndEmpty) {
-                    this.valueChange.emit(v);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        // ControlValueAccessor Interface implementation
-        InputComponent.prototype.writeValue = function (value) {
-            this.value = value;
-            this.setValueInControl(value);
-        };
-        InputComponent.prototype.registerOnChange = function (onChange) {
-            this.onChange = onChange;
-        };
-        InputComponent.prototype.registerOnTouched = function (onTouched) {
-            this.onTouched = onTouched;
-        };
-        InputComponent.prototype.markAsTouched = function () {
-            if (!this.touched) {
-                this.onTouched();
-                this.touched = true;
-            }
-        };
-        InputComponent.prototype.setDisabledState = function (disabled) {
-            this.disabled = disabled;
-        };
-        // End of ControlValueAccessor Interface implementation
-        InputComponent.prototype.setValueInControl = function (v) {
-            if (this.domain === 'date') {
-                v = normalizeDate(v);
-            }
-            if (this.input) {
-                this.input.nativeElement.value = v;
-            }
-            if (this.textarea) {
-                this.textarea.nativeElement.value = v;
-            }
-        };
-        // Validator interface
-        InputComponent.prototype.registerOnValidatorChange = function () { };
-        InputComponent.prototype.validate = function (control) {
-            var value = control.value;
-            var result = null;
-            if (this.required && !hasValue(value)) {
-                result = result || {};
-                result.required = { value: value, reason: 'Required field.' };
-            }
-            if (this._regexp && hasValue(value) && !this._regexp.test(value)) {
-                result = result || {};
-                result.pattern = {
-                    value: value,
-                    reason: "Value must follow the pattern: " + this._pattern
-                };
-            }
-            if (this.type === 'email' && hasValue(value) && !isValidEmail(value)) {
-                result = result || {};
-                result.email = { value: value, reason: 'Invalid email.' };
-            }
-            if (this.type === 'number' && hasValue(value) && !isValidNumber(value)) {
-                result = result || {};
-                result.numeric = { value: value, reason: 'Invalid number.' };
-            }
-            if (this.type === 'date' ||
-                this.type === 'time' ||
-                this.type === 'timestamp') {
-                if (typeof this.min === 'string' &&
-                    hasValue(value) &&
-                    String(value).localeCompare(this.min) === -1) {
-                    result = result || {};
-                    result.min = {
-                        value: value,
-                        min: this.min,
-                        reason: "Value is lower than minimum value: " + this.min + "."
-                    };
-                }
-                if (typeof this.max === 'string' &&
-                    hasValue(value) &&
-                    String(value).localeCompare(this.max) !== -1) {
-                    result = result || {};
-                    result.max = {
-                        value: value,
-                        max: this.max,
-                        reason: "Value is greater than than maximum value: " + this.max + "."
-                    };
-                }
-            }
-            if (this.type === 'percentage' ||
-                this.type === 'permillage' ||
-                this.type === 'number' ||
-                this.type === 'currency') {
-                if (hasValue(this.min) && hasValue(value) && value < +this.min) {
-                    result = result || {};
-                    result.min = {
-                        value: value,
-                        min: this.min,
-                        reason: "Value is lower than minimum value: " + this.min + "."
-                    };
-                }
-                if (hasValue(this.max) && hasValue(value) && value > +this.max) {
-                    result = result || {};
-                    result.max = {
-                        value: value,
-                        max: this.max,
-                        reason: "Value is greater than than maximum value: " + this.max + "."
-                    };
-                }
-            }
-            this.lastErrors = result;
-            return result;
-        };
-        // End of Validator interface
-        InputComponent.prototype.ngOnInit = function () {
-            this.inputId = this.inputId
-                ? this.inputId
-                : this.type + "$" + InputComponent.idCounter++;
-        };
-        InputComponent.prototype.onLostFocus = function () {
-            this.markAsTouched();
-        };
-        InputComponent.prototype.onKeyUp = function (newValue) {
-            this.value = newValue;
-        };
-        InputComponent.prototype.onChangeValue = function (newValue) {
-            this.value = newValue;
-            this.markAsTouched();
-        };
-        InputComponent.prototype.onKeyPress = function (event) {
-            this.keyPress.emit(event);
-        };
-        InputComponent.prototype.isNumber = function () {
-            return this.type === 'number';
-        };
-        InputComponent.prototype.isPercentage = function () {
-            return this.type === 'percentage';
-        };
-        InputComponent.prototype.isPermillage = function () {
-            return this.type === 'permillage';
-        };
-        InputComponent.prototype.hasPrefix = function () {
-            return this.currency === 'USD';
-        };
-        InputComponent.prototype.hasPostfix = function () {
-            return (this.currency === 'EUR' || this.isPercentage() || this.isPermillage());
-        };
-        InputComponent.prototype.checkClassName = function () {
-            return this.disabled
-                ? this.readonly
-                    ? 'disabled readonly'
-                    : 'disabled'
-                : this.readonly
-                    ? 'readonly'
-                    : '';
-        };
-        InputComponent.prototype.checkType = function (type) {
-            switch (type) {
-                case 'email':
-                    this.setEmailPatterns();
-                    break;
-                case 'date':
-                    this.setDatePatterns();
-                    break;
-                case 'time':
-                    this.setTimePatterns();
-                    break;
-                case 'password':
-                    this.setPasswordPatterns();
-                    break;
-                case 'number':
-                    this.setNumberPatterns();
-                    break;
-                case 'currency':
-                    this.setCurrencyPatterns();
-                    break;
-                case 'percentage':
-                    this.setPercentagePatterns();
-                    break;
-                case 'permillage':
-                    this.setPermillagePatterns();
-                    break;
-                default:
-                    break;
-            }
-        };
-        InputComponent.prototype.setEmailPatterns = function () { };
-        InputComponent.prototype.setDatePatterns = function () {
-            this.min = this.min || '1900-01-01';
-            this.max = this.max || '2100-01-01';
-        };
-        InputComponent.prototype.setTimePatterns = function () { };
-        InputComponent.prototype.setPasswordPatterns = function () { };
-        InputComponent.prototype.setNumberPatterns = function () {
-            this.domain = 'number';
-            this.placeholder = '0';
-        };
-        InputComponent.prototype.setCurrencyPatterns = function () {
-            this.domain = 'number';
-            this.step = this.step || 0.1;
-            this.min = this.min || 0.0;
-            this.max = this.max || 10000.0;
-            this.value = 0.0;
-        };
-        InputComponent.prototype.setPercentagePatterns = function () {
-            this.domain = 'number';
-            this.step = this.step || 0.01;
-            this.min = this.min || 0.0;
-            this.max = this.max || 100.0;
-            this.placeholder = '0.00';
-        };
-        InputComponent.prototype.setPermillagePatterns = function () {
-            this.domain = 'number';
-            this.step = this.step || 0.01;
-            this.min = this.min || 0.0;
-            this.max = this.max || 1000.0;
-            this.placeholder = '0.00';
-        };
-        return InputComponent;
-    }());
-    InputComponent.idCounter = 0;
-    InputComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-input',
-                    template: "<div *ngIf=\"currency && currency === 'USD'\" class=\"prefix rounded-left symbol\" [ngClass]=\"className\">\n  <span>$</span>\n</div>\n<input\n  #input\n  *ngIf=\"type !== 'textarea'\"\n  [class]=\"hasPrefix() ? (hasPostfix() ? 'infix' : 'postfix rounded-right') : (hasPostfix() ? 'prefix rounded-left' : 'rounded')\"\n  [ngClass]=\"className\"\n  placement=\"top\"\n  [id]=\"inputId\"\n  [type]=\"domain\"\n  [attr.value]=\"value\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.disabled]=\"disabled === true ? 'true' : undefined\"\n  [attr.readonly]=\"readonly === true ? 'true' : undefined\"\n  [attr.min]=\"min?.toString() || undefined\"\n  [attr.max]=\"max?.toString() || undefined\"\n  [attr.step]=\"step?.toString() || undefined\"\n  [attr.pattern]=\"pattern || undefined\"\n  [placeholder]=\"placeholder\"\n  (keyup)=\"onKeyUp(input.value)\"\n  (change)=\"onChangeValue(input.value)\"\n  (keypress)=\"onKeyPress($event)\"\n  (blur)=\"onLostFocus()\"\n/>\n<textarea\n  #textarea\n  *ngIf=\"type === 'textarea'\"\n  class=\"rounded\"\n  [ngClass]=\"className\"\n  placement=\"top\"\n  [id]=\"inputId\"\n  [attr.value]=\"value\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.disabled]=\"disabled === true ? 'true' : undefined\"\n  [attr.readonly]=\"readonly === true ? 'true' : undefined\"\n  [attr.cols]=\"cols?.toString() || undefined\"\n  [attr.rows]=\"rows?.toString() || undefined\"\n  [placeholder]=\"placeholder\"\n  (keyup)=\"onKeyUp(textarea.value)\"\n  (change)=\"onChangeValue(textarea.value)\"\n  (keypress)=\"onKeyPress($event)\"\n  (blur)=\"onLostFocus()\"\n></textarea>\n<div *ngIf=\"currency && currency === 'EUR'\" class=\"postfix rounded-right symbol\" [ngClass]=\"className\">\n  <span>\u20AC</span>\n</div>\n<div *ngIf=\"isPercentage()\" class=\"postfix rounded-right symbol\" [ngClass]=\"className\">\n  <span>%</span>\n</div>\n<div *ngIf=\"isPermillage()\" class=\"postfix rounded-right symbol\" [ngClass]=\"className\">\n  <span>\u2030</span>\n</div>\n\n<div *ngIf=\"inlineErrors && lastErrors && (dirty || touched)\" class=\"alert\">\n  <div *ngIf=\"lastErrors.required\">\n    {{ userErrors[this.lang].required }}\n  </div>\n  <div *ngIf=\"lastErrors.email\">{{ userErrors[this.lang].email }}</div>\n  <div *ngIf=\"lastErrors.min\">\n    {{ userErrors[this.lang].min.replace('$min', lastErrors.min.min) }}\n  </div>\n  <div *ngIf=\"lastErrors.max\">\n    {{ userErrors[this.lang].max.replace('$max', lastErrors.max.max) }}\n  </div>\n</div>\n",
-                    providers: [
-                        {
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return InputComponent; })
-                        },
-                        {
-                            provide: forms.NG_VALIDATORS,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return InputComponent; })
-                        }
-                    ],
-                    styles: [":focus{z-index:1}input,select,textarea{border:solid 1px #495057;border:solid 1px var(--lux-input-border-color, #495057);margin:0;margin:var(--lux-input-margin, 0rem);padding:0 .5rem;padding:var(--lux-input-padding, 0rem .5rem)}.alert{padding:.2rem 2rem;background:#fe2e2e;background:var(--lux-alert-background, #fe2e2e);color:#fff;color:var(--lux-alert-color, white);font-family:Consolas,monospace;width:45%;margin-right:1rem;display:inline-block}.symbol{display:inline-block;align-items:baseline;padding:0 .5rem;margin-bottom:0;font-weight:400;color:default;color:var(--lux-symbol-color, default);text-align:center;white-space:nowrap;background:default;background:var(--lux-symbol-background, default);border:1px solid #495057;border:1px solid var(--lux-input-border-color, #495057);font-size:1rem;font-size:var(--lux-symbol-font-size, 1rem)}.rounded,.rounded-right,.rounded-middle,.rounded-left{border-radius:.25rem;border:1px solid;border:var(--lux-input-border, 1px solid)}.rounded-left{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-middle{border-radius:0}.rounded-right{border-top-left-radius:0;border-bottom-left-radius:0}.prefix{border-right:none}.infix{border-left:none;border-right:none}.postfix{border-left:none}:host{display:flex;align-items:stretch}.readonly{border:none}.readonly:focus{border:none;outline:none}.disabled{background-color:#f1f1f1;background-color:var(--lux-disabled-color, #f1f1f1);border-color:#6d6d6d;border-color:var(--lux-disabled-border-color, #6d6d6d)}\n"]
-                },] }
-    ];
-    InputComponent.ctorParameters = function () { return [
-        { type: RegexpService }
-    ]; };
-    InputComponent.propDecorators = {
-        input: [{ type: i0.ViewChild, args: ['input', { static: false },] }],
-        textarea: [{ type: i0.ViewChild, args: ['textarea', { static: false },] }],
-        rows: [{ type: i0.Input }],
-        cols: [{ type: i0.Input }],
-        step: [{ type: i0.Input }],
-        min: [{ type: i0.Input }],
-        max: [{ type: i0.Input }],
-        lang: [{ type: i0.Input }],
-        inlineErrors: [{ type: i0.Input }],
-        inputId: [{ type: i0.Input }],
-        ariaLabel: [{ type: i0.Input, args: ['aria-label',] }],
-        readonly: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        pattern: [{ type: i0.Input }],
-        currency: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }],
-        required: [{ type: i0.Input }],
-        type: [{ type: i0.Input }],
-        value: [{ type: i0.Input }],
-        valueChange: [{ type: i0.Output }],
-        keyPress: [{ type: i0.Output }]
-    };
-
-    /** Filter component to query for objects. */
-    var FilterComponent = /** @class */ (function () {
-        function FilterComponent() {
-            this.touched = false;
-            this._searchValue = '';
-            this.disabled = false;
-            /** Placeholder default text. */
-            this.placeholder = '';
-            /** Search on type: (default true) Auto-search when user types in. */
-            this.searchOnType = true;
-            this.debounceValue = 300; // 300 ms
-            /** Search value changed by user. */
-            this.searchValueChange = new i0.EventEmitter();
-            this.subject = new rxjs.Subject();
-            // ControlValueAccessor Interface
-            this.onChange = function (value) { };
-            this.onTouched = function () { };
-            this.recreateObservable();
-        }
-        Object.defineProperty(FilterComponent.prototype, "searchValue", {
-            /** Search value introduced by the user. */
-            get: function () {
-                return this._searchValue;
-            },
-            set: function (v) {
-                v = (v || '').toString();
-                if (v === this._searchValue) {
-                    return;
-                }
-                this.onChange(v);
-                this._searchValue = v;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(FilterComponent.prototype, "debounce", {
-            get: function () {
-                return this.debounceValue;
-            },
-            /** Debounce time in milliseconds. (defaults to 300 ms) */
-            set: function (val) {
-                this.debounceValue = val;
-                this.recreateObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        FilterComponent.prototype.writeValue = function (value) {
-            this.searchValue = (value || '').toString();
-        };
-        FilterComponent.prototype.registerOnChange = function (onChange) {
-            this.onChange = onChange;
-        };
-        FilterComponent.prototype.registerOnTouched = function (onTouched) {
-            this.onTouched = onTouched;
-        };
-        FilterComponent.prototype.markAsTouched = function () {
-            if (!this.touched) {
-                this.onTouched();
-                this.touched = true;
-            }
-        };
-        FilterComponent.prototype.setDisabledState = function (disabled) {
-            this.disabled = disabled;
-        };
-        // End ControlValueAccessor Interface
-        FilterComponent.prototype.ngOnInit = function () {
-            this.inputId = this.inputId
-                ? this.inputId
-                : "filter$" + FilterComponent.idCounter++;
-        };
-        FilterComponent.prototype.ngOnDestroy = function () {
-            this.freeSubscriptions();
-        };
-        FilterComponent.prototype.clear = function () {
-            this.searchValue = '';
-            this.search();
-        };
-        FilterComponent.prototype.search = function () {
-            this.searchValueChange.emit(this.searchValue);
-        };
-        FilterComponent.prototype.keyup = function (event, newValue) {
-            this.markAsTouched();
-            this.searchValue = newValue;
-            if (event.key === 'Enter') {
-                this.searchNow(this.searchValue);
-            }
-            if (this.searchOnType) {
-                this.addEvent();
-            }
-        };
-        FilterComponent.prototype.onInputValueChange = function (newValue) {
-            this.markAsTouched();
-            this.searchValue = newValue;
-        };
-        FilterComponent.prototype.recreateObservable = function () {
-            var _this = this;
-            this.searchValue$ = this.subject
-                .asObservable()
-                .pipe(operators.debounceTime(this.debounce));
-            this.freeSubscriptions();
-            this.sub = this.searchValue$.subscribe(function (value) {
-                _this.searchValueChange.emit(value);
-            });
-        };
-        FilterComponent.prototype.freeSubscriptions = function () {
-            if (this.sub) {
-                this.sub.unsubscribe();
-                this.sub = null;
-            }
-        };
-        FilterComponent.prototype.searchNow = function (value) {
-            this.searchValueChange.emit(value);
-        };
-        FilterComponent.prototype.addEvent = function () {
-            this.subject.next(this.searchValue);
-        };
-        return FilterComponent;
-    }());
-    FilterComponent.idCounter = 0;
-    FilterComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-filter',
-                    template: "<div class=\"filter\">\n  <input\n    #i0\n    type=\"text\"\n    [attr.aria-label]=\"ariaLabel\"\n    [placeholder]=\"placeholder\"\n    [id]=\"inputId\"\n    [disabled]=\"disabled\"\n    [value]=\"searchValue\"\n    (valueChange)=\"onInputValueChange(i0.value)\"\n    (keyup)=\"keyup($event, i0.value)\"\n  />\n\n  <button\n    [class.hide]=\"!searchValue\"\n    aria-label=\"Clear\"\n    class=\"clear-indicator icon icon-clear\"\n    (click)=\"clear()\"\n  ></button>\n  <i *ngIf=\"1 || searchOnType\" class=\"search-indicator icon icon-search\"></i>\n  <button\n    class=\"btn-search\"\n    *ngIf=\"!searchOnType\"\n    [disabled]=\"disabled\"\n    (click)=\"search()\"\n  >\n    Search\n  </button>\n</div>\n",
-                    providers: [
-                        {
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return FilterComponent; })
-                        }
-                    ],
-                    styles: [":focus{z-index:1}input,select,textarea{border:solid 1px #495057;border:solid 1px var(--lux-input-border-color, #495057);margin:0;margin:var(--lux-input-margin, 0rem);padding:0 .5rem;padding:var(--lux-input-padding, 0rem .5rem)}.alert{padding:.2rem 2rem;background:#fe2e2e;background:var(--lux-alert-background, #fe2e2e);color:#fff;color:var(--lux-alert-color, white);font-family:Consolas,monospace;width:45%;margin-right:1rem;display:inline-block}.symbol{display:inline-block;align-items:baseline;padding:0 .5rem;margin-bottom:0;font-weight:400;color:default;color:var(--lux-symbol-color, default);text-align:center;white-space:nowrap;background:default;background:var(--lux-symbol-background, default);border:1px solid #495057;border:1px solid var(--lux-input-border-color, #495057);font-size:1rem;font-size:var(--lux-symbol-font-size, 1rem)}.rounded,.rounded-right,.rounded-middle,.rounded-left{border-radius:.25rem;border:1px solid;border:var(--lux-input-border, 1px solid)}.rounded-left{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-middle{border-radius:0}.rounded-right{border-top-left-radius:0;border-bottom-left-radius:0}.prefix{border-right:none}.infix{border-left:none;border-right:none}.postfix{border-left:none}.filter{display:grid;grid-template-columns:auto 1.5rem 1.5rem .5rem auto}.filter input{grid-row:1;grid-column-start:1;grid-column-end:4}.filter .hide{visibility:collapse}.filter .clear-indicator{grid-row:1;grid-column:2;border:none}.filter .search-indicator{grid-row:1;grid-column:3}.filter .btn-search{grid-row:1;grid-column:5}.filter .icon-search{background:url(/assets/img/filter-search.png) no-repeat center;background:var(--lux-filter-icon-search, url(/assets/img/filter-search.png) no-repeat center);background-size:1rem;background-size:var(--lux-filter-icon-bg-size, 1rem);background-position:center;width:1rem;width:var(--lux-filter-icon-width, 1rem)}.filter .icon-clear{background:url(/assets/img/filter-clear.png) no-repeat center;background:var(--lux-filter-icon-clear, url(/assets/img/filter-clear.png) no-repeat center);background-size:1rem;background-size:var(--lux-filter-icon-bg-size, 1rem);background-position:center}\n"]
-                },] }
-    ];
-    FilterComponent.ctorParameters = function () { return []; };
-    FilterComponent.propDecorators = {
-        disabled: [{ type: i0.Input }],
-        inputId: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }],
-        searchValue: [{ type: i0.Input }],
-        searchOnType: [{ type: i0.Input }],
-        ariaLabel: [{ type: i0.Input, args: ['aria-label',] }],
-        debounce: [{ type: i0.Input }],
-        searchValueChange: [{ type: i0.Output }]
-    };
-
-    var ActiveModal = /** @class */ (function () {
-        function ActiveModal() {
-        }
-        ActiveModal.prototype.close = function (result) { };
-        ActiveModal.prototype.dismiss = function (reason) { };
-        return ActiveModal;
-    }());
-    var ModalRef = /** @class */ (function () {
-        function ModalRef(_windowCmptRef, _contentRef, _backdropCmptRef, _beforeDismiss) {
-            var _this = this;
-            this._windowCmptRef = _windowCmptRef;
-            this._contentRef = _contentRef;
-            this._backdropCmptRef = _backdropCmptRef;
-            this._beforeDismiss = _beforeDismiss;
-            _windowCmptRef.instance.dismissEvent.subscribe(function (reason) {
-                _this.dismiss(reason);
-            });
-            this.result = new Promise(function (resolve, reject) {
-                _this._resolve = resolve;
-                _this._reject = reject;
-            });
-            this.result.then(null, function () { });
-        }
-        Object.defineProperty(ModalRef.prototype, "componentInstance", {
-            /**
-             * The instance of a component used for the modal content.
-             *
-             * When a `TemplateRef` is used as the content, will return `undefined`.
-             */
-            get: function () {
-                if (this._contentRef.componentRef) {
-                    return this._contentRef.componentRef.instance;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        /**
-         * Closes the modal with an optional `result` value.
-         *
-         * The `NgbMobalRef.result` promise will be resolved with the provided value.
-         */
-        ModalRef.prototype.close = function (result) {
-            if (this._windowCmptRef) {
-                if (this._resolve) {
-                    this._resolve(result);
-                }
-                this._removeModalElements();
-            }
-        };
-        ModalRef.prototype._dismiss = function (reason) {
-            if (this._reject) {
-                this._reject(reason);
-            }
-            this._removeModalElements();
-        };
-        /**
-         * Dismisses the modal with an optional `reason` value.
-         *
-         * The `NgbModalRef.result` promise will be rejected with the provided value.
-         */
-        ModalRef.prototype.dismiss = function (reason) {
-            var _this = this;
-            if (this._windowCmptRef) {
-                if (!this._beforeDismiss) {
-                    this._dismiss(reason);
-                }
-                else {
-                    var dismiss = this._beforeDismiss();
-                    if (dismiss && dismiss.then) {
-                        dismiss.then(function (result) {
-                            if (result !== false) {
-                                _this._dismiss(reason);
-                            }
-                        }, function () { });
-                    }
-                    else if (dismiss !== false) {
-                        this._dismiss(reason);
-                    }
-                }
-            }
-        };
-        ModalRef.prototype._removeModalElements = function () {
-            var windowNativeEl = this._windowCmptRef.location.nativeElement;
-            windowNativeEl.parentNode.removeChild(windowNativeEl);
-            this._windowCmptRef.destroy();
-            if (this._backdropCmptRef) {
-                var backdropNativeEl = this._backdropCmptRef.location.nativeElement;
-                backdropNativeEl.parentNode.removeChild(backdropNativeEl);
-                this._backdropCmptRef.destroy();
-            }
-            if (this._contentRef && this._contentRef.viewRef) {
-                this._contentRef.viewRef.destroy();
-            }
-            this._windowCmptRef = null;
-            this._backdropCmptRef = null;
-            this._contentRef = null;
-        };
-        return ModalRef;
-    }());
-
-    /*! *****************************************************************************
-    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;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (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;
-    }
-
-    var FOCUS = 'focus';
-    var Key;
-    (function (Key) {
-        Key[Key["Tab"] = 9] = "Tab";
-        Key[Key["Enter"] = 13] = "Enter";
-        Key[Key["Escape"] = 27] = "Escape";
-        Key[Key["Space"] = 32] = "Space";
-        Key[Key["PageUp"] = 33] = "PageUp";
-        Key[Key["PageDown"] = 34] = "PageDown";
-        Key[Key["End"] = 35] = "End";
-        Key[Key["Home"] = 36] = "Home";
-        Key[Key["ArrowLeft"] = 37] = "ArrowLeft";
-        Key[Key["ArrowUp"] = 38] = "ArrowUp";
-        Key[Key["ArrowRight"] = 39] = "ArrowRight";
-        Key[Key["ArrowDown"] = 40] = "ArrowDown";
-    })(Key || (Key = {}));
-    var isDefined = function (value) { return value !== undefined && value !== null; };
-    var ContentRef = /** @class */ (function () {
-        function ContentRef(nodes, viewRef, componentRef) {
-            this.nodes = nodes;
-            this.viewRef = viewRef;
-            this.componentRef = componentRef;
-        }
-        return ContentRef;
-    }());
-    var FOCUSABLE_ELEMENTS_SELECTOR = [
-        'a[href]',
-        'button:not([disabled])',
-        'input:not([disabled]):not([type="hidden"])',
-        'select:not([disabled])',
-        'textarea:not([disabled])',
-        '[contenteditable]',
-        '[tabindex]:not([tabindex="-1"])'
-    ].join(', ');
-    /**
-     * Returns first and last focusable elements inside of a given element based on specific CSS selector
-     */
-    var getFocusableBoundaryElements = function (element) {
-        var list = Array.from(element.querySelectorAll(FOCUSABLE_ELEMENTS_SELECTOR)).filter(function (el) { return el.tabIndex !== -1; });
-        return [list[0], list[list.length - 1]];
-    };
-    /**
-     * Function that enforces browser focus to be trapped inside a DOM element.
-     *
-     * Works only for clicks inside the element and navigation with 'Tab', ignoring clicks outside of the element
-     *
-     * @param element The element around which focus will be trapped inside
-     * @param stopFocusTrap$ The observable stream. When completed the focus trap will clean up listeners
-     * and free internal resources
-     * @param refocusOnClick Put the focus back to the last focused element whenever a click occurs on element (default to
-     * false)
-     */
-    var focusTrap = function (element, stopFocusTrap$, refocusOnClick) {
-        if (refocusOnClick === void 0) { refocusOnClick = false; }
-        // last focused element
-        var lastFocusedElement$ = rxjs.fromEvent(element, 'focusin').pipe(operators.takeUntil(stopFocusTrap$), operators.map(function (e) { return e.target; }));
-        // 'tab' / 'shift+tab' stream
-        rxjs.fromEvent(element, 'keydown')
-            .pipe(operators.takeUntil(stopFocusTrap$), 
-        /* eslint-disable import/no-deprecated */
-        operators.filter(function (e) { return e.which === Key.Tab; }), 
-        /* eslint-enable import/no-deprecated */
-        operators.withLatestFrom(lastFocusedElement$))
-            .subscribe(function (_a) {
-            var _b = __read(_a, 2), tabEvent = _b[0], focusedElement = _b[1];
-            var _c = __read(getFocusableBoundaryElements(element), 2), first = _c[0], last = _c[1];
-            if ((focusedElement === first || focusedElement === element) &&
-                tabEvent.shiftKey) {
-                last.focus();
-                tabEvent.preventDefault();
-            }
-            if (focusedElement === last && !tabEvent.shiftKey) {
-                first.focus();
-                tabEvent.preventDefault();
-            }
-        });
-        // inside click
-        if (refocusOnClick) {
-            rxjs.fromEvent(element, 'click')
-                .pipe(operators.takeUntil(stopFocusTrap$), operators.withLatestFrom(lastFocusedElement$), operators.map(function (arr) { return arr[1]; }))
-                .subscribe(function (lastFocusedElement) { return lastFocusedElement.focus(); });
-        }
-    };
-
-    var ModalDismissReasons;
-    (function (ModalDismissReasons) {
-        ModalDismissReasons[ModalDismissReasons["BackdropClick"] = 0] = "BackdropClick";
-        ModalDismissReasons[ModalDismissReasons["Esc"] = 1] = "Esc";
-    })(ModalDismissReasons || (ModalDismissReasons = {}));
-
-    var LuxModalWindowComponent = /** @class */ (function () {
-        function LuxModalWindowComponent(_document, _elRef) {
-            this._document = _document;
-            this._elRef = _elRef;
-            this.backdrop = false;
-            this.keyboard = true;
-            this.dismissEvent = new i0.EventEmitter();
-            this.role = 'dialog';
-            this.tabindex = '-1';
-            this.ariamodal = true;
-        }
-        Object.defineProperty(LuxModalWindowComponent.prototype, "class", {
-            get: function () {
-                return "modal " + (this.windowClass || '');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(LuxModalWindowComponent.prototype, "hostAriaLabelledBy", {
-            get: function () {
-                return this.ariaLabelledBy;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(LuxModalWindowComponent.prototype, "hostAriaDescribedBy", {
-            get: function () {
-                return this.ariaDescribedBy;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        LuxModalWindowComponent.prototype.backdropClick = function (btn) {
-            if (this.backdrop === true && this._elRef.nativeElement === btn) {
-                this.dismiss(ModalDismissReasons.BackdropClick);
-            }
-        };
-        LuxModalWindowComponent.prototype.escKey = function (event) {
-            if (this.keyboard && !event.defaultPrevented) {
-                this.dismiss(ModalDismissReasons.Esc);
-            }
-        };
-        LuxModalWindowComponent.prototype.dismiss = function (reason) {
-            this.dismissEvent.emit(reason);
-        };
-        LuxModalWindowComponent.prototype.ngOnInit = function () {
-            this._elWithFocus = this._document.activeElement;
-        };
-        LuxModalWindowComponent.prototype.ngAfterViewInit = function () {
-            if (!this._elRef.nativeElement.contains(document.activeElement)) {
-                var firstFocusable = getFocusableBoundaryElements(this._elRef.nativeElement)[0];
-                var elementToFocus = firstFocusable || this._elRef.nativeElement;
-                elementToFocus.focus();
-            }
-        };
-        LuxModalWindowComponent.prototype.ngOnDestroy = function () {
-            var body = this._document.body;
-            var elWithFocus = this._elWithFocus;
-            var elementToFocus;
-            if (elWithFocus && elWithFocus[FOCUS] && body.contains(elWithFocus)) {
-                elementToFocus = elWithFocus;
-            }
-            else {
-                elementToFocus = body;
-            }
-            elementToFocus.focus();
-            this._elWithFocus = null;
-        };
-        return LuxModalWindowComponent;
-    }());
-    LuxModalWindowComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-modal-window',
-                    template: "\n    <div class=\"modal-dialog\" role=\"document\">\n      <div class=\"modal-content\"><ng-content></ng-content></div>\n    </div>\n  "
-                },] }
-    ];
-    LuxModalWindowComponent.ctorParameters = function () { return [
-        { type: undefined, decorators: [{ type: i0.Inject, args: [i1.DOCUMENT,] }] },
-        { type: i0.ElementRef }
-    ]; };
-    LuxModalWindowComponent.propDecorators = {
-        ariaDescribedBy: [{ type: i0.Input }],
-        ariaLabelledBy: [{ type: i0.Input }],
-        backdrop: [{ type: i0.Input }],
-        keyboard: [{ type: i0.Input }],
-        windowClass: [{ type: i0.Input }],
-        dismissEvent: [{ type: i0.Output }],
-        class: [{ type: i0.HostBinding, args: ['class',] }],
-        role: [{ type: i0.HostBinding, args: ['attr.role',] }],
-        tabindex: [{ type: i0.HostBinding, args: ['tabindex',] }],
-        ariamodal: [{ type: i0.HostBinding, args: ['attr.aria-modal',] }],
-        hostAriaLabelledBy: [{ type: i0.HostBinding, args: ['attr.aria-labelledby',] }],
-        hostAriaDescribedBy: [{ type: i0.HostBinding, args: ['attr.aria-describedby',] }],
-        backdropClick: [{ type: i0.HostListener, args: ['click', ['$event.target'],] }],
-        escKey: [{ type: i0.HostListener, args: ['keyup.esc', ['$event'],] }]
-    };
-
-    var LuxModalBackdropComponent = /** @class */ (function () {
-        function LuxModalBackdropComponent() {
-            this.class = 'modal-backdrop fade show';
-            this.style = 'z-index: 1050';
-        }
-        return LuxModalBackdropComponent;
-    }());
-    LuxModalBackdropComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-modal-backdrop',
-                    template: ''
-                },] }
-    ];
-    LuxModalBackdropComponent.propDecorators = {
-        backdropClass: [{ type: i0.Input }],
-        class: [{ type: i0.HostBinding, args: ['class',] }],
-        style: [{ type: i0.HostBinding, args: ['style',] }]
-    };
-
-    var LuxModalConfig = /** @class */ (function () {
-        function LuxModalConfig() {
-            this.backdrop = true;
-        }
-        return LuxModalConfig;
-    }());
-    LuxModalConfig.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function LuxModalConfig_Factory() { return new LuxModalConfig(); }, token: LuxModalConfig, providedIn: "root" });
-    LuxModalConfig.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-
-    var ModalStack = /** @class */ (function () {
-        function ModalStack(_applicationRef, _document, _injector, _rendererFactory, modalConfig) {
-            var _this = this;
-            this._applicationRef = _applicationRef;
-            this._document = _document;
-            this._injector = _injector;
-            this._rendererFactory = _rendererFactory;
-            this.modalConfig = modalConfig;
-            this._activeWindowCmptHasChanged = new rxjs.Subject();
-            this._modalRefs = [];
-            this._windowCmpts = [];
-            this._ariaHiddenValues = new Map();
-            this._backdropAttributes = ['backdropClass'];
-            this._windowAttributes = [
-                'ariaLabelledBy',
-                'backdrop',
-                'centered',
-                'keyboard',
-                'scrollable',
-                'size',
-                'windowClass'
-            ];
-            this._activeWindowCmptHasChanged.subscribe(function () {
-                if (_this._windowCmpts.length) {
-                    var activeWindowCmpt = _this._windowCmpts[_this._windowCmpts.length - 1];
-                    focusTrap(activeWindowCmpt.location.nativeElement, _this._activeWindowCmptHasChanged);
-                    _this._revertAriaHidden();
-                    _this._setAriaHidden(activeWindowCmpt.location.nativeElement);
-                }
-            });
-        }
-        ModalStack.prototype.open = function (moduleCFR, content, options) {
-            var _this = this;
-            var config = Object.assign({}, this.modalConfig, options);
-            var containerEl = this._document.body;
-            var renderer = this._rendererFactory.createRenderer(null, null);
-            var removeBodyClass = function () {
-                if (!_this._modalRefs.length) {
-                    renderer.removeClass(_this._document.body, 'modal-open');
-                    _this._revertAriaHidden();
-                }
-            };
-            var activeModal = new ActiveModal();
-            var contentRef = this.getContentRef(moduleCFR, content, activeModal);
-            var backdropCmptRef = config.backdrop ? this._attachBackdrop(moduleCFR, containerEl) : null;
-            var windowCmptRef = this._attachWindowComponent(moduleCFR, containerEl, contentRef);
-            var modalRef = new ModalRef(windowCmptRef, contentRef, backdropCmptRef);
-            this._registerModalRef(modalRef);
-            this._registerWindowCmpt(windowCmptRef);
-            modalRef.result.then(removeBodyClass, removeBodyClass);
-            activeModal.close = function (result) {
-                modalRef.close(result);
-            };
-            activeModal.dismiss = function (reason) {
-                modalRef.dismiss(reason);
-            };
-            this._applyWindowOptions(windowCmptRef.instance, config);
-            if (this._modalRefs.length === 1) {
-                renderer.addClass(this._document.body, 'modal-open');
-            }
-            if (backdropCmptRef && backdropCmptRef.instance) {
-                this._applyBackgroundOptions(backdropCmptRef.instance, config);
-                backdropCmptRef.changeDetectorRef.detectChanges();
-            }
-            windowCmptRef.changeDetectorRef.detectChanges();
-            return modalRef;
-        };
-        ModalStack.prototype._applyWindowOptions = function (windowInstance, config) {
-            this._windowAttributes.forEach(function (optionName) {
-                if (isDefined(config[optionName])) {
-                    windowInstance[optionName] = config[optionName];
-                }
-            });
-        };
-        ModalStack.prototype._applyBackgroundOptions = function (backgroudInstance, config) {
-            this._backdropAttributes.forEach(function (optionName) {
-                if (isDefined(config[optionName])) {
-                    backgroudInstance[optionName] = config[optionName];
-                }
-            });
-        };
-        ModalStack.prototype._revertAriaHidden = function () {
-            this._ariaHiddenValues.forEach(function (value, element) {
-                if (value) {
-                    element.setAttribute('aria-hidden', value);
-                }
-                else {
-                    element.removeAttribute('aria-hidden');
-                }
-            });
-            this._ariaHiddenValues.clear();
-        };
-        ModalStack.prototype.getContentRef = function (moduleCFR, content, activeModal) {
-            if (content instanceof i0.TemplateRef) {
-                return this.createFromTemplateRef(content, activeModal);
-            }
-        };
-        ModalStack.prototype.createFromTemplateRef = function (content, activeModal) {
-            var context = {
-                $implicit: activeModal,
-                // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
-                close: function (result) {
-                    activeModal.close(result);
-                },
-                // eslint-disable-next-line prefer-arrow/prefer-arrow-functions
-                dismiss: function (reason) {
-                    activeModal.dismiss(reason);
-                }
-            };
-            var viewRef = content.createEmbeddedView(context);
-            this._applicationRef.attachView(viewRef);
-            return new ContentRef([viewRef.rootNodes], viewRef);
-        };
-        ModalStack.prototype._attachBackdrop = function (moduleCFR, containerEl) {
-            var backdropFactory = moduleCFR.resolveComponentFactory(LuxModalBackdropComponent);
-            var backdropCmptRef = backdropFactory.create(this._injector);
-            this._applicationRef.attachView(backdropCmptRef.hostView);
-            containerEl.appendChild(backdropCmptRef.location.nativeElement);
-            return backdropCmptRef;
-        };
-        ModalStack.prototype._attachWindowComponent = function (moduleCFR, containerEl, contentRef) {
-            var windowFactory = moduleCFR.resolveComponentFactory(LuxModalWindowComponent);
-            var windowCmptRef = windowFactory.create(this._injector, contentRef.nodes);
-            this._applicationRef.attachView(windowCmptRef.hostView);
-            containerEl.appendChild(windowCmptRef.location.nativeElement);
-            return windowCmptRef;
-        };
-        ModalStack.prototype._registerModalRef = function (modalRef) {
-            var _this = this;
-            var unregisterModalRef = function () {
-                var index = _this._modalRefs.indexOf(modalRef);
-                if (index > -1) {
-                    _this._modalRefs.splice(index, 1);
-                }
-            };
-            this._modalRefs.push(modalRef);
-            modalRef.result.then(unregisterModalRef, unregisterModalRef);
-        };
-        ModalStack.prototype._registerWindowCmpt = function (windowCmpt) {
-            var _this = this;
-            this._windowCmpts.push(windowCmpt);
-            this._activeWindowCmptHasChanged.next();
-            windowCmpt.onDestroy(function () {
-                var index = _this._windowCmpts.indexOf(windowCmpt);
-                if (index > -1) {
-                    _this._windowCmpts.splice(index, 1);
-                    _this._activeWindowCmptHasChanged.next();
-                }
-            });
-        };
-        ModalStack.prototype._setAriaHidden = function (element) {
-            var _this = this;
-            var parent = element.parentElement;
-            if (parent && element !== this._document.body) {
-                Array.from(parent.children).forEach(function (sibling) {
-                    if (sibling !== element && sibling.nodeName !== 'SCRIPT') {
-                        _this._ariaHiddenValues.set(sibling, sibling.getAttribute('aria-hidden'));
-                        sibling.setAttribute('aria-hidden', 'true');
-                    }
-                });
-                this._setAriaHidden(parent);
-            }
-        };
-        return ModalStack;
-    }());
-    ModalStack.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ModalStack_Factory() { return new ModalStack(i0__namespace.ɵɵinject(i0__namespace.ApplicationRef), i0__namespace.ɵɵinject(i1__namespace.DOCUMENT), i0__namespace.ɵɵinject(i0__namespace.INJECTOR), i0__namespace.ɵɵinject(i0__namespace.RendererFactory2), i0__namespace.ɵɵinject(LuxModalConfig)); }, token: ModalStack, providedIn: "root" });
-    ModalStack.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    ModalStack.ctorParameters = function () { return [
-        { type: i0.ApplicationRef },
-        { type: undefined, decorators: [{ type: i0.Inject, args: [i1.DOCUMENT,] }] },
-        { type: i0.Injector },
-        { type: i0.RendererFactory2 },
-        { type: LuxModalConfig }
-    ]; };
-
-    /**
-     * A service that it allow open an close modal components
-     */
-    var ModalService = /** @class */ (function () {
-        function ModalService(modalStack, moduleCFR) {
-            this.modalStack = modalStack;
-            this.moduleCFR = moduleCFR;
-        }
-        /**Open a modal component
-         * @param content TemplateRef
-         */
-        ModalService.prototype.open = function (content, options) {
-            if (options === void 0) { options = {}; }
-            return this.modalStack.open(this.moduleCFR, content, options);
-        };
-        return ModalService;
-    }());
-    ModalService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ModalService_Factory() { return new ModalService(i0__namespace.ɵɵinject(ModalStack), i0__namespace.ɵɵinject(i0__namespace.ComponentFactoryResolver)); }, token: ModalService, providedIn: "root" });
-    ModalService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    ModalService.ctorParameters = function () { return [
-        { type: ModalStack },
-        { type: i0.ComponentFactoryResolver }
-    ]; };
-
-    var GeolocationService = /** @class */ (function () {
-        function GeolocationService(http) {
-            var _this = this;
-            this.http = http;
-            this.debouncePeriodMs = 300; // ms
-            this.cacheSize = 20;
-            this.lastQueriesWithResults = new Map();
-            this.lastQueriesLru = [];
-            this.currentSearch$ = new rxjs.Subject();
-            var typed$ = this.currentSearch$
-                .asObservable()
-                .pipe(operators.distinctUntilChanged());
-            this.currentQuery$ = typed$.pipe(operators.debounceTime(this.debouncePeriodMs), operators.switchMap(function (currentQuery) {
-                var data = _this.getFromCache(currentQuery);
-                if (data !== undefined) {
-                    return rxjs.of(data);
-                }
-                // Nominatim search documentation:
-                // https://nominatim.org/release-docs/develop/api/Search/
-                var url = 'https://nominatim.openstreetmap.org/search?format=json&limit=20&q=' +
-                    encodeURIComponent(currentQuery);
-                var headers = {
-                    'Content-Type': 'application/json'
-                };
-                _this.addToCache(currentQuery, []);
-                return _this.http.get(url, { headers: headers }).pipe(operators.map(function (response) {
-                    var searchResults = response;
-                    var uniqueResults = distinct(searchResults);
-                    return _this.addToCache(currentQuery, uniqueResults);
-                }));
-            }));
-        }
-        GeolocationService.prototype.searchGeolocation = function (query) {
-            this.currentSearch$.next(query);
-            return this.currentQuery$;
-        };
-        GeolocationService.prototype.getLabels = function (instance, keys) {
-            var searchResults = instance.lastQueriesWithResults
-                .get(instance.getLatestQuery())
-                .filter(function (searchResult) { return samePosition(searchResult, keys); });
-            return rxjs.of(searchResults.map(function (searchResult) {
-                var key = {
-                    type: 'Point',
-                    coordinates: [searchResult.lon, searchResult.lat]
-                };
-                return {
-                    key: key,
-                    label: searchResult.display_name
-                };
-            }));
-        };
-        GeolocationService.prototype.getData = function (instance, search) {
-            return instance.searchGeolocation(search).pipe(operators.map(function (searchResults) { return searchResults.map(function (searchResult) {
-                var key = {
-                    type: 'Point',
-                    coordinates: [searchResult.lon, searchResult.lat]
-                };
-                var label = searchResult.display_name;
-                return { key: key, label: label };
-            }); }));
-        };
-        // Cache implemementation ---
-        GeolocationService.prototype.getFromCache = function (query) {
-            if (this.lastQueriesWithResults.has(query)) {
-                return this.lastQueriesWithResults.get(query);
-            }
-            return undefined;
-        };
-        GeolocationService.prototype.addToCache = function (query, data) {
-            if (this.lastQueriesWithResults.keys.length >= this.cacheSize) {
-                var deletedQuery = this.lastQueriesLru[0];
-                this.revomeFromCache(deletedQuery);
-            }
-            this.lastQueriesWithResults.set(query, data);
-            this.lastQueriesLru.push(query);
-            return data;
-        };
-        GeolocationService.prototype.revomeFromCache = function (query) {
-            this.lastQueriesWithResults.delete(query);
-            var index = this.lastQueriesLru.findIndex(function (it) { return it === query; });
-            this.lastQueriesLru.splice(index, 1);
-        };
-        GeolocationService.prototype.getLatestQuery = function () {
-            return this.lastQueriesLru.length
-                ? this.lastQueriesLru[this.lastQueriesLru.length - 1]
-                : null;
-        };
-        return GeolocationService;
-    }());
-    GeolocationService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function GeolocationService_Factory() { return new GeolocationService(i0__namespace.ɵɵinject(i1__namespace$1.HttpClient)); }, token: GeolocationService, providedIn: "root" });
-    GeolocationService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    GeolocationService.ctorParameters = function () { return [
-        { type: i1$1.HttpClient }
-    ]; };
-    var samePosition = function (searchResult, keys) {
-        var found = false;
-        keys.forEach(function (item) {
-            if (searchResult.lon === item.coordinates[0] &&
-                searchResult.lat === item.coordinates[1]) {
-                found = true;
-            }
-        });
-        return found;
-    };
-    var ɵ0$2 = samePosition;
-    var distinct = function (data) {
-        var unique = {};
-        return data.filter(function (r) {
-            if (unique[r.display_name]) {
-                return false;
-            }
-            unique[r.display_name] = 1;
-            return true;
-        });
-    };
-    var ɵ1$1 = distinct;
-
-    var GeolocationComponent = /** @class */ (function () {
-        function GeolocationComponent(modalService, locationService) {
-            this.modalService = modalService;
-            this.locationService = locationService;
-            this.touched = false;
-            this.dirty = false;
-            this.lastErrors = null;
-            this.latitudeValue = undefined;
-            this.longitudeValue = undefined;
-            this.isValidNumber = isValidNumber;
-            this.i18n = {
-                en: {
-                    lat: 'latitude',
-                    lon: 'longitude',
-                    selectLocation: 'Select location',
-                    location: 'Location',
-                    selectAction: 'Select',
-                    cancelAction: 'Cancel',
-                    closeAction: 'Close',
-                    typeToSearch: 'type to search',
-                    cardinalPoints: {
-                        north: 'N',
-                        south: 'S',
-                        east: 'E',
-                        west: 'W'
-                    },
-                    userErrors: {
-                        required: 'Required field.',
-                        minLatitude: 'Minimum latitude is $minLatitude.',
-                        maxLatitude: 'Maximum latitude is $maxLatitude.',
-                        minLongitude: 'Minimum longitude is $minLongitude.',
-                        maxLongitude: 'Maximum longitude is $maxLongitude.'
-                    }
-                },
-                es: {
-                    lat: 'latitud',
-                    lon: 'longitud',
-                    selectLocation: 'Seleccione ubicación',
-                    location: 'Ubicación',
-                    selectAction: 'Seleccionar',
-                    cancelAction: 'Cancelar',
-                    closeAction: 'Cerrar',
-                    typeToSearch: 'escribe para buscar',
-                    cardinalPoints: {
-                        north: 'N',
-                        south: 'S',
-                        east: 'E',
-                        west: 'O'
-                    },
-                    userErrors: {
-                        required: 'El campo es obligatorio.',
-                        minLatitude: 'La latitud mínima es $minLatitude.',
-                        maxLatitude: 'La latitud máxima es $maxLatitude.',
-                        minLongitude: 'La longitud mínima es $minLongitude.',
-                        maxLongitude: 'La longitud máxima es $maxLongitude.'
-                    }
-                }
-            };
-            this.lang = languageDetector();
-            this.inlineErrors = false;
-            this.readonly = null;
-            this.valueChange = new i0.EventEmitter();
-            this.keyPress = new i0.EventEmitter();
-            this.onChange = function (value) { };
-            this.onTouched = function () { };
-        }
-        Object.defineProperty(GeolocationComponent.prototype, "className", {
-            get: function () {
-                return this.checkClassName();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(GeolocationComponent.prototype, "disabled", {
-            get: function () {
-                return this._disabled;
-            },
-            set: function (v) {
-                v = typeof v === 'string' && v !== 'false' ? true : v;
-                this._disabled = v;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(GeolocationComponent.prototype, "required", {
-            get: function () {
-                return this._required;
-            },
-            set: function (v) {
-                this._required = v;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(GeolocationComponent.prototype, "value", {
-            get: function () {
-                return this._value;
-            },
-            set: function (v) {
-                if (v === this._value) {
-                    return; // prevent events when there is no changes
-                }
-                var initialAndEmpty = isInitialAndEmpty(this._value, v);
-                if (v &&
-                    v.coordinates &&
-                    v.coordinates.length === 2 &&
-                    exists(v.coordinates[0] && exists(v.coordinates[1]))) {
-                    this._value = v;
-                    this.setLatitudeInControl(v.coordinates[1]);
-                    this.setLongitudeInControl(v.coordinates[0]);
-                }
-                else if (!v) {
-                    this._value = null;
-                    this.setLatitudeInControl(null);
-                    this.setLongitudeInControl(null);
-                }
-                else {
-                    this._value = v;
-                    // we don't set value in control if the value is not valid
-                    // if we do, the content of the control changes and can erase what the user is typing
-                }
-                this.onChange(v);
-                if (!initialAndEmpty) {
-                    this.valueChange.emit(v);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        // ControlValueAccessor Interface implementation
-        GeolocationComponent.prototype.writeValue = function (value) {
-            this.value = value;
-        };
-        GeolocationComponent.prototype.registerOnChange = function (onChange) {
-            this.onChange = onChange;
-        };
-        GeolocationComponent.prototype.registerOnTouched = function (onTouched) {
-            this.onTouched = onTouched;
-        };
-        GeolocationComponent.prototype.markAsTouched = function () {
-            if (!this.touched) {
-                this.onTouched();
-                this.touched = true;
-            }
-        };
-        GeolocationComponent.prototype.setDisabledState = function (disabled) {
-            this.disabled = disabled;
-        };
-        // End of ControlValueAccessor Interface implementation
-        GeolocationComponent.prototype.setLatitudeInControl = function (latitude) {
-            // this.latitude.nativeElement.value = latitude;
-            this.latitudeValue = latitude;
-        };
-        GeolocationComponent.prototype.setLongitudeInControl = function (longitude) {
-            // this.longitude.nativeElement.value = longitude;
-            this.longitudeValue = longitude;
-        };
-        GeolocationComponent.prototype.clear = function () {
-            this.setLatitudeInControl(null);
-            this.setLongitudeInControl(null);
-            this.value = null;
-        };
-        // Validator interface
-        GeolocationComponent.prototype.registerOnValidatorChange = function () { };
-        GeolocationComponent.prototype.validate = function (control) {
-            var value = control.value;
-            var result = null;
-            if (this.required &&
-                !hasValue(value) &&
-                !exists(this.latitudeValue) &&
-                !exists(this.longitudeValue)) {
-                result = result || {};
-                result.required = { value: value, reason: 'Required field.' };
-            }
-            if (!exists(this.latitudeValue) && exists(this.longitudeValue)) {
-                result = result || {};
-                result.existsLatitude = {
-                    value: value,
-                    reason: 'Latitude not specified.'
-                };
-            }
-            if (exists(this.latitudeValue) && !exists(this.longitudeValue)) {
-                result = result || {};
-                result.existsLongitude = {
-                    value: value,
-                    reason: 'Longitude not specified.'
-                };
-            }
-            if (exists(this.minLatitude) && this.latitudeValue < this.minLatitude) {
-                result = result || {};
-                result.minLatitude = {
-                    value: value,
-                    min: this.minLatitude,
-                    reason: "Latitude is lower than minimum value: " + this.minLatitude + "."
-                };
-            }
-            if (exists(this.maxLatitude) && this.latitudeValue > this.maxLatitude) {
-                result = result || {};
-                result.maxLatitude = {
-                    value: value,
-                    max: this.maxLatitude,
-                    reason: "Latitude is higher than maximum value: " + this.maxLatitude + "."
-                };
-            }
-            if (exists(this.minLongitude) && this.longitudeValue < this.minLongitude) {
-                result = result || {};
-                result.minLongitude = {
-                    value: value,
-                    min: this.minLongitude,
-                    reason: "Longitude is lower than minimum value: " + this.minLongitude + "."
-                };
-            }
-            if (exists(this.maxLongitude) && this.longitudeValue > this.maxLongitude) {
-                result = result || {};
-                result.maxLongitude = {
-                    value: value,
-                    max: this.maxLongitude,
-                    reason: "Longitude is higher than maximum value: " + this.maxLongitude + "."
-                };
-            }
-            this.lastErrors = result;
-            return result;
-        };
-        // End of Validator interface
-        GeolocationComponent.prototype.ngOnInit = function () {
-            this.inputId = this.inputId
-                ? this.inputId
-                : "geolocation$" + GeolocationComponent.idCounter++;
-            this.setPatterns();
-        };
-        GeolocationComponent.prototype.roundToStepAndUpdateLatitudeAndLongitude = function (newLatitudeAndLongitude) {
-            var newLatitude = roundToMultipleOf(newLatitudeAndLongitude[1], this.step);
-            var newLongitude = roundToMultipleOf(newLatitudeAndLongitude[0], this.step);
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            if (!exists(newLatitudeAndLongitude)) {
-                this.value = null;
-            }
-            this.value = {
-                type: 'Point',
-                coordinates: [newLongitude, newLatitude]
-            };
-        };
-        GeolocationComponent.prototype.onLostFocus = function () {
-            this.markAsTouched();
-        };
-        GeolocationComponent.prototype.onEventLatitude = function (newLatitude) {
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            var newLatitudeValue = isValidNumber(newLatitude) ? +newLatitude : null;
-            if (!(exists(this.value) && exists(this.value.coordinates[0])) &&
-                !exists(newLatitudeValue)) {
-                this.value = null;
-            }
-            else {
-                this.value = {
-                    type: 'Point',
-                    coordinates: [
-                        this.value ? this.value.coordinates[0] : undefined,
-                        newLatitudeValue
-                    ]
-                };
-            }
-            this.markAsTouched();
-        };
-        GeolocationComponent.prototype.onEventLongitude = function (newLongitude) {
-            if (this.disabled || this.readonly) {
-                return;
-            }
-            var newLongitudeValue = isValidNumber(newLongitude)
-                ? +newLongitude
-                : null;
-            if (!exists(newLongitudeValue) &&
-                !(exists(this.value) && exists(this._value.coordinates[1]))) {
-                this.value = null;
-            }
-            else {
-                this.value = {
-                    type: 'Point',
-                    coordinates: [
-                        newLongitudeValue,
-                        this.value ? this.value.coordinates[1] : undefined
-                    ]
-                };
-            }
-            this.markAsTouched();
-        };
-        GeolocationComponent.prototype.onKeyPress = function (event) {
-            this.keyPress.emit(event);
-        };
-        GeolocationComponent.prototype.checkClassName = function () {
-            return this.disabled
-                ? this.readonly
-                    ? 'disabled readonly'
-                    : 'disabled'
-                : this.readonly
-                    ? 'readonly'
-                    : '';
-        };
-        GeolocationComponent.prototype.openModalMap = function (modal) {
-            var _this = this;
-            this.modalService.open(modal).result.then(function (result) {
-                if (result !== 'cancel') {
-                    _this.roundToStepAndUpdateLatitudeAndLongitude(result);
-                }
-            }, function (_) { });
-        };
-        GeolocationComponent.prototype.onSearchLocationChanged = function (newValue, map) {
-            map.markerPoint = newValue;
-            map.center = map.markerPoint;
-        };
-        Object.defineProperty(GeolocationComponent.prototype, "mapTitle", {
-            get: function () {
-                return this._disabled || !!this.readonly
-                    ? this.i18n[this.lang].location
-                    : this.i18n[this.lang].selectLocation;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(GeolocationComponent.prototype, "self", {
-            get: function () {
-                return this;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        GeolocationComponent.prototype.getLabels = function (instance, keys) {
-            return instance.locationService.getLabels(instance.locationService, keys);
-        };
-        GeolocationComponent.prototype.getData = function (instance, search) {
-            return instance.locationService.getData(instance.locationService, search);
-        };
-        GeolocationComponent.prototype.setPatterns = function () {
-            this.step = this.step || 0.00001; // 0.00001 degrees = 1.11 meters
-            this.zoom = this.zoom || 18; // (360/2^18) degrees ~ 0.00137 degrees ~ 153 meters
-            this.minLatitude = this.minLatitude || -90;
-            this.maxLatitude = this.maxLatitude || +90;
-            this.minLongitude = this.minLongitude || -180;
-            this.maxLongitude = this.maxLongitude || +180;
-        };
-        return GeolocationComponent;
-    }());
-    GeolocationComponent.idCounter = 0;
-    GeolocationComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-geolocation',
-                    template: "<input\n  #latitude\n  class=\"rounded-left prefix\"\n  [ngClass]=\"className\"\n  type=\"number\"\n  [id]=\"inputId + '$latitude'\"\n  [(ngModel)]=\"latitudeValue\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.disabled]=\"disabled === true ? 'true' : undefined\"\n  [attr.readonly]=\"readonly === true ? 'true' : undefined\"\n  [attr.min]=\"\n    minLatitude !== undefined && minLatitude !== null\n      ? minLatitude.toString()\n      : undefined\n  \"\n  [attr.max]=\"\n    maxLatitude !== undefined && maxLatitude !== null\n      ? maxLatitude.toString()\n      : undefined\n  \"\n  [attr.step]=\"\n    step !== undefined && step !== null ? step.toString() : undefined\n  \"\n  [placeholder]=\"i18n[lang].lat\"\n  (keyup)=\"onEventLatitude(latitude.value)\"\n  (change)=\"onEventLatitude(latitude.value)\"\n  (keypress)=\"onKeyPress($event)\"\n  (blur)=\"onLostFocus()\"\n/>\n<div\n  class=\"infix symbol clickable\"\n  [ngClass]=\"className\"\n  (click)=\"openModalMap(modalMap)\">\n  <span *ngIf=\"isValidNumber(latitudeValue) && latitudeValue >= 0\">{{\n    i18n[lang].cardinalPoints.north\n  }}</span>\n  <span *ngIf=\"isValidNumber(latitudeValue) && latitudeValue < 0\">{{\n    i18n[lang].cardinalPoints.south\n  }}</span>\n  <span *ngIf=\"!isValidNumber(latitudeValue)\" class=\"icon-globe\"></span>\n</div>\n<input\n  #longitude\n  class=\"prefix\"\n  [ngClass]=\"className\"\n  type=\"number\"\n  [id]=\"inputId + '$longitude'\"\n  [(ngModel)]=\"longitudeValue\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.disabled]=\"disabled === true ? 'true' : undefined\"\n  [attr.readonly]=\"readonly === true ? 'true' : undefined\"\n  [attr.min]=\"\n    minLongitude !== undefined && minLongitude !== null\n      ? minLongitude.toString()\n      : undefined\n  \"\n  [attr.max]=\"\n    maxLongitude !== undefined && maxLongitude !== null\n      ? maxLongitude.toString()\n      : undefined\n  \"\n  [attr.step]=\"\n    step !== undefined && step !== null ? step.toString() : undefined\n  \"\n  [placeholder]=\"i18n[lang].lon\"\n  (keyup)=\"onEventLongitude(longitude.value)\"\n  (change)=\"onEventLongitude(longitude.value)\"\n  (keypress)=\"onKeyPress($event)\"\n  (blur)=\"onLostFocus()\"\n/>\n<div\n  [class]=\"\n    disabled || readonly\n      ? 'clickable rounded-right postfix symbol'\n      : 'clickable postfix symbol'\n  \"\n  [ngClass]=\"className\"\n  (click)=\"openModalMap(modalMap)\"\n>\n  <span *ngIf=\"isValidNumber(longitudeValue) && longitudeValue >= 0\">{{\n    i18n[lang].cardinalPoints.east\n  }}</span>\n  <span *ngIf=\"isValidNumber(longitudeValue) && longitudeValue < 0\">{{\n    i18n[lang].cardinalPoints.west\n  }}</span>\n  <span *ngIf=\"!isValidNumber(longitudeValue)\" class=\"icon-globe\"></span>\n</div>\n<button\n  #clearButton\n  *ngIf=\"!(disabled || readonly)\"\n  class=\"rounded-right postfix icon icon-clear\"\n  [id]=\"inputId + '$clear'\"\n  (click)=\"clear()\"\n  aria-label=\"clear\"\n></button>\n\n<div *ngIf=\"inlineErrors && lastErrors && (dirty || touched)\" class=\"alert\">\n  <div *ngIf=\"lastErrors.required\">\n    {{ i18n[lang].userErrors.required }}\n  </div>\n  <div *ngIf=\"lastErrors.minLatitude\">\n    {{\n      i18n[lang].userErrors.minLatitude.replace(\n        '$minLatitude',\n        lastErrors.minLatitude.min\n      )\n    }}\n  </div>\n  <div *ngIf=\"lastErrors.maxLatitude\">\n    {{\n      i18n[lang].userErrors.maxLatitude.replace(\n        '$maxLatitude',\n        lastErrors.maxLatitude.max\n      )\n    }}\n  </div>\n  <div *ngIf=\"lastErrors.minLongitude\">\n    {{\n      i18n[lang].userErrors.minLongitude.replace(\n        '$minLongitude',\n        lastErrors.minLongitude.min\n      )\n    }}\n  </div>\n  <div *ngIf=\"lastErrors.maxLongitude\">\n    {{\n      i18n[lang].userErrors.maxLongitude.replace(\n        '$maxLongitude',\n        lastErrors.maxLongitude.max\n      )\n    }}\n  </div>\n</div>\n\n<ng-template #modalMap let-modal>\n  <div class=\"lux-modal-header\">\n    <h4 class=\"modal-title\" id=\"modal-basic-title\">{{ mapTitle }}</h4>\n    <button\n      type=\"button\"\n      class=\"close\"\n      aria-label=\"Close\"\n      (click)=\"modal.dismiss('Cross click')\"\n    >\n      <span aria-hidden=\"true\">\u00D7</span>\n    </button>\n  </div>\n  <div class=\"lux-modal-body content\">\n    <lux-autocomplete\n      #searchBar\n      [attr.aria-label]=\"i18n[lang].typeToSearch\"\n      [placeholder]=\"i18n[lang].typeToSearch\"\n      *ngIf=\"!disabled && !readonly\"\n      [instance]=\"self\"\n      [resolveLabelsFunction]=\"getLabels\"\n      [populateFunction]=\"getData\"\n      (valueChange)=\"onSearchLocationChanged(searchBar.value, map)\"\n    ></lux-autocomplete>\n    <div class=\"map-container\">\n      <lux-map\n        #map\n        [center]=\"value\"\n        [markerPoint]=\"value\"\n        [zoom]=\"zoom\"\n        [readonly]=\"readonly === true || disabled === true ? true : false\"\n      ></lux-map>\n    </div>\n  </div>\n  <div class=\"lux-modal-footer\">\n    <button\n      *ngIf=\"disabled || readonly\"\n      type=\"button\"\n      class=\"btn btn-cancel\"\n      (click)=\"modal.close('cancel')\"\n    >\n      {{ i18n[lang].closeAction }}\n    </button>\n    <button\n      *ngIf=\"!disabled && !readonly\"\n      type=\"button\"\n      class=\"btn btn-cancel\"\n      (click)=\"modal.close('cancel')\"\n    >\n      {{ i18n[lang].cancelAction }}\n    </button>\n    <button\n      *ngIf=\"!disabled && !readonly\"\n      type=\"button\"\n      class=\"btn btn-select\"\n      (click)=\"modal.close(map.markerPoint.coordinates)\"\n    >\n      {{ i18n[lang].selectAction }}\n    </button>\n  </div>\n</ng-template>\n",
-                    providers: [
-                        {
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return GeolocationComponent; })
-                        },
-                        {
-                            provide: forms.NG_VALIDATORS,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return GeolocationComponent; })
-                        }
-                    ],
-                    styles: [":focus{z-index:1}input,select,textarea{border:solid 1px #495057;border:solid 1px var(--lux-input-border-color, #495057);margin:0;margin:var(--lux-input-margin, 0rem);padding:0 .5rem;padding:var(--lux-input-padding, 0rem .5rem)}.alert{padding:.2rem 2rem;background:#fe2e2e;background:var(--lux-alert-background, #fe2e2e);color:#fff;color:var(--lux-alert-color, white);font-family:Consolas,monospace;width:45%;margin-right:1rem;display:inline-block}.symbol{display:inline-block;align-items:baseline;padding:0 .5rem;margin-bottom:0;font-weight:400;color:default;color:var(--lux-symbol-color, default);text-align:center;white-space:nowrap;background:default;background:var(--lux-symbol-background, default);border:1px solid #495057;border:1px solid var(--lux-input-border-color, #495057);font-size:1rem;font-size:var(--lux-symbol-font-size, 1rem)}.rounded,.rounded-right,.rounded-middle,.rounded-left{border-radius:.25rem;border:1px solid;border:var(--lux-input-border, 1px solid)}.rounded-left{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-middle{border-radius:0}.rounded-right{border-top-left-radius:0;border-bottom-left-radius:0}.prefix{border-right:none}.infix{border-left:none;border-right:none}.postfix{border-left:none}:host{display:flex;align-items:stretch}.btn-select{color:#fff;background-color:#4242d1;margin-left:2rem}.btn-cancel{color:#fff;background-color:#c22929}.readonly{border:none}.readonly:focus{border:none;outline:none}.disabled{background-color:#f1f1f1;background-color:var(--lux-disabled-color, #f1f1f1);border-color:#6d6d6d;border-color:var(--lux-disabled-border-color, #6d6d6d)}.icon,.icon-clear,.icon-globe{display:inline-block;background-size:1rem 1rem;background-position:center;background-repeat:no-repeat;min-width:1rem;min-height:1rem;width:1.5rem;width:var(--lux-autocomplete-icon-width, 1.5rem);z-index:1}.clickable{cursor:pointer}.icon-globe{background:url(/assets/img/globe.svg) no-repeat center;background:var(--lux-autocomplete-icon-globe, url(/assets/img/globe.svg) no-repeat center);background-size:1rem;height:100%}.icon-clear{width:1.5rem;width:var(--lux-autocomplete-icon-width, 1.5rem);background:url(/assets/img/filter-clear.png) no-repeat center;background:var(--lux-autocomplete-icon-clear, url(/assets/img/filter-clear.png) no-repeat center);background-size:.5rem .5rem;background-size:var(--lux-autocomplete-icon-bg-size, .5rem .5rem);z-index:1}.lux-modal-body{padding:0}.map-container{height:45vh;height:var(--lux-geolocation-map-height, 45vh);width:90vw;width:var(--lux-geolocation-map-width, 90vw)}\n"]
-                },] }
-    ];
-    GeolocationComponent.ctorParameters = function () { return [
-        { type: ModalService },
-        { type: GeolocationService }
-    ]; };
-    GeolocationComponent.propDecorators = {
-        latitude: [{ type: i0.ViewChild, args: ['latitude', { static: true },] }],
-        longitude: [{ type: i0.ViewChild, args: ['longitude', { static: true },] }],
-        map: [{ type: i0.ViewChild, args: ['map', { static: false },] }],
-        minLatitude: [{ type: i0.Input }],
-        maxLatitude: [{ type: i0.Input }],
-        minLongitude: [{ type: i0.Input }],
-        maxLongitude: [{ type: i0.Input }],
-        step: [{ type: i0.Input }],
-        zoom: [{ type: i0.Input }],
-        lang: [{ type: i0.Input }],
-        inlineErrors: [{ type: i0.Input }],
-        inputId: [{ type: i0.Input }],
-        ariaLabel: [{ type: i0.Input, args: ['aria-label',] }],
-        readonly: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        required: [{ type: i0.Input }],
-        value: [{ type: i0.Input }],
-        valueChange: [{ type: i0.Output }],
-        keyPress: [{ type: i0.Output }]
-    };
-
-    var Placement;
-    (function (Placement) {
-        Placement["Top"] = "top";
-        Placement["Bottom"] = "bottom";
-        Placement["Left"] = "left";
-        Placement["Right"] = "right";
-    })(Placement || (Placement = {}));
-
-    /**
-     * Default Tooltip Component
-     */
-    var TooltipComponent = /** @class */ (function () {
-        function TooltipComponent() {
-        }
-        return TooltipComponent;
-    }());
-    TooltipComponent.decorators = [
-        { type: i0.Component, args: [{
-                    template: "\n        <span class=\"lux-tooltip\" style=\"transition: opacity 200ms\">{{context.message}}</span>\n    "
-                },] }
-    ];
-    TooltipComponent.ctorParameters = function () { return []; };
-    TooltipComponent.propDecorators = {
-        context: [{ type: i0.Input }]
-    };
-
-    var TooltipContentRef = /** @class */ (function () {
-        function TooltipContentRef(viewRef, componentRef) {
-            this.viewRef = viewRef;
-            this.componentRef = componentRef;
-        }
-        return TooltipContentRef;
-    }());
-
-    var TooltipService = /** @class */ (function () {
-        function TooltipService(_injector, _crf, _applicationRef) {
-            this._injector = _injector;
-            this._crf = _crf;
-            this._applicationRef = _applicationRef;
-        }
-        TooltipService.prototype.appendComponentToBody = function (content, elHost, placement) {
-            var tooltipContentRef = this.getTooltipContentRef(content);
-            if (tooltipContentRef) {
-                var domElem = tooltipContentRef.viewRef
-                    .rootNodes[0];
-                document.body.appendChild(domElem);
-                if (tooltipContentRef.componentRef) {
-                    tooltipContentRef.componentRef.changeDetectorRef.detectChanges();
-                }
-                domElem = this.setStyle(domElem, placement);
-                domElem = this.setPosition(domElem, elHost, placement);
-                return tooltipContentRef;
-            }
-            return null;
-        };
-        TooltipService.prototype.removeComponentFromBody = function (tooltipContentRef) {
-            this._applicationRef.detachView(tooltipContentRef.viewRef);
-            if (tooltipContentRef.componentRef) {
-                tooltipContentRef.componentRef.destroy();
-            }
-        };
-        TooltipService.prototype.getTooltipContentRef = function (content) {
-            if (!content) {
-                // nothing to show
-            }
-            else if (content instanceof i0.TemplateRef) {
-                return this.createFromTemplateRef(content);
-            }
-            else if (typeof content === 'string') {
-                return this.createFromComponent(TooltipComponent, { message: content });
-            }
-            else {
-                return this.createFromComponent(content);
-            }
-        };
-        TooltipService.prototype.createFromTemplateRef = function (content) {
-            var viewRef = content.createEmbeddedView({});
-            this._applicationRef.attachView(viewRef);
-            return new TooltipContentRef(viewRef);
-        };
-        TooltipService.prototype.createFromComponent = function (component, context) {
-            var componentRef = this._crf
-                .resolveComponentFactory(component)
-                .create(this._injector);
-            if (context) {
-                componentRef.instance.context = context;
-            }
-            this._applicationRef.attachView(componentRef.hostView);
-            return new TooltipContentRef(componentRef.hostView, componentRef);
-        };
-        TooltipService.prototype.setStyle = function (domElem, placement) {
-            domElem.style.position = 'absolute';
-            domElem.style.minWidth = 'min-content';
-            domElem.style.minHeight = 'min-content';
-            var tooltipElement = this.getTooltipElementFromHTMLElemnt(domElem);
-            placement =
-                placement !== undefined
-                    ? placement.toLocaleLowerCase()
-                    : 'top'; // 'Top' is the default value of placement
-            tooltipElement.classList.add("lux-tooltip-" + placement);
-            tooltipElement.classList.add('lux-tooltip-show');
-            return domElem;
-        };
-        TooltipService.prototype.getTooltipElementFromHTMLElemnt = function (domElem) {
-            var _this = this;
-            var elementsArray = Array.from(domElem.classList).filter(function (className) { return className === 'lux-tooltip'; });
-            if (elementsArray.length !== 0) {
-                return domElem;
-            }
-            else if (domElem.hasChildNodes()) {
-                var childrenArray = Array.from(domElem.children).filter(function (child) { return _this.getTooltipElementFromHTMLElemnt(child) !== null; });
-                if (childrenArray.length !== 0) {
-                    return this.getTooltipElementFromHTMLElemnt(childrenArray[0]);
-                }
-                else {
-                    return null;
-                }
-            }
-            else {
-                return null;
-            }
-        };
-        TooltipService.prototype.setPosition = function (domElem, elHost, placement) {
-            var hostPos = elHost.nativeElement.getBoundingClientRect();
-            var tooltipPos = domElem.getBoundingClientRect();
-            var scrollPos = window.pageYOffset ||
-                document.documentElement.scrollTop ||
-                document.body.scrollTop ||
-                0;
-            var top = 0;
-            var left = 0;
-            var offset = 10;
-            switch (placement) {
-                case Placement.Bottom:
-                    top = hostPos.bottom + offset;
-                    left = hostPos.left + (hostPos.width - tooltipPos.width) / 2;
-                    break;
-                case Placement.Left:
-                    top = hostPos.top + (hostPos.height - tooltipPos.height) / 2;
-                    left = hostPos.left - tooltipPos.width - offset;
-                    break;
-                case Placement.Right:
-                    top = hostPos.top + (hostPos.height - tooltipPos.height) / 2;
-                    left = hostPos.right + offset;
-                    break;
-                case Placement.Top:
-                default:
-                    top = hostPos.top - tooltipPos.height - offset;
-                    left = hostPos.left + (hostPos.width - tooltipPos.width) / 2;
-                    break;
-            }
-            top = Math.max(0, top);
-            left = Math.max(0, left);
-            domElem.style.top = top + scrollPos + "px";
-            domElem.style.left = left + "px";
-            return domElem;
-        };
-        return TooltipService;
-    }());
-    TooltipService.decorators = [
-        { type: i0.Injectable }
-    ];
-    TooltipService.ctorParameters = function () { return [
-        { type: i0.Injector },
-        { type: i0.ComponentFactoryResolver },
-        { type: i0.ApplicationRef }
-    ]; };
-
-    /**
-     * Tooltip directive
-     */
-    var LuxTooltipDirective = /** @class */ (function () {
-        function LuxTooltipDirective(elHost, tooltipService) {
-            this.elHost = elHost;
-            this.tooltipService = tooltipService;
-        }
-        LuxTooltipDirective.prototype.onMouseEnter = function () {
-            if (!this.tooltipRef) {
-                this.tooltipRef = this.show(this.content, this.elHost, this.placement);
-            }
-        };
-        LuxTooltipDirective.prototype.onMouseLeave = function () {
-            if (this.tooltipRef) {
-                this.remove(this.tooltipRef);
-                this.tooltipRef = null;
-            }
-        };
-        LuxTooltipDirective.prototype.onClick = function () {
-            if (this.tooltipRef) {
-                this.remove(this.tooltipRef);
-                this.tooltipRef = null;
-            }
-        };
-        LuxTooltipDirective.prototype.show = function (component, elHost, placement) {
-            return this.tooltipService.appendComponentToBody(component, elHost, placement);
-        };
-        LuxTooltipDirective.prototype.remove = function (tooltipRef) {
-            this.tooltipService.removeComponentFromBody(tooltipRef);
-        };
-        return LuxTooltipDirective;
-    }());
-    LuxTooltipDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[luxTooltip]'
-                },] }
-    ];
-    LuxTooltipDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: TooltipService }
-    ]; };
-    LuxTooltipDirective.propDecorators = {
-        luxTooltip: [{ type: i0.Input }],
-        content: [{ type: i0.Input }],
-        placement: [{ type: i0.Input }],
-        onMouseEnter: [{ type: i0.HostListener, args: ['mouseenter',] }],
-        onMouseLeave: [{ type: i0.HostListener, args: ['mouseleave',] }],
-        onClick: [{ type: i0.HostListener, args: ['click',] }]
-    };
-
-    var LuxBreadcrumbComponent = /** @class */ (function () {
-        function LuxBreadcrumbComponent(route, activedRoute) {
-            this.route = route;
-            this.activedRoute = activedRoute;
-            this.subs = [];
-            this.imagePath = '../assets/img/arrow-forward.svg';
-        }
-        LuxBreadcrumbComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.subs.push(this.route.events
-                .pipe(operators.filter(function (event) { return event instanceof router.NavigationEnd; }))
-                .subscribe(function (_) {
-                _this.breadcrumbs = [];
-                _this.addBreadcrumbs(_this.activedRoute.snapshot.root, true, null);
-            }));
-        };
-        LuxBreadcrumbComponent.prototype.ngOnDestroy = function () {
-            this.subs.forEach(function (s) { return s.unsubscribe(); });
-            this.subs = [];
-        };
-        LuxBreadcrumbComponent.prototype.addBreadcrumbs = function (activedRouteSnapshot, isRoot, urlPrefix) {
-            var routeConfig = activedRouteSnapshot.routeConfig;
-            var url = urlPrefix || '';
-            url += routeConfig ? '/' + this.getUrl(activedRouteSnapshot) : '';
-            var label = routeConfig
-                ? this.getLabel(activedRouteSnapshot)
-                : isRoot
-                    ? 'Home'
-                    : '';
-            if (label && url !== '/') {
-                var breadcrumb = { label: label, url: url };
-                this.breadcrumbs.push(breadcrumb);
-            }
-            if (activedRouteSnapshot.children.length) {
-                this.addBreadcrumbs(activedRouteSnapshot.children[0], false, url);
-            }
-        };
-        LuxBreadcrumbComponent.prototype.getUrl = function (activedRouteSnapshot) {
-            if (!activedRouteSnapshot.url[0]) {
-                return '';
-            }
-            var id = activedRouteSnapshot.params.id;
-            return id
-                ? activedRouteSnapshot.url[0] + "/" + id
-                : activedRouteSnapshot.routeConfig.path || '';
-        };
-        LuxBreadcrumbComponent.prototype.getLabel = function (activedRouteSnapshot) {
-            var routeConfig = activedRouteSnapshot.routeConfig;
-            if (!routeConfig) {
-                return null;
-            }
-            if (activedRouteSnapshot.data && activedRouteSnapshot.data.title) {
-                var data = activedRouteSnapshot.data;
-                if (data.objectTitle) {
-                    return data.title + " " + data.objectTitle;
-                }
-                else {
-                    return data.title;
-                }
-            }
-            return activedRouteSnapshot.params.id || routeConfig.path;
-        };
-        return LuxBreadcrumbComponent;
-    }());
-    LuxBreadcrumbComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-breadcrumb',
-                    template: "<ul class=\"lux-breadcrumb\">\n  <li *ngFor=\"let breadcrumb of breadcrumbs; last as isLast; first as isFirst\"\n      class=\"lux-breadcrumb-item\">\n    <a [class.first]=\"isFirst\" routerLink=\"{{ breadcrumb.url }}\">{{ breadcrumb.label }}</a>\n    <div *ngIf=\"!isLast\" class=\"lux-breadcrumb-separator\"></div>\n  </li>\n</ul>\n",
-                    styles: [".lux-breadcrumb{padding:10px 12px;list-style:none;list-style-type:none}.lux-breadcrumb li{display:inline;font-size:.8em}.lux-breadcrumb li a.first{font-weight:bold}.lux-breadcrumb li+li:before{padding:8px;color:#000}.lux-breadcrumb li a{text-decoration:underline}ol.lux-breadcrumb li a:hover{text-decoration:underline}.lux-breadcrumb a{cursor:hand}.lux-breadcrumb-separator{color:red;position:relative;top:5px;height:16px;padding:0 8px;background-image:url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E    %3Cpath d%3D%22M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z%22%2F%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;display:inline-block}\n"]
-                },] }
-    ];
-    LuxBreadcrumbComponent.ctorParameters = function () { return [
-        { type: router.Router },
-        { type: router.ActivatedRoute }
-    ]; };
-
-    var openLayersIsInstalled = false;
-    var OpenLayerLoaderService = /** @class */ (function () {
-        function OpenLayerLoaderService() {
-        }
-        OpenLayerLoaderService.prototype.load = function () {
-            if (window.ol) {
-                return rxjs.of(true);
-            }
-            var openLayerJsUrl = 'https://openlayers.org/en/v5.3.0/build/ol.js';
-            var openLayerCssUrl = 'https://openlayers.org/en/v5.3.0/css/ol.css';
-            if (!openLayersIsInstalled) {
-                openLayersIsInstalled = true; // only try to install it once
-                loadCss(openLayerCssUrl, function () { });
-                return rxjs.from(new Promise(function (resolve, _) {
-                    loadScript(openLayerJsUrl, function () { return resolve(true); });
-                }));
-            }
-            return rxjs.of(true);
-        };
-        return OpenLayerLoaderService;
-    }());
-    OpenLayerLoaderService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function OpenLayerLoaderService_Factory() { return new OpenLayerLoaderService(); }, token: OpenLayerLoaderService, providedIn: "root" });
-    OpenLayerLoaderService.decorators = [
-        { type: i0.Injectable, args: [{ providedIn: 'root' },] }
-    ];
-    /** Dynamically load a script from url and return a callback */
-    var loadScript = function (url, callback) {
-        var script = document.createElement('script');
-        script.type = 'text/javascript';
-        if (script.readyState) {
-            // for old IE
-            script.onreadystatechange = function () {
-                if (script.readyState === 'loaded' || script.readyState === 'complete') {
-                    script.onreadystatechange = null;
-                    callback();
-                }
-            };
-        }
-        else {
-            // Others browsers
-            script.onload = function () {
-                callback();
-            };
-        }
-        script.src = url;
-        document.getElementsByTagName('head')[0].appendChild(script);
-    };
-    var ɵ0$1 = loadScript;
-    /** Dynamically load css from url and return a callback */
-    var loadCss = function (url, callback) {
-        var link = document.createElement('link');
-        link.type = 'text/css';
-        link.rel = 'stylesheet';
-        link.type = 'text/javascript';
-        link.href = url;
-        link.onload = function () {
-            callback();
-        };
-        document.getElementsByTagName('head')[0].appendChild(link);
-    };
-    var ɵ1 = loadCss;
-
-    var MapComponent = /** @class */ (function () {
-        function MapComponent(olLoader) {
-            var _this = this;
-            this.loaded$ = new rxjs.BehaviorSubject(false);
-            this.valueChange = new i0.EventEmitter();
-            olLoader.load().subscribe(function (_) {
-                // Initialize
-                _this._markerSource = new ol.source.Vector();
-                _this._markerStyle = new ol.style.Style({
-                    image: new ol.style.Icon({
-                        anchor: [0.5, 1],
-                        scale: 0.25,
-                        src: '/assets/img/marker.png'
-                    })
-                });
-                _this.loaded$.next(true);
-            });
-        }
-        Object.defineProperty(MapComponent.prototype, "zoom", {
-            get: function () {
-                return this._zoom;
-            },
-            set: function (zoom) {
-                if (!isNaN(zoom)) {
-                    this._zoom = zoom;
-                    if (this._map) {
-                        this._map.getView().setZoom(zoom);
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MapComponent.prototype, "center", {
-            get: function () {
-                return this._center;
-            },
-            set: function (center) {
-                if (center && center.coordinates && center.coordinates.length === 2) {
-                    this._center = center;
-                    if (this._map) {
-                        this._map.getView().setCenter(ol.proj.fromLonLat(center.coordinates));
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MapComponent.prototype, "readonly", {
-            get: function () {
-                return this._readonly;
-            },
-            set: function (readonly) {
-                var _this = this;
-                if (!readonly) {
-                    if (this._map) {
-                        this._map.on('click', function (args) {
-                            // args.coordinate is in EPSG:3857 (meters), we transform it into EPSG:4326 (degrees)
-                            var coordinates = ol.proj.toLonLat(args.coordinate);
-                            // alternatively: const lonLat = ol.proj.transform(args.coordinate,'EPSG:3857','EPSG:4326');
-                            _this.addMarkerAtCoordinates(coordinates);
-                        });
-                        this._map.on('pointermove', function (event) {
-                            var pixel = _this._map.getEventPixel(event.originalEvent);
-                            var hit = _this._map.hasFeatureAtPixel(pixel);
-                            _this._map.getViewport().style.cursor = hit ? 'move' : 'grab';
-                        });
-                    }
-                }
-                else {
-                    if (this._map) {
-                        this._map.on('click', function (args) { });
-                        this._map.on('pointermove', function (event) { });
-                        this._map.getViewport().style.cursor = 'grab';
-                    }
-                }
-                this._readonly = readonly;
-                // reset marker coordinates so marker interactions can be created or recreated accordingly
-                // to the changes to readonly
-                this.markerCoordinates = this.markerCoordinates;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MapComponent.prototype, "markerCoordinates", {
-            get: function () {
-                return this._markerCoordinates;
-            },
-            set: function (markerCoordinates) {
-                if (markerCoordinates && markerCoordinates.length === 2) {
-                    this._markerCoordinates = markerCoordinates;
-                    if (this._map) {
-                        this.addMarkerAtCoordinates(markerCoordinates);
-                    }
-                }
-                else {
-                    this._markerCoordinates = undefined;
-                    if (this._map) {
-                        this.removeMarker();
-                    }
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(MapComponent.prototype, "markerPoint", {
-            get: function () {
-                return {
-                    type: 'Point',
-                    coordinates: this.markerCoordinates
-                };
-            },
-            set: function (markerPoint) {
-                if (!markerPoint ||
-                    !(markerPoint.coordinates && markerPoint.coordinates.length === 2)) {
-                    this.markerCoordinates = undefined;
-                }
-                else {
-                    this.markerCoordinates = [
-                        +markerPoint.coordinates[0],
-                        +markerPoint.coordinates[1]
-                    ];
-                }
-                this.valueChange.emit(markerPoint);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        MapComponent.prototype.ngOnInit = function () {
-            this.mapId = this.mapId ? this.mapId : 'map' + MapComponent.idCounter++;
-        };
-        MapComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.loaded$.subscribe(function (loaded) {
-                if (loaded) {
-                    _this.initMap();
-                }
-            });
-        };
-        MapComponent.prototype.initMap = function () {
-            var _this = this;
-            this._map = new ol.Map({
-                target: this.mapId,
-                controls: ol.control.defaults({ attribution: false }),
-                layers: [
-                    new ol.layer.Tile({
-                        source: new ol.source.OSM()
-                    }),
-                    new ol.layer.Vector({
-                        source: this._markerSource,
-                        style: this._markerStyle
-                    })
-                ],
-                view: new ol.View({
-                    center: ol.proj.fromLonLat(this.center !== undefined ? this.center.coordinates : [0, 0]),
-                    zoom: this.zoom
-                })
-            });
-            if (this.center === undefined || this.center === null) {
-                // if the center is not set, we set its default value
-                if ('geolocation' in navigator) {
-                    navigator.geolocation.getCurrentPosition(function (position) {
-                        _this.center = {
-                            type: 'Point',
-                            coordinates: [position.coords.longitude, position.coords.latitude]
-                        };
-                    }, function (error) {
-                        _this.center = {
-                            type: 'Point',
-                            coordinates: [0, 0]
-                        };
-                    });
-                }
-                else {
-                    this.center = {
-                        type: 'Point',
-                        coordinates: [0, 0]
-                    };
-                }
-            }
-            else {
-                // the center needs the map to be properly set, so if it was set before the map was initialized,
-                // we set the center again to perform necessary adjustements
-                this.center = this.center;
-            }
-            if (this.zoom === undefined || this.zoom === null) {
-                // if the zoom is not set, we set its default value
-                this.zoom = 18;
-            }
-            else {
-                // the zoom needs the map to be properly set, so if it was set before the map was initialized,
-                // we set the zoom again to perform necessary adjustements
-                this.zoom = this.zoom;
-            }
-            if (this.readonly === undefined || this.readonly === null) {
-                // if readonly is not set, we set its default value
-                this.readonly = false;
-            }
-            else {
-                // readonly needs the map to be properly set, so if it was set before the map was initialized,
-                // we set readonly again to perform necessary adjustements
-                this.readonly = this.readonly;
-            }
-            if (this.markerCoordinates !== undefined &&
-                this.markerCoordinates !== null) {
-                // the marker coordinates need the map to be properly set, so if they were set before the map was initialized,
-                // we set the marker coordinates again to perform necessary adjustements
-                this.markerCoordinates = this.markerCoordinates;
-            }
-        };
-        MapComponent.prototype.addMarkerAtCoordinates = function (coordinates) {
-            var _this = this;
-            if (coordinates && coordinates.length === 2) {
-                if (this._marker !== undefined) {
-                    this.removeMarker();
-                }
-                this._marker = new ol.Feature({
-                    geometry: new ol.geom.Point(
-                    // [lon, lat] is in EPSG:4326 (degrees), we transform it into EPSG:3857 (meters)
-                    ol.proj.transform(coordinates, 'EPSG:4326', 'EPSG:3857'))
-                });
-                this._markerSource.addFeature(this._marker);
-                this._markerCoordinates = this.getMarkerCoordinates();
-                if (!this.readonly) {
-                    var dragInteraction = new ol.interaction.Modify({
-                        features: new ol.Collection([this._marker]),
-                        style: this._markerStyle,
-                        pixelTolerance: 50,
-                        hitDetection: true
-                    });
-                    this._markerInteraction = dragInteraction;
-                    this._map.addInteraction(dragInteraction);
-                }
-                this._marker.on('change', function () {
-                    _this._markerCoordinates = _this.getMarkerCoordinates();
-                }, this._marker);
-            }
-        };
-        MapComponent.prototype.removeMarker = function () {
-            if (this._marker !== undefined) {
-                this._markerSource.removeFeature(this._marker);
-                this._marker = undefined;
-            }
-            if (this._markerInteraction !== undefined) {
-                this._map.getInteractions().pop();
-                this._markerInteraction = undefined;
-            }
-        };
-        MapComponent.prototype.getMarkerCoordinates = function () {
-            if (this._marker === undefined || this._marker == null) {
-                return this._marker;
-            }
-            var coordinates = this._marker.getGeometry().getCoordinates();
-            // coordinates is in EPSG:3857 (meters), we transform it into EPSG:4326 (degrees)
-            return ol.proj.transform(coordinates, 'EPSG:3857', 'EPSG:4326');
-        };
-        MapComponent.prototype.onResize = function () {
-            if (this._map) {
-                this._map.updateSize();
-            }
-        };
-        return MapComponent;
-    }());
-    MapComponent.idCounter = 0;
-    MapComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-map',
-                    template: "<div [id]=\"mapId\" class=\"map\" (resized)=\"onResize()\"></div>\n",
-                    styles: [".map{min-height:100px;height:100%;min-width:160px;width:100%}\n"]
-                },] }
-    ];
-    MapComponent.ctorParameters = function () { return [
-        { type: OpenLayerLoaderService }
-    ]; };
-    MapComponent.propDecorators = {
-        mapId: [{ type: i0.Input }],
-        zoom: [{ type: i0.Input }],
-        center: [{ type: i0.Input }],
-        readonly: [{ type: i0.Input }],
-        markerCoordinates: [{ type: i0.Input }],
-        markerPoint: [{ type: i0.Input }],
-        valueChange: [{ type: i0.Output }]
-    };
-
-    var PaginationComponent = /** @class */ (function () {
-        function PaginationComponent() {
-            this.literals = {
-                en: {
-                    first: 'First',
-                    previous: 'Previous',
-                    next: 'Next',
-                    last: 'Last'
-                },
-                es: {
-                    first: 'Primero',
-                    previous: 'Anterior',
-                    next: 'Siguiente',
-                    last: 'Último'
-                }
-            };
-            this.showPagination = false;
-            this.hidePrevious = false;
-            this.lastPage = false;
-            this.totalPages = 0;
-            this.displayNextEllipsis = false;
-            this.displayPreviousEllipsis = false;
-            this.pages = [];
-            this.goToPage = new i0.EventEmitter();
-            this.pageSizeChange = new i0.EventEmitter();
-            this.lang = languageDetector();
-        }
-        Object.defineProperty(PaginationComponent.prototype, "lang", {
-            get: function () {
-                return this._lang;
-            },
-            set: function (l) {
-                if (l === this._lang) {
-                    return;
-                }
-                if (Object.keys(this.literals).includes(l)) {
-                    this._lang = l;
-                }
-                else {
-                    this._lang = 'en';
-                }
-                this.loadLanguage();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(PaginationComponent.prototype, "paginationInfo", {
-            get: function () {
-                return this.paginationInfoValue;
-            },
-            set: function (value) {
-                this.paginationInfoValue = value;
-                this.syncState();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        PaginationComponent.prototype.ngOnInit = function () {
-            this.calculatePages();
-        };
-        PaginationComponent.prototype.pageSizeChanged = function (pageSize) {
-            this.paginationInfo.pageSize = pageSize;
-            this.syncState();
-            this.pageSizeChange.emit(pageSize);
-        };
-        PaginationComponent.prototype.onPage = function (n) {
-            this.goToPage.emit(n);
-        };
-        PaginationComponent.prototype.onFirst = function () {
-            this.goToPage.emit(0);
-        };
-        PaginationComponent.prototype.onLast = function () {
-            this.goToPage.emit(this.totalPages - 1);
-        };
-        PaginationComponent.prototype.onNext = function () {
-            var page = (this.paginationInfo.page || 0) + 1;
-            this.goToPage.emit(page);
-        };
-        PaginationComponent.prototype.onPrevious = function () {
-            var page = (this.paginationInfo.page || 0) - 1;
-            this.goToPage.emit(page);
-        };
-        PaginationComponent.prototype.syncState = function () {
-            this.pages = this.calculatePages();
-            this.showPagination =
-                this.paginationInfo.total > this.paginationInfo.pageSize;
-            this.hidePrevious = this.paginationInfo.page === 0;
-            this.lastPage =
-                this.paginationInfo.pageSize * (this.paginationInfo.page + 1) >=
-                    this.paginationInfo.total;
-            this.totalPages =
-                Math.ceil(this.paginationInfo.total / this.paginationInfo.pageSize) || 0;
-            this.displayNextEllipsis = !this.pages.includes(this.totalPages - 1);
-            this.displayPreviousEllipsis = !this.pages.includes(0);
-        };
-        PaginationComponent.prototype.calculatePages = function () {
-            var totalPages = Math.ceil(this.paginationInfo.total / this.paginationInfo.pageSize) - 1; // 0-index
-            var p = this.paginationInfo.page || 0;
-            var pagesToShow = this.paginationInfo.pagesToShow;
-            var pages = [];
-            pages.push(p);
-            var times = pagesToShow - 1;
-            for (var i = 0; i < times; i++) {
-                if (pages.length < pagesToShow) {
-                    if (Math.min.apply(Math, __spreadArray([], __read(pages))) > 0) {
-                        pages.unshift(Math.min.apply(Math, __spreadArray([], __read(pages))) - 1);
-                    }
-                }
-                if (pages.length < pagesToShow) {
-                    if (Math.max.apply(Math, __spreadArray([], __read(pages))) < totalPages) {
-                        pages.push(Math.max.apply(Math, __spreadArray([], __read(pages))) + 1);
-                    }
-                }
-            }
-            pages.sort(function (a, b) { return a - b; });
-            return pages;
-        };
-        PaginationComponent.prototype.loadLanguage = function () {
-            var l = this.literals[this.lang];
-            this.first = l.first;
-            this.previous = l.previous;
-            this.next = l.next;
-            this.last = l.last;
-        };
-        return PaginationComponent;
-    }());
-    PaginationComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-pagination',
-                    template: "<div class=\"lux-pagination\" *ngIf=\"showPagination\">\n  <ng-container *ngIf=\"!hidePrevious\">\n    <a\n      luxTooltip\n      [content]=\"first\"\n      placement=\"top\"\n      delay=\"500\"\n      (click)=\"onFirst()\"\n      [ngClass]=\"{\n        enabledFirstLast: !hidePrevious\n      }\"\n      class=\"button-pagination icon arrow-left-end\"\n    ></a>\n    <a\n      luxTooltip\n      [content]=\"previous\"\n      placement=\"top\"\n      delay=\"500\"\n      (click)=\"onPrevious()\"\n      [ngClass]=\"{\n        enabledFirstLast: !hidePrevious\n      }\"\n      class=\"button-pagination icon arrow-left\"\n    ></a>\n  </ng-container>\n\n  <span class=\"ellipsis\" *ngIf=\"displayPreviousEllipsis\">...</span>\n\n  <ng-container *ngFor=\"let pageNum of pages\">\n    <a\n      luxTooltip\n      content=\"{{ pageNum + 1 }}\"\n      placement=\"top\"\n      delay=\"500\"\n      [ngClass]=\"{\n        disabled: pageNum === paginationInfo.page,\n        enabled: pageNum !== paginationInfo.page\n      }\"\n      class=\"button-pagination\"\n      (click)=\"onPage(pageNum)\"\n      >{{ pageNum + 1 }}</a\n    >\n  </ng-container>\n\n  <span class=\"ellipsis\" *ngIf=\"displayNextEllipsis\">...</span>\n\n  <ng-container *ngIf=\"!lastPage\">\n    <a\n      luxTooltip\n      [content]=\"next\"\n      placement=\"top\"\n      delay=\"500\"\n      (click)=\"onNext()\"\n      [ngClass]=\"{\n        enabledFirstLast: !lastPage\n      }\"\n      class=\"button-pagination icon arrow-right\"\n    ></a>\n    <a\n      luxTooltip\n      [content]=\"last\"\n      placement=\"top\"\n      delay=\"500\"\n      (click)=\"onLast()\"\n      [ngClass]=\"{\n        enabledFirstLast: !lastPage\n      }\"\n      class=\"button-pagination icon arrow-right-end\"\n    ></a>\n  </ng-container>\n</div>\n",
-                    styles: [":focus{z-index:1}input,select,textarea{border:solid 1px #495057;border:solid 1px var(--lux-input-border-color, #495057);margin:0;margin:var(--lux-input-margin, 0rem);padding:0 .5rem;padding:var(--lux-input-padding, 0rem .5rem)}.alert{padding:.2rem 2rem;background:#fe2e2e;background:var(--lux-alert-background, #fe2e2e);color:#fff;color:var(--lux-alert-color, white);font-family:Consolas,monospace;width:45%;margin-right:1rem;display:inline-block}.symbol{display:inline-block;align-items:baseline;padding:0 .5rem;margin-bottom:0;font-weight:400;color:default;color:var(--lux-symbol-color, default);text-align:center;white-space:nowrap;background:default;background:var(--lux-symbol-background, default);border:1px solid #495057;border:1px solid var(--lux-input-border-color, #495057);font-size:1rem;font-size:var(--lux-symbol-font-size, 1rem)}.rounded,.rounded-right,.rounded-middle,.rounded-left{border-radius:.25rem;border:1px solid;border:var(--lux-input-border, 1px solid)}.rounded-left{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-middle{border-radius:0}.rounded-right{border-top-left-radius:0;border-bottom-left-radius:0}.prefix{border-right:none}.infix{border-left:none;border-right:none}.postfix{border-left:none}.lux-pagination{display:flex;flex-direction:row;margin:2% 0;width:100%;background:white;align-items:center}.disabled{cursor:not-allowed;border:1px solid #325c81;border:var(--lux-pagination-disabled-border, 1px solid #325c81);border-radius:10%;border-radius:var(--lux-pagination-disabled-border-radius, 10%);padding:1%;margin:0 .7%;color:#fff;color:var(--lux-pagination-disabled-color, white);background-color:#325c81;background-color:var(--lux-pagination-disabled-background-color, #325c81);text-decoration:none;pointer-events:none}.enabled{border:1px solid #cfcfcf;border:var(--lux-pagination-enabled-border, 1px solid #cfcfcf);border-radius:10%;border-radius:var(--lux-pagination-enabled-border-radius, 10%);padding:1%;margin:0 .7%;color:#325c81;color:var(--lux-pagination-enabled-color, #325c81);width:-webkit-min-content;width:-moz-min-content;width:min-content;cursor:pointer}.enabledFirstLast{border:1px solid #cfcfcf;border-radius:10%;padding:1%;color:#325c81;margin:0 .7%;width:-webkit-min-content;width:-moz-min-content;width:min-content;cursor:pointer}.ellipsis{margin:0 .5rem;padding:0;color:#325c81;width:-webkit-min-content;width:-moz-min-content;width:min-content}.button-pagination{width:1em;width:var(--lux-pagination-button-width, 1em);height:1.2em;height:var(--lux-pagination-button-height, 1.2em);font-size:80%;font-size:var(--lux-pagination-font-size, 80%);text-align:center}.icon{background-size:1.3em 1.4em;background-position:center;background-repeat:no-repeat}.arrow-right{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2268%22 height%3D%2248%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg%3E  %3Ctitle%3Ebackground%3C%2Ftitle%3E  %3Crect fill%3D%22none%22 id%3D%22canvas_background%22 height%3D%22402%22 width%3D%221082%22 y%3D%22-1%22 x%3D%22-1%22%2F%3E %3C%2Fg%3E %3Cg%3E  %3Ctitle%3ELayer 1%3C%2Ftitle%3E  %3Cpolygon fill%3D%22%23325C81%22 id%3D%22svg_2%22 points%3D%2221.8%2C45.7 10.4%2C44.3 30.8%2C24 10.4%2C3.7 21.8%2C2.3 43.5%2C24  %22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\");background-position:.4em}.arrow-left{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2268%22 height%3D%2248%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg%3E  %3Ctitle%3Ebackground%3C%2Ftitle%3E  %3Crect fill%3D%22none%22 id%3D%22canvas_background%22 height%3D%22402%22 width%3D%221082%22 y%3D%22-1%22 x%3D%22-1%22%2F%3E %3C%2Fg%3E %3Cg%3E  %3Ctitle%3ELayer 1%3C%2Ftitle%3E  %3Cpolygon fill%3D%22%23325C81%22 id%3D%22svg_2%22 points%3D%2221.8%2C45.7 10.4%2C44.3 30.8%2C24 10.4%2C3.7 21.8%2C2.3 43.5%2C24  %22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\");transform:rotate(180deg);background-position:.4em}.arrow-right-end{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2268%22 height%3D%2248%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg%3E  %3Ctitle%3Ebackground%3C%2Ftitle%3E  %3Crect fill%3D%22none%22 id%3D%22canvas_background%22 height%3D%22402%22 width%3D%221082%22 y%3D%22-1%22 x%3D%22-1%22%2F%3E %3C%2Fg%3E %3Cg%3E  %3Ctitle%3ELayer 1%3C%2Ftitle%3E  %3Cpolygon fill%3D%22%23325C81%22 id%3D%22svg_2%22 points%3D%2221.8%2C45.7 10.4%2C44.3 30.8%2C24 10.4%2C3.7 21.8%2C2.3 43.5%2C24  %22%2F%3E    %3Cpolygon fill%3D%22%23325C81%22 id%3D%22svg_3%22 points%3D%2241.8%2C45.7 30.4%2C44.3 50.8%2C24 30.4%2C3.7 41.8%2C2.3 63.5%2C24  %22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\");background-position:.1em}.arrow-left-end{background-image:url(\"data:image/svg+xml,%3Csvg width%3D%2268%22 height%3D%2248%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg%3E  %3Ctitle%3Ebackground%3C%2Ftitle%3E  %3Crect fill%3D%22none%22 id%3D%22canvas_background%22 height%3D%22402%22 width%3D%221082%22 y%3D%22-1%22 x%3D%22-1%22%2F%3E %3C%2Fg%3E %3Cg%3E  %3Ctitle%3ELayer 1%3C%2Ftitle%3E  %3Cpolygon fill%3D%22%23325C81%22 id%3D%22svg_2%22 points%3D%2221.8%2C45.7 10.4%2C44.3 30.8%2C24 10.4%2C3.7 21.8%2C2.3 43.5%2C24  %22%2F%3E    %3Cpolygon fill%3D%22%23325C81%22 id%3D%22svg_3%22 points%3D%2241.8%2C45.7 30.4%2C44.3 50.8%2C24 30.4%2C3.7 41.8%2C2.3 63.5%2C24  %22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\");background-position:.1em;transform:rotate(180deg)}@media only screen and (min-width: 300px) and (max-width: 500px){.arrow-right{background-position:.2em}.arrow-left{background-position:.2em}.arrow-right-end{background-position:0em}.arrow-left-end{background-position:0em}}@media only screen and (min-width: 500px) and (max-width: 850px){.arrow-right{background-position:.3em}.arrow-left{background-position:.3em}.arrow-right-end{background-position:0em}.arrow-left-end{background-position:0em}}@media only screen and (min-width: 900px){.arrow-right{background-position:.2em}.arrow-left{background-position:.2em}.arrow-right-end{background-position:0em}.arrow-left-end{background-position:0em}}\n"]
-                },] }
-    ];
-    PaginationComponent.ctorParameters = function () { return []; };
-    PaginationComponent.propDecorators = {
-        goToPage: [{ type: i0.Output }],
-        pageSizeChange: [{ type: i0.Output }],
-        lang: [{ type: i0.Input }],
-        paginationInfo: [{ type: i0.Input }]
-    };
-
-    var RadiogroupComponent = /** @class */ (function () {
-        function RadiogroupComponent() {
-            this.touched = false;
-            this.name = 'radiogroup1';
-            this.disabled = false;
-            this.readonly = false;
-            this.required = false;
-            this.itemsChange = new i0.EventEmitter();
-            this.valueChange = new i0.EventEmitter();
-            this._value = undefined;
-            this._items = [];
-            // ControlValueAccessor Interface
-            this.onChange = function (value) { };
-            this.onTouched = function () { };
-        }
-        Object.defineProperty(RadiogroupComponent.prototype, "items", {
-            get: function () {
-                return this._items;
-            },
-            set: function (col) {
-                var _this = this;
-                this._items = (col || []).map(function (it, index) { return _this.ensureHasUniqueName(it, index); });
-                this.itemsChange.emit(col);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(RadiogroupComponent.prototype, "value", {
-            get: function () {
-                return this._value;
-            },
-            set: function (v) {
-                if (v === this._value) {
-                    return;
-                }
-                var initialAndEmpty = isInitialAndEmpty(this._value, v);
-                this._value = v;
-                this.onChange(v);
-                if (!initialAndEmpty) {
-                    this.valueChange.emit(v);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        RadiogroupComponent.prototype.writeValue = function (value) {
-            this.value = value;
-        };
-        RadiogroupComponent.prototype.registerOnChange = function (onChange) {
-            this.onChange = onChange;
-        };
-        RadiogroupComponent.prototype.registerOnTouched = function (onTouched) {
-            this.onTouched = onTouched;
-        };
-        RadiogroupComponent.prototype.markAsTouched = function () {
-            if (!this.touched) {
-                this.onTouched();
-                this.touched = true;
-            }
-        };
-        RadiogroupComponent.prototype.setDisabledState = function (disabled) {
-            this.disabled = disabled;
-        };
-        // End ControlValueAccessor Interface
-        // Validator interface
-        RadiogroupComponent.prototype.registerOnValidatorChange = function () { };
-        RadiogroupComponent.prototype.validate = function (control) {
-            var value = control.value;
-            if (this.required &&
-                (value === '' || value === null || value === undefined)) {
-                return { required: { value: value, reason: 'Required field.' } };
-            }
-            return null;
-        };
-        // End of Validator interface
-        RadiogroupComponent.prototype.setValue = function (event, item) {
-            if (!this.disabled && !this.readonly) {
-                this.value = item.value;
-                this.markAsTouched();
-            }
-            event.preventDefault();
-        };
-        RadiogroupComponent.prototype.ensureHasUniqueName = function (item, index) {
-            if (!item.name) {
-                item.name = this.name + "_" + index;
-            }
-            return item;
-        };
-        return RadiogroupComponent;
-    }());
-    RadiogroupComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-radiogroup',
-                    template: "<div class=\"radiogroup\"\n    [class.disabled]=\"disabled || readonly\"\n    >\n  <ng-container *ngFor=\"let item of items; let first=first; let last=last\">\n    <div [class.radio-start]=\"first\"\n         [class.radio-end]=\"last\"\n         class=\"radio-item\"\n         [class.selected]=\"item.value === value\"\n         (click)=\"setValue($event, item)\"\n      >\n      <input [id]=\"item.name\"\n             type=\"radio\"\n             [name]=\"name\"\n             [attr.disabled]=\"disabled || null\"\n             [attr.readonly]=\"readonly || null\"\n             [value]=\"item.value\">\n      <label [for]=\"item.name\"\n             class=\"unselectable\"\n             >{{ item.label }}</label>\n  </div>\n</ng-container>\n</div>\n",
-                    providers: [
-                        {
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return RadiogroupComponent; })
-                        },
-                        {
-                            provide: forms.NG_VALIDATORS,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return RadiogroupComponent; })
-                        }
-                    ],
-                    styles: [":focus{z-index:1}input,select,textarea{border:solid 1px #495057;border:solid 1px var(--lux-input-border-color, #495057);margin:0;margin:var(--lux-input-margin, 0rem);padding:0 .5rem;padding:var(--lux-input-padding, 0rem .5rem)}.alert{padding:.2rem 2rem;background:#fe2e2e;background:var(--lux-alert-background, #fe2e2e);color:#fff;color:var(--lux-alert-color, white);font-family:Consolas,monospace;width:45%;margin-right:1rem;display:inline-block}.symbol{display:inline-block;align-items:baseline;padding:0 .5rem;margin-bottom:0;font-weight:400;color:default;color:var(--lux-symbol-color, default);text-align:center;white-space:nowrap;background:default;background:var(--lux-symbol-background, default);border:1px solid #495057;border:1px solid var(--lux-input-border-color, #495057);font-size:1rem;font-size:var(--lux-symbol-font-size, 1rem)}.rounded,.rounded-right,.rounded-middle,.rounded-left{border-radius:.25rem;border:1px solid;border:var(--lux-input-border, 1px solid)}.rounded-left{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-middle{border-radius:0}.rounded-right{border-top-left-radius:0;border-bottom-left-radius:0}.prefix{border-right:none}.infix{border-left:none;border-right:none}.postfix{border-left:none}.radiogroup{display:flex}.radio-item{border-radius:0;border:1px solid #ccc;padding:0 .5rem;padding:var(--lux-radiogroup-padding, 0rem .5rem)}.radio-item input{display:none}.radio-item label{color:initial;color:var(--lux-radiogroup-color, initial);font-size:initial;font-size:var(--lux-radiogroup-font-size, initial);margin-top:.3rem;margin-bottom:.3rem}.radio-item.selected{background-color:#2e2eac;background-color:var(--lux-radiogroup-selected-background-color, #2e2eac)}.radio-item.selected label{font-size:initial;font-size:var(--lux-radiogroup-font-size, initial);color:#fff;color:var(--lux-radiogroup-selected-color, white)}.radio-start{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.radio-end{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.disabled .radio-item{background-color:#f0f0f0;color:#444}.disabled .selected{font-size:initial;font-size:var(--lux-radiogroup-selected-disabled-font-size, initial);color:#fff;color:var(--lux-radiogroup-selected-disabled-color, white);background-color:#9898ec;background-color:var(--lux-radiogroup-selected-disabled-background-color, #9898ec)}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}\n"]
-                },] }
-    ];
-    RadiogroupComponent.ctorParameters = function () { return []; };
-    RadiogroupComponent.propDecorators = {
-        name: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        readonly: [{ type: i0.Input }],
-        required: [{ type: i0.Input }],
-        items: [{ type: i0.Input }],
-        itemsChange: [{ type: i0.Output }],
-        value: [{ type: i0.Input }],
-        valueChange: [{ type: i0.Output }]
-    };
-
-    var sequencer = 0;
-    var SelectComponent = /** @class */ (function () {
-        function SelectComponent() {
-            this.id = 'stringList' + sequencer++;
-            this.disabled = false;
-            this.required = false;
-            /** Allow multiple elements */
-            this.multiple = true;
-            this.value = [];
-            this.valueChange = new i0.EventEmitter();
-            this.placeholder = 'Add new';
-            /** If set, check there is no duplicates in the data. */
-            this.unique = true;
-            /** Validation function for new items. Returns error or null if valid */
-            this.validateItem = function (_) { return null; };
-            this.newEntry = '';
-            this.error = null;
-            this.isValidNewEntry = false;
-            this.touched = false;
-            // ControlValueAccessor Interface
-            this.onChange = function (value) { };
-            this.onTouched = function () { };
-        }
-        SelectComponent.prototype.writeValue = function (value) {
-            this.value = value;
-        };
-        SelectComponent.prototype.registerOnChange = function (onChange) {
-            this.onChange = onChange;
-        };
-        SelectComponent.prototype.registerOnTouched = function (onTouched) {
-            this.onTouched = onTouched;
-        };
-        SelectComponent.prototype.markAsTouched = function () {
-            if (!this.touched) {
-                this.onTouched();
-                this.touched = true;
-            }
-        };
-        SelectComponent.prototype.setDisabledState = function (disabled) {
-            this.disabled = disabled;
-        };
-        // End ControlValueAccessor Interface
-        // Validator interface
-        SelectComponent.prototype.registerOnValidatorChange = function () { };
-        SelectComponent.prototype.validate = function (control) {
-            var value = control.value;
-            if (this.required &&
-                (value === '' || value === null || value === undefined)) {
-                return { required: { value: value, reason: 'Required field.' } };
-            }
-            return null;
-        };
-        Object.defineProperty(SelectComponent.prototype, "canAdd", {
-            // End of Validator interface
-            get: function () {
-                return this.multiple || this.value.length === 0;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SelectComponent.prototype.add = function (val) {
-            this.value.push(val);
-            this.newEntry = '';
-            this.markAsTouched();
-            this.valueChange.emit(this.value);
-        };
-        SelectComponent.prototype.remove = function (index) {
-            if (this.value.length > index) {
-                this.value.splice(index, 1);
-                this.markAsTouched();
-                this.valueChange.emit(this.value);
-            }
-        };
-        SelectComponent.prototype.onKeyPress = function (event) {
-            if (event.key === 'Enter' && !this.error && this.newEntry !== '') {
-                // Add on pressing Enter/Return
-                this.markAsTouched();
-                this.add(this.newEntry);
-            }
-        };
-        SelectComponent.prototype.onChangeNewEntry = function (newValue) {
-            this.markAsTouched();
-            if (!newValue) {
-                this.isValidNewEntry = false;
-                this.error = null;
-                return;
-            }
-            if (this.unique) {
-                var found = (this.value || []).find(function (it) { return it === newValue; });
-                this.isValidNewEntry = !found;
-                this.error = found
-                    ? "Value '" + newValue + "' is already in. Cannot add duplicates."
-                    : null;
-                if (!this.isValidNewEntry) {
-                    return;
-                }
-            }
-            this.error = this.validateItem(newValue);
-            this.isValidNewEntry = !this.error;
-        };
-        return SelectComponent;
-    }());
-    SelectComponent.decorators = [
-        { type: i0.Component, args: [{
-                    selector: 'lux-select',
-                    template: "<div class=\"lux-select\">\n  <ul class=\"list\">\n    <li *ngFor=\"let item of value; let i = index\">\n      <span>{{ item }}</span>\n      <button *ngIf=\"!disabled\"\n            class=\"remove\"\n            (click)=\"remove(i)\"\n            [attr.aria-label]=\"'Remove ' + item\"\n            >Remove</button>\n    </li>\n  </ul>\n  <div class=\"add-new-item\" *ngIf=\"!disabled\">\n    <lux-input\n      id=\"{{ id + 'addNew' }}\"\n      type=\"string\"\n      [placeholder]=\"placeholder\"\n      [attr.aria-label]=\"placeholder\"\n      [disabled]=\"disabled\"\n      [(value)]=\"newEntry\"\n      (keyPress)=\"onKeyPress($event)\"\n      (valueChange)=\"onChangeNewEntry($event)\"\n    >\n    </lux-input>\n    <div *ngIf=\"canAdd\">\n      <button *ngIf=\"isValidNewEntry\" (click)=\"add(newEntry)\">Add</button>\n    </div>\n    <div class=\"error\">\n      {{ error }}\n    </div>\n  </div>\n</div>\n",
-                    providers: [
-                        {
-                            provide: forms.NG_VALUE_ACCESSOR,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return SelectComponent; })
-                        },
-                        {
-                            provide: forms.NG_VALIDATORS,
-                            multi: true,
-                            useExisting: i0.forwardRef(function () { return SelectComponent; })
-                        }
-                    ],
-                    styles: [".lux-select{margin-bottom:.5em}.lux-select .list{margin:1em;padding-bottom:.2em;list-style-type:square}.lux-select .list span{margin-bottom:.3em}.remove{margin-left:2em;font-size:.65em;color:#b22222;background:transparent;border:2px solid #BBB}.add-new-item{display:inline-flex;margin-left:2.2em;height:1.6em}.error{margin:.5em 0;color:#b22222}\n"]
-                },] }
-    ];
-    SelectComponent.ctorParameters = function () { return []; };
-    SelectComponent.propDecorators = {
-        id: [{ type: i0.Input }],
-        disabled: [{ type: i0.Input }],
-        required: [{ type: i0.Input }],
-        multiple: [{ type: i0.Input }],
-        value: [{ type: i0.Input }],
-        valueChange: [{ type: i0.Output }],
-        placeholder: [{ type: i0.Input }],
-        unique: [{ type: i0.Input }],
-        validateItem: [{ type: i0.Input }]
-    };
-
-    var VoiceRecognitionDirective = /** @class */ (function () {
-        function VoiceRecognitionDirective(el, renderer) {
-            this.el = el;
-            this.renderer = renderer;
-            this.isRecognizing = false;
-            var speechRecognition = window.webkitSpeechRecognition;
-            if (speechRecognition) {
-                this.recognition = new speechRecognition();
-            }
-        }
-        VoiceRecognitionDirective.prototype.ngOnInit = function () {
-            var _this = this;
-            if (this.recognition) {
-                // API is available
-                this.recognition.lang = this.language || window.navigator.language;
-                this.recognition.interimResults = false;
-                this.recognition.maxAlternatives = 1;
-                // Add mic icon
-                this.mic = document.createElement('div');
-                this.mic.setAttribute('class', 'lux-microphone');
-                var parent = this.el.nativeElement.parentElement;
-                parent.appendChild(this.mic);
-                // Add event handlers
-                this.mic.onclick = function () { return _this.microphoneClick(); };
-                this.recognition.onresult = function (event) { return _this.onRecognized(event); };
-            }
-        };
-        VoiceRecognitionDirective.prototype.microphoneClick = function () {
-            if (this.isRecognizing) {
-                // stop
-                this.isRecognizing = false;
-                this.renderer.removeClass(this.mic, 'lux-recording');
-                this.recognition.abort();
-            }
-            else {
-                // start
-                this.el.nativeElement.value = getRecordingMessage(this.language);
-                this.isRecognizing = true;
-                this.renderer.addClass(this.mic, 'lux-recording');
-                this.recognition.start();
-            }
-        };
-        VoiceRecognitionDirective.prototype.onRecognized = function (event) {
-            var recognizedText = event.results[0][0].transcript;
-            this.isRecognizing = false;
-            this.el.nativeElement.value = recognizedText;
-            this.renderer.removeClass(this.mic, 'lux-recording');
-        };
-        return VoiceRecognitionDirective;
-    }());
-    VoiceRecognitionDirective.decorators = [
-        { type: i0.Directive, args: [{
-                    selector: '[luxVoiceRecognition]'
-                },] }
-    ];
-    VoiceRecognitionDirective.ctorParameters = function () { return [
-        { type: i0.ElementRef },
-        { type: i0.Renderer2 }
-    ]; };
-    VoiceRecognitionDirective.propDecorators = {
-        language: [{ type: i0.Input }]
-    };
-    var getRecordingMessage = function (lang) {
-        switch (lang.toLowerCase()) {
-            case 'es':
-            case 'es-es':
-                return 'Grabando...';
-            case 'en':
-            case 'en-uk':
-            case 'en-us':
-            default:
-                return 'Recording...';
-        }
-    };
-    var ɵ0 = getRecordingMessage;
-
-    /* Create a new injection token for injecting the window into a component. */
-    var WINDOW = new i0.InjectionToken('WindowToken');
-    /* Define abstract class for obtaining reference to the global window object. */
-    var WindowRef = /** @class */ (function () {
-        function WindowRef() {
-        }
-        Object.defineProperty(WindowRef.prototype, "nativeWindow", {
-            // eslint-disable-next-line @typescript-eslint/ban-types
-            get: function () {
-                throw new Error('Not implemented.');
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return WindowRef;
-    }());
-    /* Define class that implements the abstract class and returns the native window object. */
-    var BrowserWindowRef = /** @class */ (function (_super) {
-        __extends(BrowserWindowRef, _super);
-        function BrowserWindowRef() {
-            return _super.call(this) || this;
-        }
-        Object.defineProperty(BrowserWindowRef.prototype, "nativeWindow", {
-            // eslint-disable-next-line @typescript-eslint/ban-types
-            get: function () {
-                return window;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return BrowserWindowRef;
-    }(WindowRef));
-    /* Create an factory function that returns the native window object. */
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    var windowFactory = function (browserWindowRef, platformId) {
-        if (i1.isPlatformBrowser(platformId)) {
-            return browserWindowRef.nativeWindow;
-        }
-        return new Object();
-    };
-    /* Create a injectable provider for the WindowRef token that uses the BrowserWindowRef class. */
-    var browserWindowProvider = {
-        provide: WindowRef,
-        useClass: BrowserWindowRef
-    };
-    /* Create an injectable provider that uses the windowFactory function for returning the native window object. */
-    var windowProvider = {
-        provide: WINDOW,
-        useFactory: windowFactory,
-        deps: [WindowRef, i0.PLATFORM_ID]
-    };
-    /* Create an array of providers. */
-    var WINDOW_PROVIDERS = [
-        browserWindowProvider,
-        windowProvider
-    ];
-
-    var LuxModule = /** @class */ (function () {
-        function LuxModule() {
-        }
-        return LuxModule;
-    }());
-    LuxModule.decorators = [
-        { type: i0.NgModule, args: [{
-                    declarations: [
-                        AutocompleteComponent,
-                        AutocompleteListComponent,
-                        FilterComponent,
-                        CheckboxComponent,
-                        DatetimeComponent,
-                        InputComponent,
-                        GeolocationComponent,
-                        LuxTooltipDirective,
-                        LuxModalWindowComponent,
-                        LuxModalBackdropComponent,
-                        LuxBreadcrumbComponent,
-                        MapComponent,
-                        SelectComponent,
-                        TooltipComponent,
-                        PaginationComponent,
-                        RadiogroupComponent,
-                        VoiceRecognitionDirective
-                    ],
-                    entryComponents: [
-                        LuxModalWindowComponent,
-                        LuxModalBackdropComponent,
-                        TooltipComponent
-                    ],
-                    providers: [ModalService, TooltipService, WINDOW_PROVIDERS],
-                    imports: [
-                        angularResizeEvent.AngularResizedEventModule,
-                        forms.FormsModule,
-                        i1$1.HttpClientModule,
-                        forms.ReactiveFormsModule,
-                        router.RouterModule,
-                        i1.CommonModule
-                    ],
-                    exports: [
-                        AutocompleteComponent,
-                        AutocompleteListComponent,
-                        FilterComponent,
-                        CheckboxComponent,
-                        DatetimeComponent,
-                        InputComponent,
-                        GeolocationComponent,
-                        LuxTooltipDirective,
-                        LuxBreadcrumbComponent,
-                        LuxBreadcrumbComponent,
-                        MapComponent,
-                        SelectComponent,
-                        PaginationComponent,
-                        RadiogroupComponent,
-                        VoiceRecognitionDirective
-                    ]
-                },] }
-    ];
-
-    /*
-     * Public API Surface of lux
-     */
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.AutocompleteComponent = AutocompleteComponent;
-    exports.AutocompleteListComponent = AutocompleteListComponent;
-    exports.CheckboxComponent = CheckboxComponent;
-    exports.FilterComponent = FilterComponent;
-    exports.InputComponent = InputComponent;
-    exports.LuxBreadcrumbComponent = LuxBreadcrumbComponent;
-    exports.LuxModule = LuxModule;
-    exports.LuxTooltipDirective = LuxTooltipDirective;
-    exports.ModalRef = ModalRef;
-    exports.ModalService = ModalService;
-    exports.PaginationComponent = PaginationComponent;
-    exports.RadiogroupComponent = RadiogroupComponent;
-    exports["ɵa"] = DatetimeComponent;
-    exports["ɵb"] = RegexpService;
-    exports["ɵc"] = GeolocationComponent;
-    exports["ɵd"] = ModalStack;
-    exports["ɵe"] = LuxModalConfig;
-    exports["ɵf"] = GeolocationService;
-    exports["ɵg"] = TooltipService;
-    exports["ɵh"] = LuxModalWindowComponent;
-    exports["ɵi"] = LuxModalBackdropComponent;
-    exports["ɵj"] = MapComponent;
-    exports["ɵk"] = OpenLayerLoaderService;
-    exports["ɵl"] = SelectComponent;
-    exports["ɵm"] = TooltipComponent;
-    exports["ɵn"] = VoiceRecognitionDirective;
-    exports["ɵo"] = WINDOW;
-    exports["ɵp"] = WindowRef;
-    exports["ɵq"] = BrowserWindowRef;
-    exports["ɵr"] = windowFactory;
-    exports["ɵs"] = WINDOW_PROVIDERS;
-    exports["ɵt"] = ContentRef;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=metadev-lux.umd.js.map