@leanix/components 0.2.35 → 0.2.36
Sign up to get free protection for your applications and to get access to all the features.
- package/bundles/leanix-components.umd.js +6 -3
- package/bundles/leanix-components.umd.js.map +1 -1
- package/esm2015/lib/forms-ui/components/options-dropdown/options-dropdown.component.js +1 -0
- package/esm2015/lib/forms-ui/components/options-dropdown/options-dropdown.component.js.map +1 -1
- package/esm2015/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.js +5 -3
- package/esm2015/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.js.map +1 -1
- package/fesm2015/leanix-components.js +6 -3
- package/fesm2015/leanix-components.js.map +1 -1
- package/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.d.ts +3 -1
- package/package.json +1 -1
@@ -3975,6 +3975,7 @@
|
|
3975
3975
|
}), operators.distinctUntilChanged(), operators.takeUntil(this.destroyed$))
|
3976
3976
|
.subscribe(function (optionToBeHighlighted) {
|
3977
3977
|
_this.options.forEach(function (option) { return option.setHighlighted(optionToBeHighlighted === option); });
|
3978
|
+
_this.changeDetection.markForCheck();
|
3978
3979
|
});
|
3979
3980
|
if (this.closeOnScroll) {
|
3980
3981
|
i6.fromEvent(window, 'scroll')
|
@@ -4068,7 +4069,8 @@
|
|
4068
4069
|
}] } });
|
4069
4070
|
|
4070
4071
|
var OptionsSubDropdownComponent = /** @class */ (function () {
|
4071
|
-
function OptionsSubDropdownComponent() {
|
4072
|
+
function OptionsSubDropdownComponent(changeDetection) {
|
4073
|
+
this.changeDetection = changeDetection;
|
4072
4074
|
this.align = 'right';
|
4073
4075
|
this.hidden = true;
|
4074
4076
|
this.mouseInside$ = new i6.BehaviorSubject(false);
|
@@ -4093,6 +4095,7 @@
|
|
4093
4095
|
.pipe(operators.takeUntil(this.destroyed$))
|
4094
4096
|
.subscribe(function (show) {
|
4095
4097
|
_this.hidden = !show;
|
4098
|
+
_this.changeDetection.markForCheck();
|
4096
4099
|
});
|
4097
4100
|
};
|
4098
4101
|
OptionsSubDropdownComponent.prototype.showByKeyboard = function () {
|
@@ -4119,7 +4122,7 @@
|
|
4119
4122
|
};
|
4120
4123
|
return OptionsSubDropdownComponent;
|
4121
4124
|
}());
|
4122
|
-
OptionsSubDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0__namespace, type: OptionsSubDropdownComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
4125
|
+
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 });
|
4123
4126
|
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"] }] });
|
4124
4127
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.1.4", ngImport: i0__namespace, type: OptionsSubDropdownComponent, decorators: [{
|
4125
4128
|
type: i0.Component,
|
@@ -4128,7 +4131,7 @@
|
|
4128
4131
|
templateUrl: 'options-sub-dropdown.component.html',
|
4129
4132
|
styleUrls: ['options-sub-dropdown.component.styl']
|
4130
4133
|
}]
|
4131
|
-
}], propDecorators: { trigger: [{
|
4134
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { trigger: [{
|
4132
4135
|
type: i0.Input
|
4133
4136
|
}], align: [{
|
4134
4137
|
type: i0.Input
|