@ifsworld/granite-components 4.0.0-beta.17 → 4.0.0-beta.18

package/bundles/ifsworld-granite-components.umd.js

@@ -1173,7 +1173,6 @@
     var _MenuBaseComponent = /** @class */ (function () {
         function _MenuBaseComponent(_changeDetectorRef) {
             this._changeDetectorRef = _changeDetectorRef;
-            this.openOnHover = true;
             /**
              * Event emitted when the menu is closed
              */
@@ -1197,7 +1196,13 @@
             this._animationDone = new rxjs.Subject();
             this._menuEmpty$ = new rxjs.BehaviorSubject(false);
             // eslint-disable-next-line @typescript-eslint/member-ordering
-            this._isMenuEmpty$ = this._menuEmpty$;
+            this._isMenuEmpty$ = rxjs.combineLatest([
+                this._menuEmpty$,
+                this._animationDone,
+            ]).pipe(operators.filter(function (_b) {
+                var _c = __read(_b, 2), m = _c[0], a = _c[1];
+                return m && a != null;
+            }), operators.map(function () { return true; }));
             /** Only the direct descendant menu items. */
             this._directDescendantItems = new core.QueryList();
             /** Subscription to tab events on the menu panel */
@@ -1500,7 +1505,6 @@
         yPosition: [{ type: core.Input }],
         title: [{ type: core.Input }],
         closeLabel: [{ type: core.Input }],
-        openOnHover: [{ type: core.Input }],
         templateRef: [{ type: core.ViewChild, args: [core.TemplateRef,] }],
         _allItems: [{ type: core.ContentChildren, args: [GraniteMenuItemComponent, { descendants: true },] }],
         closed: [{ type: core.Output }]
@@ -1589,6 +1593,7 @@
             this._menuItemInstance = _menuItemInstance;
             this._dir = _dir;
             this._focusMonitor = _focusMonitor;
+            this.openOnHover = true;
             /** Whether the associated menu is open */
             this._isMenuOpen = false;
             // Tracking input type is necessary so it's possible to only auto-focus
@@ -2077,7 +2082,7 @@
          */
         GraniteMenuTriggerForDirective.prototype._openOnHover = function () {
             var _a, _b;
-            return (this.menu.openOnHover &&
+            return (this.openOnHover &&
                 ((_a = this._parentMenu._clientOutput) === null || _a === void 0 ? void 0 : _a.device) === 'desktop' && ((_b = this._parentMenu._clientInput) === null || _b === void 0 ? void 0 : _b.devices.includes('mouse')));
         };
         /**
@@ -2086,7 +2091,7 @@
          */
         GraniteMenuTriggerForDirective.prototype._toggleOnSubmenuClick = function () {
             var _a, _b;
-            return (!this.menu.openOnHover ||
+            return (!this.openOnHover ||
                 (((_a = this._parentMenu._clientOutput) === null || _a === void 0 ? void 0 : _a.device) === 'desktop' &&
                     !((_b = this._parentMenu._clientInput) === null || _b === void 0 ? void 0 : _b.devices.includes('mouse'))));
         };
@@ -2218,7 +2223,8 @@
         { type: undefined, decorators: [{ type: core.Inject, args: [common.DOCUMENT,] }] }
     ]; };
     GraniteMenuTriggerForDirective.propDecorators = {
-        menu: [{ type: core.Input, args: ['graniteMenuTriggerFor',] }]
+        menu: [{ type: core.Input, args: ['graniteMenuTriggerFor',] }],
+        openOnHover: [{ type: core.Input }]
     };
 
     var GraniteMenuTouchCloseComponent = /** @class */ (function () {