@leanix/components 0.2.35 → 0.2.36

package/bundles/leanix-components.umd.js

@@ -3975,6 +3975,7 @@
             }), operators.distinctUntilChanged(), operators.takeUntil(this.destroyed$))
                 .subscribe(function (optionToBeHighlighted) {
                 _this.options.forEach(function (option) { return option.setHighlighted(optionToBeHighlighted === option); });
+                _this.changeDetection.markForCheck();
             });
             if (this.closeOnScroll) {
                 i6.fromEvent(window, 'scroll')
@@ -4068,7 +4069,8 @@
                 }] } });
 
     var OptionsSubDropdownComponent = /** @class */ (function () {
-        function OptionsSubDropdownComponent() {
+        function OptionsSubDropdownComponent(changeDetection) {
+            this.changeDetection = changeDetection;
             this.align = 'right';
             this.hidden = true;
             this.mouseInside$ = new i6.BehaviorSubject(false);
@@ -4093,6 +4095,7 @@
                 .pipe(operators.takeUntil(this.destroyed$))
                 .subscribe(function (show) {
                 _this.hidden = !show;
+                _this.changeDetection.markForCheck();
             });
         };
         OptionsSubDropdownComponent.prototype.showByKeyboard = function () {
@@ -4119,7 +4122,7 @@
         };
         return OptionsSubDropdownComponent;
     }());
-    OptionsSubDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0__namespace, type: OptionsSubDropdownComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    OptionsSubDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0__namespace, type: OptionsSubDropdownComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
     OptionsSubDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.1.4", type: OptionsSubDropdownComponent, selector: "lx-options-sub-dropdown", inputs: { trigger: "trigger", align: "align" }, host: { listeners: { "mouseenter": "mouseenter()", "mouseleave": "mouseleave()" }, properties: { "class.hidden": "this.hidden" } }, queries: [{ propertyName: "options", predicate: OptionComponent, descendants: true }], ngImport: i0__namespace, template: "<ul class=\"sub-dropdown\" [class.left]=\"align === 'left'\" lxAutoclose (autoclose)=\"closeDropdown()\">\n  <ng-content></ng-content>\n</ul>\n", styles: [":root{--lx-color-danger:#f96464;--lx-color-grey80:#c2c9d6;--lx-color-grey90:#e1e5eb}:host.hidden{display:none}.sub-dropdown{position:absolute;left:calc(100% + 4px);transform:translateY(-32px);padding:0;background-color:#fff;border:1px solid #e1e5eb;border-radius:3px;box-shadow:0 8px 12px 2px rgba(0,0,0,.15);text-align:left;list-style:none}.sub-dropdown.left{left:auto;right:calc(100% + 4px)}"], directives: [{ type: AutocloseDirective, selector: "[lxAutoclose]", inputs: ["autocloseGroup"], outputs: ["autoclose"] }] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0__namespace, type: OptionsSubDropdownComponent, decorators: [{
                 type: i0.Component,
@@ -4128,7 +4131,7 @@
                         templateUrl: 'options-sub-dropdown.component.html',
                         styleUrls: ['options-sub-dropdown.component.styl']
                     }]
-            }], propDecorators: { trigger: [{
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { trigger: [{
                     type: i0.Input
                 }], align: [{
                     type: i0.Input