@leanix/components 0.2.98 → 0.2.102

package/bundles/leanix-components.umd.js

@@ -338,7 +338,6 @@
                     case 'right':
                         return 6;
                 }
-                break;
             case 'top':
             case 'bottom':
                 switch (position.x) {
@@ -428,17 +427,17 @@
         });
         TooltipDirective.prototype.ngOnChanges = function (changes) {
             var _a, _b;
-            if (this.overlayRef && changes.lxTooltipPosition) {
+            if (this.overlayRef && changes['lxTooltipPosition']) {
                 this.overlayRef.updatePositionStrategy(this.positionStrategy);
             }
             if (this.tooltipRef) {
-                if (changes.lxTooltipPosition) {
+                if (changes['lxTooltipPosition']) {
                     this.tooltipRef.instance.position = this.position;
                 }
-                if (changes.lxTooltipIsHtmlContent) {
+                if (changes['lxTooltipIsHtmlContent']) {
                     this.tooltipRef.instance.isHtmlContent = this.lxTooltipIsHtmlContent;
                 }
-                if (changes.content) {
+                if (changes['content']) {
                     if (this.content) {
                         this.tooltipRef.instance.content = this.content;
                         (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.updatePosition();
@@ -582,8 +581,9 @@
             this.lxHtml = '';
         }
         HtmlDirective.prototype.ngOnChanges = function (changes) {
+            var _a;
             if ('lxHtml' in changes) {
-                var html = this.sanitizer.sanitize(i0.SecurityContext.HTML, this.lxHtml);
+                var html = this.sanitizer.sanitize(i0.SecurityContext.HTML, (_a = this.lxHtml) !== null && _a !== void 0 ? _a : '');
                 this.elementRef.nativeElement.innerHTML = html || '';
             }
         };
@@ -2148,7 +2148,7 @@
             var _this = this;
             var itemsChanges$ = this._items.changes.pipe(operators.startWith(this._items));
             this.keyboardSelectAction
-                .pipe(operators.withLatestFrom(this.selectedItemIndex$, itemsChanges$), operators.takeUntil(this.destroyed$))
+                .pipe(operators.filter(function (action) { return !!action; }), operators.withLatestFrom(this.selectedItemIndex$, itemsChanges$), operators.takeUntil(this.destroyed$))
                 .subscribe(function (_b) {
                 var _c = __read(_b, 3), action = _c[0], index = _c[1], items = _c[2];
                 return _this.adaptSelectedIndexBasedOnKeyboardSelectAction(action, index, items);
@@ -2162,8 +2162,9 @@
             i6.combineLatest([itemsChanges$, this.selectedItemIndex$])
                 .pipe(operators.delay(0), operators.map(function (_b) {
                 var _c = __read(_b, 2), items = _c[0], index = _c[1];
+                var _a;
                 if (index > -1) {
-                    return items.toArray()[index];
+                    return (_a = items.toArray()[index]) !== null && _a !== void 0 ? _a : null;
                 }
                 else {
                     return null;
@@ -2376,6 +2377,8 @@
                     case ESCAPE:
                     case TAB:
                         return exports.KeyboardSelectAction.CLOSE;
+                    default:
+                        return null;
                 }
             }), operators.takeUntil(this.destroyed$));
         }
@@ -2603,9 +2606,8 @@
             this.trigger.keyboardActions$
                 .pipe(operators.filter(function (keyboardSelectAction) { return keyboardSelectAction === exports.KeyboardSelectAction.EXECUTE; }), operators.withLatestFrom(this.highlightedOptionIndex$, function (_, index) { return index; }))
                 .subscribe(function (index) {
-                if (_this.options[index]) {
-                    _this.options[index].selectOption();
-                }
+                var _a;
+                (_a = _this.options[index]) === null || _a === void 0 ? void 0 : _a.selectOption();
             });
             /** Combined stream of all of the child options' select outputs. */
             this._options.changes
@@ -2614,8 +2616,8 @@
                 _this.closeDropdown();
             });
             i6.combineLatest([optionsChanges$, this.highlightedOptionIndex$])
-                .pipe(operators.delay(0), operators.map(function (_a) {
-                var _b = __read(_a, 2), options = _b[0], index = _b[1];
+                .pipe(operators.delay(0), operators.map(function (_b) {
+                var _c = __read(_b, 2), options = _c[0], index = _c[1];
                 return options[index];
             }), operators.distinctUntilChanged(), operators.takeUntil(this.destroyed$))
                 .subscribe(function (optionToBeHighlighted) {
@@ -2664,7 +2666,8 @@
             }
         };
         CdkOptionsDropdownComponent.prototype.expand = function (currentIndex, items) {
-            if (items[currentIndex].hasSubdropdown) {
+            var _a;
+            if ((_a = items[currentIndex]) === null || _a === void 0 ? void 0 : _a.hasSubdropdown) {
                 this.isSubdropdownExpanded = true;
                 return this.next(currentIndex, items);
             }
@@ -3223,6 +3226,8 @@
         return dateString !== null && /^\d\d\d\d-\d\d-\d\d$/.test(dateString) && !fp.isNaN(Date.parse(dateString));
     }
 
+    var DEFAULT_MIN_DATE = new Date('0000-01-01');
+    var DEFAULT_MAX_DATE = new Date('9999-12-31');
     var DateInputComponent = /** @class */ (function () {
         function DateInputComponent(cd, dateFormatsProvider, getDateFnLocale) {
             this.cd = cd;
@@ -3239,8 +3244,8 @@
             this.placeholder = 'yyyy-mm-dd';
             //--- Inputs replicated from datepicker; (selectionDone) is not needed, as (dateChange) is equivalen
             this.datepickerMode = 'day'; // sets datepicker mode, supports: day, month, year
-            this.minDate = null; // oldest selectable date
-            this.maxDate = null; // latest selectable date
+            this.minDate = DEFAULT_MIN_DATE; // oldest selectable date
+            this.maxDate = DEFAULT_MAX_DATE; // latest selectable date
             this.minMode = 'day'; // set lower datepicker mode, supports: day, month, year
             this.maxMode = 'year'; // sets upper datepicker mode, supports: day, month, year
             this.showWeeks = true; // if false week numbers will be hidden
@@ -3254,8 +3259,9 @@
             this.yearRange = 20; // number of years displayed in year selection
             this.onlyCurrentMonth = false; // if true only dates from the currently displayed month will be shown
             this.shortcutPropagation = false; //  if true shortcut`s event propagation will be disabled
+            this.customClass = []; // array of custom css classes to be applied to
+            this.dateDisabled = []; // array of disabled dates if mode is day, or years, etc.
             this.showDatepicker = false;
-            this.initDate = null;
             this.destroyed$ = new i6.Subject();
             this.hasError = false;
             this.propagateChange = function (_date) { };
@@ -3278,7 +3284,8 @@
         DateInputComponent.prototype.ngOnInit = function () {
             var _this = this;
             this.initDateString$.pipe(operators.takeUntil(this.destroyed$)).subscribe(function (date) {
-                _this.initDate = createDateFromDateString(date);
+                var _a;
+                _this.initDate = (_a = createDateFromDateString(date)) !== null && _a !== void 0 ? _a : dateFns.startOfDay(new Date());
             });
         };
         DateInputComponent.prototype.ngOnChanges = function (changes) {
@@ -3305,7 +3312,6 @@
         DateInputComponent.prototype.hidePopup = function () {
             if (this.showDatepicker) {
                 this.showDatepicker = false;
-                return false;
             }
         };
         DateInputComponent.prototype.onTab = function (forward) {
@@ -3541,6 +3547,7 @@
              */
             this.moveToIndex = new i0.EventEmitter();
             this.moveItem = new i0.EventEmitter();
+            this.itemTemplateRef = null;
         }
         DragAndDropListComponent.prototype.ngOnInit = function () {
             if (this.items && !this.itemIdProperty) {
@@ -3808,7 +3815,7 @@
                 _this.selectFirstOption();
             });
             this.open
-                .pipe(operators.takeUntil(this.destroyed$), operators.distinctUntilChanged(), operators.filter(function () { return !_this.disabled; }))
+                .pipe(operators.filter(function () { return !_this.disabled; }), operators.distinctUntilChanged(), operators.takeUntil(this.destroyed$))
                 .subscribe(function (isOpen) {
                 _this.dropdownOpen = isOpen;
                 if (isOpen) {
@@ -4208,6 +4215,8 @@
                         return exports.KeyboardSelectAction.PREV;
                     case ARROW_DOWN:
                         return exports.KeyboardSelectAction.NEXT;
+                    default:
+                        return null;
                 }
             }), operators.takeUntil(this.destroyed$))
                 .subscribe(this.optionsKeyboardSelectAction$);
@@ -4262,7 +4271,7 @@
                 useExisting: i0.forwardRef(function () { return MultiSelectComponent; }),
                 multi: true
             }
-        ], queries: [{ propertyName: "explicitDropdown", first: true, predicate: SelectDropdownDirective, descendants: true, read: i0.TemplateRef, static: true }], viewQueries: [{ propertyName: "queryInput", first: true, predicate: ResponsiveInputComponent, descendants: true, static: true }, { propertyName: "implicitDropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div *ngIf=\"dropdownOpen\" class=\"backdrop\" (click)=\"handleBackdropClick($event)\"></div>\n<div\n  [lxMarkInvalid]=\"markInvalid\"\n  class=\"selectContainer\"\n  [class.open]=\"dropdownOpen\"\n  [class.top]=\"(dropdownDirection$ | async) === 'TOP'\"\n  [class.bottom]=\"(dropdownDirection$ | async) === 'BOTTOM'\"\n  [class.focused]=\"isInputFocused\"\n  [class.hasSelection]=\"selection?.length > 0\"\n  [class.smallSize]=\"size === 'small'\"\n  [class.disabled]=\"disabled\"\n  (click)=\"handleClick($event.target === toggle)\"\n>\n  <div class=\"selectedChoicesContainer\">\n    <div *ngIf=\"(selection?.length === 0 || !selection) && !queryControl?.value\" class=\"placeholder\" [attr.title]=\"placeholder\">\n      {{ placeholder }}\n    </div>\n    <div class=\"selection\">\n      <ng-content select=\".pills\"></ng-content>\n    </div>\n    <lx-responsive-input\n      (focus)=\"isInputFocused = true\"\n      (blur)=\"isInputFocused = false; blur.emit()\"\n      [formControl]=\"queryControl\"\n      (keydown.enter)=\"$event.preventDefault()\"\n    ></lx-responsive-input>\n    <i #toggle [hidden]=\"disabled\" class=\"fas fa-angle-down\" aria-hidden=\"true\"></i>\n  </div>\n  <div class=\"optionsContainer\" [style.width]=\"dropdownWidth\" #optionsContainer>\n    <ng-container *ngIf=\"dropdownOpen\">\n      <ng-container *ngTemplateOutlet=\"dropdownTmpl\"></ng-container>\n    </ng-container>\n  </div>\n</div>\n\n<ng-template #dropdown>\n  <ng-content select=\".dropdownComponent\"></ng-content>\n</ng-template>\n", styles: [":root{--lx-color-danger:#f96464;--lx-color-grey80:#c2c9d6;--lx-color-grey90:#e1e5eb}.selectContainer:not(.open).focused{outline:0;border:1px solid #59f}.selectContainer.open.bottom .optionsContainer{box-shadow:0 6px 6px 0 rgba(33,37,41,.2)}.selectContainer.open.bottom .optionsContainer,.selectContainer.open.top .optionsContainer{border-bottom:1px solid #e1e5eb;border-left:1px solid #e1e5eb;border-right:1px solid #e1e5eb}.selectContainer.open.top .optionsContainer{box-shadow:0 -4px 6px 0 rgba(33,37,41,.2)}.selectContainer{position:relative;height:auto;cursor:text;padding:0;box-sizing:border-box;border:1px solid #99a5bb;box-shadow:inset 0 1px 1px rgba(0,0,0,.07);border-radius:3px;background:#fff}.selectContainer.smallSize .selectedChoicesContainer{min-height:22px}.selectContainer.smallSize .selectedChoicesContainer .placeholder{line-height:24px}.selectContainer.smallSize lx-responsive-input{height:22px}.selectContainer.disabled{background-color:#eaedf1;cursor:not-allowed}.selectContainer.disabled lx-responsive-input{display:none}.selectContainer:not(.hasSelection){padding-left:12px}.selectContainer.open{z-index:1052;background:#fff;border:1px solid #e1e5eb}.selectContainer.open.bottom{box-shadow:0 6px 6px 0 rgba(33,37,41,.2);border-bottom-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.selectContainer.open.bottom .optionsContainer{top:100%;border-top:0;margin-top:0}.selectContainer.open.top{box-shadow:0 -4px 6px 0 rgba(33,37,41,.2);border-top-left-radius:0;border-top-right-radius:0}.selectContainer.open.top .optionsContainer{margin-bottom:0;border-bottom:0;top:none;bottom:100%}.selectContainer .selectedChoicesContainer{padding-right:25px;min-height:29px}.selectContainer .selectedChoicesContainer .placeholder{position:absolute;left:12px;right:25px;top:0;bottom:0;line-height:29px;color:#8594ad;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;padding-left:4px}.selectContainer .selectedChoicesContainer>.fa-angle-down{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.selectContainer .selection{display:inline;cursor:default}.selectContainer .optionsContainer{position:absolute;left:-1px;right:-1px;padding:0;background:#fff;z-index:1}lx-responsive-input{height:29px;padding-left:4px}.backdrop{z-index:1051;position:fixed;top:0;bottom:0;left:0;right:0}"], components: [{ type: ResponsiveInputComponent, selector: "lx-responsive-input", outputs: ["focus", "blur"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: MarkInvalidDirective, selector: "[lxMarkInvalid]", inputs: ["lxMarkInvalid"] }, { type: i3__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2__namespace.AsyncPipe } });
+        ], queries: [{ propertyName: "explicitDropdown", first: true, predicate: SelectDropdownDirective, descendants: true, read: i0.TemplateRef, static: true }], viewQueries: [{ propertyName: "queryInput", first: true, predicate: ResponsiveInputComponent, descendants: true, static: true }, { propertyName: "implicitDropdown", first: true, predicate: ["dropdown"], descendants: true, static: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div *ngIf=\"dropdownOpen\" class=\"backdrop\" (click)=\"handleBackdropClick($event)\"></div>\n<div\n  [lxMarkInvalid]=\"markInvalid\"\n  class=\"selectContainer\"\n  [class.open]=\"dropdownOpen\"\n  [class.top]=\"(dropdownDirection$ | async) === 'TOP'\"\n  [class.bottom]=\"(dropdownDirection$ | async) === 'BOTTOM'\"\n  [class.focused]=\"isInputFocused\"\n  [class.hasSelection]=\"selection && selection.length > 0\"\n  [class.smallSize]=\"size === 'small'\"\n  [class.disabled]=\"disabled\"\n  (click)=\"handleClick($event.target === toggle)\"\n>\n  <div class=\"selectedChoicesContainer\">\n    <div *ngIf=\"(selection?.length === 0 || !selection) && !queryControl?.value\" class=\"placeholder\" [attr.title]=\"placeholder\">\n      {{ placeholder }}\n    </div>\n    <div class=\"selection\">\n      <ng-content select=\".pills\"></ng-content>\n    </div>\n    <lx-responsive-input\n      (focus)=\"isInputFocused = true\"\n      (blur)=\"isInputFocused = false; blur.emit()\"\n      [formControl]=\"queryControl\"\n      (keydown.enter)=\"$event.preventDefault()\"\n    ></lx-responsive-input>\n    <i #toggle [hidden]=\"disabled\" class=\"fas fa-angle-down\" aria-hidden=\"true\"></i>\n  </div>\n  <div class=\"optionsContainer\" [style.width]=\"dropdownWidth\" #optionsContainer>\n    <ng-container *ngIf=\"dropdownOpen\">\n      <ng-container *ngTemplateOutlet=\"dropdownTmpl\"></ng-container>\n    </ng-container>\n  </div>\n</div>\n\n<ng-template #dropdown>\n  <ng-content select=\".dropdownComponent\"></ng-content>\n</ng-template>\n", styles: [":root{--lx-color-danger:#f96464;--lx-color-grey80:#c2c9d6;--lx-color-grey90:#e1e5eb}.selectContainer:not(.open).focused{outline:0;border:1px solid #59f}.selectContainer.open.bottom .optionsContainer{box-shadow:0 6px 6px 0 rgba(33,37,41,.2)}.selectContainer.open.bottom .optionsContainer,.selectContainer.open.top .optionsContainer{border-bottom:1px solid #e1e5eb;border-left:1px solid #e1e5eb;border-right:1px solid #e1e5eb}.selectContainer.open.top .optionsContainer{box-shadow:0 -4px 6px 0 rgba(33,37,41,.2)}.selectContainer{position:relative;height:auto;cursor:text;padding:0;box-sizing:border-box;border:1px solid #99a5bb;box-shadow:inset 0 1px 1px rgba(0,0,0,.07);border-radius:3px;background:#fff}.selectContainer.smallSize .selectedChoicesContainer{min-height:22px}.selectContainer.smallSize .selectedChoicesContainer .placeholder{line-height:24px}.selectContainer.smallSize lx-responsive-input{height:22px}.selectContainer.disabled{background-color:#eaedf1;cursor:not-allowed}.selectContainer.disabled lx-responsive-input{display:none}.selectContainer:not(.hasSelection){padding-left:12px}.selectContainer.open{z-index:1052;background:#fff;border:1px solid #e1e5eb}.selectContainer.open.bottom{box-shadow:0 6px 6px 0 rgba(33,37,41,.2);border-bottom-color:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0}.selectContainer.open.bottom .optionsContainer{top:100%;border-top:0;margin-top:0}.selectContainer.open.top{box-shadow:0 -4px 6px 0 rgba(33,37,41,.2);border-top-left-radius:0;border-top-right-radius:0}.selectContainer.open.top .optionsContainer{margin-bottom:0;border-bottom:0;top:none;bottom:100%}.selectContainer .selectedChoicesContainer{padding-right:25px;min-height:29px}.selectContainer .selectedChoicesContainer .placeholder{position:absolute;left:12px;right:25px;top:0;bottom:0;line-height:29px;color:#8594ad;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;padding-left:4px}.selectContainer .selectedChoicesContainer>.fa-angle-down{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.selectContainer .selection{display:inline;cursor:default}.selectContainer .optionsContainer{position:absolute;left:-1px;right:-1px;padding:0;background:#fff;z-index:1}lx-responsive-input{height:29px;padding-left:4px}.backdrop{z-index:1051;position:fixed;top:0;bottom:0;left:0;right:0}"], components: [{ type: ResponsiveInputComponent, selector: "lx-responsive-input", outputs: ["focus", "blur"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: MarkInvalidDirective, selector: "[lxMarkInvalid]", inputs: ["lxMarkInvalid"] }, { type: i3__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace$1.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "async": i2__namespace.AsyncPipe } });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0__namespace, type: MultiSelectComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -4466,9 +4475,8 @@
             this.trigger.keyboardActions$
                 .pipe(operators.filter(function (keyboardSelectAction) { return keyboardSelectAction === exports.KeyboardSelectAction.EXECUTE; }), operators.withLatestFrom(this.highlightedOptionIndex$, function (_, index) { return index; }))
                 .subscribe(function (index) {
-                if (_this.options[index]) {
-                    _this.options[index].selectOption();
-                }
+                var _a;
+                (_a = _this.options[index]) === null || _a === void 0 ? void 0 : _a.selectOption();
             });
             /** Combined stream of all of the child options' select outputs. */
             this._options.changes
@@ -4477,8 +4485,8 @@
                 _this.closeDropdown();
             });
             i6.combineLatest(optionsChanges$, this.highlightedOptionIndex$)
-                .pipe(operators.delay(0), operators.map(function (_a) {
-                var _b = __read(_a, 2), options = _b[0], index = _b[1];
+                .pipe(operators.delay(0), operators.map(function (_b) {
+                var _c = __read(_b, 2), options = _c[0], index = _c[1];
                 return options[index];
             }), operators.distinctUntilChanged(), operators.takeUntil(this.destroyed$))
                 .subscribe(function (optionToBeHighlighted) {
@@ -5181,6 +5189,8 @@
                     return exports.KeyboardSelectAction.PREV;
                 case ARROW_DOWN:
                     return exports.KeyboardSelectAction.NEXT;
+                default:
+                    return null;
             }
         }));
         var enter$ = inputKeyboardEvents$.pipe(operators.filter(function (event) { return event.keyCode === ENTER; }));
@@ -5507,7 +5517,7 @@
         return SliderToggleComponent;
     }());
     SliderToggleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0__namespace, type: SliderToggleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SliderToggleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: SliderToggleComponent, selector: "lx-slider-toggle", inputs: { value: "value", size: "size", disabled: "disabled", label: "label", elementId: "elementId" }, outputs: { toggle: "toggle" }, ngImport: i0__namespace, template: "<div class=\"wrapper\" [class.withLabel]=\"label\" [class.disabled]=\"disabled\" [attr.id]=\"id\" [class.small]=\"size === 'small'\">\n  <span *ngIf=\"label\" class=\"labelText\" [class.off]=\"!value\">{{ label }}</span>\n  <label class=\"checkbox\" [class.small]=\"size === 'small'\">\n    <input\n      #inputRef\n      type=\"checkbox\"\n      [checked]=\"value\"\n      [disabled]=\"disabled\"\n      (click)=\"$event.target.blur()\"\n      (change)=\"onToggle()\"\n      (keydown.space)=\"focus(inputRef)\"\n      (keydown.enter)=\"onToggle()\"\n    />\n    <span class=\"slider\"></span>\n  </label>\n</div>\n", styles: [":root{--lx-color-danger:#f96464;--lx-color-grey80:#c2c9d6;--lx-color-grey90:#e1e5eb}:host{display:block}.wrapper{display:inline-block}.wrapper.withLabel{display:block}.wrapper.withLabel .checkbox{float:right;margin-top:1px}.disabled{opacity:.5}.disabled .slider{cursor:default}.checkbox{position:relative;display:inline-block;margin:0}.labelText{color:#2a303d}.labelText.off{color:#526179}input{opacity:0;width:0;height:0;margin:0;padding:0}.small.checkbox{width:22px;height:14px}.small.wrapper:not(.withLabel){height:14px}.small .labelText{font-size:12px}.small .slider{border-radius:7px}.small .slider:before{height:12px;width:12px;left:1px;bottom:1px}.small input:checked+.slider:before{transform:translateX(8px)}input:focus+.slider:before{box-shadow:0 0 0 6px $transparentGrayBoxShadowColor;transition:box-shadow .2s ease}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b2bccc}.slider,.slider:before{position:absolute;transition:transform .2s}.slider:before{content:\"\";border-radius:50%;background-color:#fff}input:checked+.slider{background-color:#33cc58}"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    SliderToggleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: SliderToggleComponent, selector: "lx-slider-toggle", inputs: { value: "value", size: "size", disabled: "disabled", label: "label", elementId: "elementId" }, outputs: { toggle: "toggle" }, ngImport: i0__namespace, template: "<div class=\"wrapper\" [class.withLabel]=\"label\" [class.disabled]=\"disabled\" [attr.id]=\"id\" [class.small]=\"size === 'small'\">\n  <span *ngIf=\"label\" class=\"labelText\" [class.off]=\"!value\">{{ label }}</span>\n  <label class=\"checkbox\" [class.small]=\"size === 'small'\">\n    <input\n      #inputRef\n      type=\"checkbox\"\n      [checked]=\"value\"\n      [disabled]=\"disabled\"\n      (click)=\"inputRef.blur()\"\n      (change)=\"onToggle()\"\n      (keydown.space)=\"focus(inputRef)\"\n      (keydown.enter)=\"onToggle()\"\n    />\n    <span class=\"slider\"></span>\n  </label>\n</div>\n", styles: [":root{--lx-color-danger:#f96464;--lx-color-grey80:#c2c9d6;--lx-color-grey90:#e1e5eb}:host{display:block}.wrapper{display:inline-block}.wrapper.withLabel{display:block}.wrapper.withLabel .checkbox{float:right;margin-top:1px}.disabled{opacity:.5}.disabled .slider{cursor:default}.checkbox{position:relative;display:inline-block;margin:0}.labelText{color:#2a303d}.labelText.off{color:#526179}input{opacity:0;width:0;height:0;margin:0;padding:0}.small.checkbox{width:22px;height:14px}.small.wrapper:not(.withLabel){height:14px}.small .labelText{font-size:12px}.small .slider{border-radius:7px}.small .slider:before{height:12px;width:12px;left:1px;bottom:1px}.small input:checked+.slider:before{transform:translateX(8px)}input:focus+.slider:before{box-shadow:0 0 0 6px $transparentGrayBoxShadowColor;transition:box-shadow .2s ease}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#b2bccc}.slider,.slider:before{position:absolute;transition:transform .2s}.slider:before{content:\"\";border-radius:50%;background-color:#fff}input:checked+.slider{background-color:#33cc58}"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0__namespace, type: SliderToggleComponent, decorators: [{
                 type: i0.Component,
                 args: [{
@@ -5562,7 +5572,7 @@
         }
         SortingDropdownComponent.prototype.ngOnInit = function () {
             if (!this.currentSorting) {
-                this.currentSorting = { key: this.sortingOptions[0].key, order: this.sortingOptions[0].order };
+                this.currentSorting = this.sortingOptions[0] ? { key: this.sortingOptions[0].key, order: this.sortingOptions[0].order } : null;
             }
         };
         SortingDropdownComponent.prototype.applySortingMode = function (sort) {
@@ -5572,13 +5582,15 @@
             });
         };
         SortingDropdownComponent.prototype.applySortingDirection = function (sortDirection) {
-            this.apply.emit({
-                key: this.currentSorting.key,
-                order: sortDirection
-            });
+            if (this.currentSorting) {
+                this.apply.emit({
+                    key: this.currentSorting.key,
+                    order: sortDirection
+                });
+            }
         };
         SortingDropdownComponent.prototype.getSortLabel = function (key) {
-            return "sorting." + key + ".label";
+            return key ? "sorting." + key + ".label" : '';
         };
         return SortingDropdownComponent;
     }());
@@ -5698,7 +5710,7 @@
          */
         FormatNumberPipe.prototype.getFormatedCurrency = function (formatedNumberWitCurrency, currency) {
             var currencyMapping = CURRENCY_SYMBOL_MAP[currency];
-            if (currencyMapping !== currency && !formatedNumberWitCurrency.includes(currencyMapping)) {
+            if (currencyMapping && currencyMapping !== currency && !formatedNumberWitCurrency.includes(currencyMapping)) {
                 return formatedNumberWitCurrency.replace(currency, currencyMapping);
             }
             return formatedNumberWitCurrency;
@@ -6673,21 +6685,28 @@
         });
         Object.defineProperty(TabGroupComponent.prototype, "activeTabPortal", {
             get: function () {
-                return this.tabs[this.selectedIndex].content;
+                var _a;
+                return (_a = this.tabs[this.selectedIndex]) === null || _a === void 0 ? void 0 : _a.content;
             },
             enumerable: false,
             configurable: true
         });
         TabGroupComponent.prototype.ngOnChanges = function (changes) {
-            if ('selectedIndex' in changes && !changes['selectedIndex'].isFirstChange()) {
-                this.switchTo(this.tabs[this.selectedIndex]);
+            var tab = this.tabs[this.selectedIndex];
+            if (changes['selectedIndex'] && !changes['selectedIndex'].isFirstChange() && tab) {
+                this.switchTo(tab);
             }
         };
         TabGroupComponent.prototype.ngAfterContentInit = function () {
             var _this = this;
             var _a;
-            this.tabs[0].noLeftMarginForFirstTab = true;
-            this.switchTo(this.tabs[this.selectedIndex]);
+            if (this.tabs[0]) {
+                this.tabs[0].noLeftMarginForFirstTab = true;
+            }
+            var tab = this.tabs[this.selectedIndex];
+            if (tab) {
+                this.switchTo(tab);
+            }
             var listenToTabsSwitch = function (tabs) { return i6.merge.apply(void 0, __spreadArray([], __read(tabs.map(function (tab) { return tab.switch.asObservable().pipe(operators.map(function () { return tab; })); })))); };
             (_a = this.tabsQueryList) === null || _a === void 0 ? void 0 : _a.changes.pipe(operators.startWith(null), operators.switchMap(function () { return listenToTabsSwitch(_this.tabs); }), operators.takeUntil(this.destroyed$)).subscribe(function (tab) {
                 _this.switchTo(tab);