@breadstone/mosaik-elements-foundation 0.0.206 → 0.0.210

package/Controls/Components/Selectors/Menu/MenuItemElement.js

@@ -8,6 +8,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+var MenuItemElement_1;
 import { Emit } from '../../../../Events/Decorators/EmitDecorator';
 import { HTMLElementEventEmitter } from '@breadstone/mosaik-elements';
 import { Disableable } from '../../../Behaviors/Disableable';
@@ -28,6 +29,9 @@ import { CheckmarkElement } from '../../Primitives/Checkmark/CheckmarkElement';
 import { ExpandableElement } from '../../Primitives/Expandable/ExpandableElement';
 import { FocusRingElement } from '../../Primitives/FocusRing/FocusRingElement';
 import { TextElement } from '../../Primitives/Text/TextElement';
+import { FloatingElement } from '../../Primitives/Floating/FloatingElement';
+import { PortalElement } from '../../Primitives/Portal/PortalElement';
+import { ProjectionController } from '../../Primitives/Portal/ProjectionController';
 import { menuItemElementTemplate } from './MenuItemElementTemplate';
 import { menuItemElementJoyStyle } from './Themes/MenuItemElement.Joy';
 import { menuItemElementMemphisStyle } from './Themes/MenuItemElement.Memphis';
@@ -35,6 +39,9 @@ import { menuItemElementCosmopolitanStyle } from './Themes/MenuItemElement.Cosmo
 import { Themeable } from '../../../Behaviors/Themeable';
 import { TextOverflow } from '../../../Types/TextOverflow';
 import { Appearanceable } from '../../../Behaviors/Appearanceable';
+import { Key } from '../../../Types/Key';
+import { SubMenuMode } from '../../../Types/SubMenuMode';
+import { KeyboardController } from '../../../Controllers/KeyboardController';
 // #endregion
 /**
  * Menu Item - An individual option or choice within a menu.
@@ -52,8 +59,11 @@ import { Appearanceable } from '../../../Behaviors/Appearanceable';
  *
  * @public
  */
-let MenuItemElement = class MenuItemElement extends Themeable(Disableable(Valueable(Variantable(Appearanceable(Focusable(Slottable(Labelable(CustomElement)))))))) {
+let MenuItemElement = MenuItemElement_1 = class MenuItemElement extends Themeable(Disableable(Valueable(Variantable(Appearanceable(Focusable(Slottable(Labelable(CustomElement)))))))) {
     // #region Fields
+    _keyboardController;
+    _projectionController;
+    _submenuProjectionController;
     _activated;
     _subLabel;
     _icon;
@@ -62,6 +72,8 @@ let MenuItemElement = class MenuItemElement extends Themeable(Disableable(Valuea
     _hasChildren;
     _isExpanded;
     _textOverflow;
+    _menuMode;
+    _hoverCloseDelayId;
     // #endregion
     // #region Ctor
     /**
@@ -76,7 +88,12 @@ let MenuItemElement = class MenuItemElement extends Themeable(Disableable(Valuea
         this._hasChildren = false;
         this._isExpanded = false;
         this._textOverflow = TextOverflow.Truncate;
+        this._menuMode = SubMenuMode.Inline;
+        this._hoverCloseDelayId = null;
         this._activated = new HTMLElementEventEmitter(this, 'activated');
+        this._keyboardController = new KeyboardController(this);
+        this._projectionController = null;
+        this._submenuProjectionController = null;
     }
     // #endregion
     // #region Properties
@@ -196,6 +213,56 @@ let MenuItemElement = class MenuItemElement extends Themeable(Disableable(Valuea
             this.requestUpdate('textOverflow');
         }
     }
+    /**
+     * Determines how child menus are displayed.
+     *
+     * @public
+     * @attr
+     */
+    get menuMode() {
+        return this._menuMode;
+    }
+    set menuMode(value) {
+        if (this._menuMode !== value) {
+            this._menuMode = value;
+            // Initialize projection controllers only when switching to Popover mode
+            if (value === SubMenuMode.Popover && !this._projectionController) {
+                // Detect children BEFORE projection removes them from slots
+                this.hasChildren = this.hasSlotContent('submenu') || this.hasSlotContent('');
+                this._projectionController = new ProjectionController(this, {
+                    slotName: '',
+                    targetSelector: '[part="projection"]',
+                    projecting: (element) => {
+                        element.setAttribute(`${MenuItemElement_1.is}-projection`, '');
+                    }
+                });
+                this._submenuProjectionController = new ProjectionController(this, {
+                    slotName: 'submenu',
+                    targetSelector: '[part="projection"]',
+                    projecting: (element) => {
+                        element.setAttribute(`${MenuItemElement_1.is}-projection`, '');
+                    }
+                });
+                // Trigger a re-render first, then initialize the controllers.
+                // This ensures the template with Portal is rendered before we try to project.
+                this.requestUpdate('menuMode');
+                // If the element has already been updated (lazy controller creation),
+                // we need to manually trigger the controller's first update lifecycle.
+                // Wait for the next update cycle where the Portal will be rendered.
+                if (this.hasUpdated) {
+                    void this.updateComplete.then(() => {
+                        // Trigger hostFirstUpdated manually for the lazy-created controllers
+                        // by calling hostUpdated which will then call hostFirstUpdated
+                        this._projectionController?.hostUpdated();
+                        this._submenuProjectionController?.hostUpdated();
+                    });
+                }
+            }
+            else {
+                this.requestUpdate('menuMode');
+            }
+        }
+    }
     /**
      * Called when the element is activated.
      * Provides reference to `{@link IEventDetail}` as event detail.
@@ -251,15 +318,79 @@ let MenuItemElement = class MenuItemElement extends Themeable(Disableable(Valuea
         }
         this.isExpanded = !this.isExpanded;
     }
+    /**
+     * @public
+     * @override
+     */
+    connectedCallback() {
+        super.connectedCallback();
+        // Use pointer events for unified mouse/touch handling
+        this.on('pointerenter', (event) => this.handlePointerEnter(event));
+        this.on('pointerleave', (event) => this.handlePointerLeave(event));
+        this.on('pointerdown', (event) => this.handlePointerDown(event));
+        this.on('focusout', (event) => this.handleFocusOut(event));
+        this._keyboardController
+            .add([Key.RightArrow, Key.Enter, Key.Space], () => this.expand(), () => this.menuMode === SubMenuMode.Popover && this.hasChildren && !this.disabled, { preventDefault: true })
+            .add([Key.LeftArrow, Key.Escape], () => this.collapse(), () => this.menuMode === SubMenuMode.Popover, { preventDefault: true });
+    }
+    /**
+     * @public
+     * @override
+     */
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.clearHoverCloseDelay();
+    }
     /**
      * @public
      * @overload
      */
     onSlotChanges(slotName) {
         // this is the slot to react on child menu changes
-        if (slotName === '') {
-            this.hasChildren = this.hasSlotContent('');
+        if (slotName === '' || slotName === 'submenu') {
+            // In popover mode, projection controller moves elements out of slots
+            // So we check both slot content AND projected elements
+            if (this._menuMode === SubMenuMode.Popover && this._projectionController) {
+                const hasProjectedContent = this._projectionController.elements.length > 0 ||
+                    (this._submenuProjectionController?.elements.length ?? 0) > 0;
+                this.hasChildren = hasProjectedContent || this.hasSlotContent('submenu') || this.hasSlotContent('');
+            }
+            else {
+                this.hasChildren = this.hasSlotContent('submenu') || this.hasSlotContent('');
+            }
+            if (!this.hasChildren && this.isExpanded) {
+                this.isExpanded = false;
+            }
+        }
+    }
+    /**
+     * Handles pointer leave from the floating submenu element.
+     * This is called when the pointer leaves the Portal-projected floating element.
+     * Only collapses on mouse leave (not touch).
+     *
+     * @private
+     * @template
+     */
+    handleFloatingPointerLeave(event) {
+        if (this.menuMode !== SubMenuMode.Popover) {
+            return;
+        }
+        // Only hover-collapse for mouse pointer, not touch
+        if (event.pointerType === 'touch') {
+            return;
+        }
+        const relatedTarget = event.relatedTarget;
+        // Check if the pointer moved back into the anchor (this menu item)
+        // or into another element that belongs to this menu item
+        if (relatedTarget && this.containsRelatedTarget(relatedTarget)) {
+            return;
         }
+        // Collapse with a small delay
+        this.clearHoverCloseDelay();
+        this._hoverCloseDelayId = window.setTimeout(() => {
+            this._hoverCloseDelayId = null;
+            this.collapse();
+        }, 100);
     }
     /**
      * Emits the {@link activated} event.
@@ -269,6 +400,151 @@ let MenuItemElement = class MenuItemElement extends Themeable(Disableable(Valuea
     onActivated(args) {
         this._activated.emit(args);
     }
+    /**
+     * Clears the hover close delay timer.
+     *
+     * @private
+     */
+    clearHoverCloseDelay() {
+        if (this._hoverCloseDelayId !== null) {
+            window.clearTimeout(this._hoverCloseDelayId);
+            this._hoverCloseDelayId = null;
+        }
+    }
+    /**
+     * Handles pointer enter for hover-based expansion.
+     * Only expands on mouse hover (not touch), as touch devices use tap to toggle.
+     *
+     * @private
+     */
+    handlePointerEnter(event) {
+        if (!(this.menuMode === SubMenuMode.Popover && this.hasChildren && !this.disabled)) {
+            return;
+        }
+        // Only hover-expand for mouse pointer, not touch
+        if (event.pointerType === 'touch') {
+            return;
+        }
+        this.clearHoverCloseDelay();
+        this.expand();
+    }
+    /**
+     * Handles pointer leave for hover-based collapse.
+     * Uses relatedTarget to determine if the pointer moved into a child element (floating submenu).
+     * Only collapses on mouse leave (not touch), as touch devices use tap to toggle.
+     *
+     * @private
+     */
+    handlePointerLeave(event) {
+        if (this.menuMode !== SubMenuMode.Popover) {
+            return;
+        }
+        // Only hover-collapse for mouse pointer, not touch
+        if (event.pointerType === 'touch') {
+            return;
+        }
+        const relatedTarget = event.relatedTarget;
+        // Check if the pointer moved into a child element (including the floating submenu)
+        if (relatedTarget && this.containsRelatedTarget(relatedTarget)) {
+            return;
+        }
+        // Use a small delay to allow the user to move the pointer into the floating submenu
+        // This helps with cases where there is a small gap between the anchor and the floating element
+        this.clearHoverCloseDelay();
+        this._hoverCloseDelayId = window.setTimeout(() => {
+            this._hoverCloseDelayId = null;
+            this.collapse();
+        }, 100);
+    }
+    /**
+     * Handles pointer down for touch-based toggling.
+     * On touch devices, toggle the expanded state on tap.
+     *
+     * @private
+     */
+    handlePointerDown(event) {
+        if (!(this.menuMode === SubMenuMode.Popover && this.hasChildren && !this.disabled)) {
+            return;
+        }
+        // Only toggle for touch pointer
+        if (event.pointerType !== 'touch') {
+            return;
+        }
+        // Prevent default to avoid triggering click events that might interfere
+        event.preventDefault();
+        this.toggle();
+    }
+    /**
+     * Handles focus transitions to close the popover when focus leaves the item.
+     *
+     * @private
+     */
+    handleFocusOut(event) {
+        if (this.menuMode !== SubMenuMode.Popover) {
+            return;
+        }
+        const nextTarget = event.relatedTarget;
+        if (!nextTarget || !this.containsRelatedTarget(nextTarget)) {
+            this.collapse();
+        }
+    }
+    /**
+     * Checks whether the given target is contained within this element or its shadow DOM children.
+     * This includes the floating submenu element projected via Portal to document.body.
+     * Also checks nested submenus (3+ levels deep) by traversing child menu items.
+     *
+     * @private
+     */
+    containsRelatedTarget(target) {
+        // Check if the target is contained within the light DOM
+        if (this.contains(target)) {
+            return true;
+        }
+        // Check if the target is contained within the shadow DOM
+        if (this.shadowRoot?.contains(target)) {
+            return true;
+        }
+        // Check if the target is contained within the Portal's projection element
+        // (Portal projects content to document.body, so we need to check there)
+        const portal = this.shadowRoot?.querySelector('mosaik-portal');
+        if (portal?.projection?.contains(target)) {
+            return true;
+        }
+        // Check if the target is within a nested child menu item's Portal projection
+        // This handles 3+ level deep menus where child items have their own Portals
+        // We must search in the Portal's projection, not in the light DOM (this.querySelectorAll),
+        // because child menu items are projected there
+        if (portal?.projection) {
+            const childMenuItems = portal.projection.querySelectorAll('mosaik-menu-item');
+            // eslint-disable-next-line @typescript-eslint/prefer-for-of
+            for (let i = 0; i < childMenuItems.length; i++) {
+                const childItem = childMenuItems[i];
+                if (childItem.containsRelatedTarget(target)) {
+                    return true;
+                }
+            }
+        }
+        // Traverse up the composed path to check if the target is in a slotted element
+        // or within a floating element that belongs to this menu item
+        let current = target;
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        while (current) {
+            if (current === this) {
+                return true;
+            }
+            // Check for slot assignments (light DOM projected into shadow DOM)
+            if (current instanceof HTMLElement) {
+                const assignedSlot = current.assignedSlot;
+                if (assignedSlot && this.shadowRoot?.contains(assignedSlot)) {
+                    return true;
+                }
+            }
+            // Move up the tree
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            current = current.parentNode ?? current.host ?? null;
+        }
+        return false;
+    }
 };
 __decorate([
     Attribute({ type: String }),
@@ -313,16 +589,25 @@ __decorate([
     __metadata("design:paramtypes", [Boolean])
 ], MenuItemElement.prototype, "hasChildren", null);
 __decorate([
-    Attribute({ type: TextOverflow }),
+    Attribute({
+        type: TextOverflow
+    }),
     __metadata("design:type", String),
     __metadata("design:paramtypes", [String])
 ], MenuItemElement.prototype, "textOverflow", null);
+__decorate([
+    Attribute({
+        type: String
+    }),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], MenuItemElement.prototype, "menuMode", null);
 __decorate([
     Emit({ eventName: 'activated' }),
     __metadata("design:type", Object),
     __metadata("design:paramtypes", [])
 ], MenuItemElement.prototype, "activated", null);
-MenuItemElement = __decorate([
+MenuItemElement = MenuItemElement_1 = __decorate([
     Component({
         selector: 'mosaik-menu-item',
         template: menuItemElementTemplate,
@@ -342,7 +627,9 @@ MenuItemElement = __decorate([
             FocusRingElement,
             StackElement,
             CheckmarkElement,
-            ExpandableElement
+            ExpandableElement,
+            FloatingElement,
+            PortalElement
         ]
     }),
     __metadata("design:paramtypes", [])

package/Controls/Components/Selectors/Menu/MenuItemElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MenuItemElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;;AAElB,OAAO,EAAE,IAAI,EAAE,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAA+B,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAmB,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAGpF,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,aAAa;AAEb;;;;;;;;;;;;;;;GAeG;AAyBI,IAAM,eAAe,uBAArB,MAAM,eACT,SAAQ,SAAS,CAAC,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAGtH,iBAAiB;IAEA,mBAAmB,CAAqB;IACjD,qBAAqB,CAA8B;IACnD,4BAA4B,CAA8B;IACjD,UAAU,CAAoC;IACvD,SAAS,CAAS;IAClB,KAAK,CAAS;IACd,SAAS,CAAU;IACnB,UAAU,CAAU;IACpB,YAAY,CAAU;IACtB,WAAW,CAAU;IACrB,aAAa,CAAe;IAC5B,SAAS,CAAc;IACvB,kBAAkB,CAAgB;IAE1C,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC;QAC3C,IAAI,CAAC,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC;QACpC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,UAAU,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;QACjE,IAAI,CAAC,mBAAmB,GAAG,IAAI,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACxD,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAClC,IAAI,CAAC,4BAA4B,GAAG,IAAI,CAAC;IAC7C,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IAED;;;;;OAKG;IACH,IACW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IACD,IAAW,QAAQ,CAAC,KAAa;QAC7B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;OAIG;IACH,IACW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAa;QACzB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IACD,IAAW,QAAQ,CAAC,KAAc;QAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IACD,IAAW,SAAS,CAAC,KAAc;QAC/B,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;YAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IACD,IAAW,UAAU,CAAC,KAAc;QAChC,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACH,IAIW,WAAW;QAClB,OAAO,IAAI,CAAC,YAAY,CAAC;IAC7B,CAAC;IACD,IAAY,WAAW,CAAC,KAAc;QAClC,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;YAC9B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAGW,YAAY;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;IACD,IAAW,YAAY,CAAC,KAAmB;QACvC,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;YAC/B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACvC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAGW,QAAQ;QACf,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;IACD,IAAW,QAAQ,CAAC,KAAkB;QAClC,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YAEvB,wEAAwE;YACxE,IAAI,KAAK,KAAK,WAAW,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBAC/D,4DAA4D;gBAC5D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;gBAE7E,IAAI,CAAC,qBAAqB,GAAG,IAAI,oBAAoB,CAAC,IAAI,EAAE;oBACxD,QAAQ,EAAE,EAAE;oBACZ,cAAc,EAAE,qBAAqB;oBACrC,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;wBACpB,OAAO,CAAC,YAAY,CAAC,GAAG,iBAAe,CAAC,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC;oBACjE,CAAC;iBACJ,CAAC,CAAC;gBACH,IAAI,CAAC,4BAA4B,GAAG,IAAI,oBAAoB,CAAC,IAAI,EAAE;oBAC/D,QAAQ,EAAE,SAAS;oBACnB,cAAc,EAAE,qBAAqB;oBACrC,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;wBACpB,OAAO,CAAC,YAAY,CAAC,GAAG,iBAAe,CAAC,EAAE,aAAa,EAAE,EAAE,CAAC,CAAC;oBACjE,CAAC;iBACJ,CAAC,CAAC;gBAEH,8DAA8D;gBAC9D,8EAA8E;gBAC9E,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;gBAE/B,sEAAsE;gBACtE,uEAAuE;gBACvE,oEAAoE;gBACpE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;oBAClB,KAAK,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;wBAC/B,qEAAqE;wBACrE,+DAA+D;wBAC/D,IAAI,CAAC,qBAAqB,EAAE,WAAW,EAAE,CAAC;wBAC1C,IAAI,CAAC,4BAA4B,EAAE,WAAW,EAAE,CAAC;oBACrD,CAAC,CAAC,CAAC;gBACP,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACH,IACW,SAAS;QAChB,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;OAIG;IACI,MAAM;QACT,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACpB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IAC3B,CAAC;IAED;;;;OAIG;IACI,QAAQ;QACX,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACpB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;;OAIG;IACI,MAAM;QACT,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACpB,OAAO;QACX,CAAC;QAED,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;IACvC,CAAC;IAED;;;OAGG;IACa,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,sDAAsD;QACtD,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,KAAmB,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;QACjF,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,KAAmB,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC;QACjF,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,KAAmB,EAAE,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC/E,IAAI,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;QAEvE,IAAI,CAAC,mBAAmB;aACnB,GAAG,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC;aAC7K,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,OAAO,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;IACxI,CAAC;IAED;;;OAGG;IACa,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAE7B,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAED;;;OAGG;IACa,aAAa,CAAC,QAAiB;QAC3C,kDAAkD;QAClD,IAAI,QAAQ,KAAK,EAAE,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC5C,qEAAqE;YACrE,uDAAuD;YACvD,IAAI,IAAI,CAAC,SAAS,KAAK,WAAW,CAAC,OAAO,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;gBACvE,MAAM,mBAAmB,GACrB,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;oBAC9C,CAAC,IAAI,CAAC,4BAA4B,EAAE,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;gBAClE,IAAI,CAAC,WAAW,GAAG,mBAAmB,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;YACxG,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC;YACjF,CAAC;YAED,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;gBACvC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;YAC5B,CAAC;QACL,CAAC;IACL,CAAC;IAED;;;;;;;OAOG;IACI,0BAA0B,CAAC,KAAmB;QACjD,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;YACxC,OAAO;QACX,CAAC;QAED,mDAAmD;QACnD,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAChC,OAAO;QACX,CAAC;QAED,MAAM,aAAa,GAAG,KAAK,CAAC,aAA4B,CAAC;QAEzD,mEAAmE;QACnE,yDAAyD;QACzD,IAAI,aAAa,IAAI,IAAI,CAAC,qBAAqB,CAAC,aAAa,CAAC,EAAE,CAAC;YAC7D,OAAO;QACX,CAAC;QAED,8BAA8B;QAC9B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC7C,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,QAAQ,EAAE,CAAC;QACpB,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;IAED;;;;OAIG;IACO,WAAW,CAAC,IAAkB;QACpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED;;;;OAIG;IACK,oBAAoB;QACxB,IAAI,IAAI,CAAC,kBAAkB,KAAK,IAAI,EAAE,CAAC;YACnC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;YAC7C,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QACnC,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACK,kBAAkB,CAAC,KAAmB;QAC1C,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjF,OAAO;QACX,CAAC;QAED,iDAAiD;QACjD,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAChC,OAAO;QACX,CAAC;QAED,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IAED;;;;;;OAMG;IACK,kBAAkB,CAAC,KAAmB;QAC1C,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;YACxC,OAAO;QACX,CAAC;QAED,mDAAmD;QACnD,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAChC,OAAO;QACX,CAAC;QAED,MAAM,aAAa,GAAG,KAAK,CAAC,aAA4B,CAAC;QAEzD,mFAAmF;QACnF,IAAI,aAAa,IAAI,IAAI,CAAC,qBAAqB,CAAC,aAAa,CAAC,EAAE,CAAC;YAC7D,OAAO;QACX,CAAC;QAED,oFAAoF;QACpF,+FAA+F;QAC/F,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YAC7C,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,QAAQ,EAAE,CAAC;QACpB,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC;IAED;;;;;OAKG;IACK,iBAAiB,CAAC,KAAmB;QACzC,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;YACjF,OAAO;QACX,CAAC;QAED,gCAAgC;QAChC,IAAI,KAAK,CAAC,WAAW,KAAK,OAAO,EAAE,CAAC;YAChC,OAAO;QACX,CAAC;QAED,wEAAwE;QACxE,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IAED;;;;OAIG;IACK,cAAc,CAAC,KAAiB;QACpC,IAAI,IAAI,CAAC,QAAQ,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;YACxC,OAAO;QACX,CAAC;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,aAA4B,CAAC;QAEtD,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,CAAC;YACzD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACpB,CAAC;IACL,CAAC;IAED;;;;;;OAMG;IACK,qBAAqB,CAAC,MAAY;QACtC,wDAAwD;QACxD,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,yDAAyD;QACzD,IAAI,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACpC,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,0EAA0E;QAC1E,wEAAwE;QACxE,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAyB,CAAC;QACvF,IAAI,MAAM,EAAE,UAAU,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACvC,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,6EAA6E;QAC7E,4EAA4E;QAC5E,2FAA2F;QAC3F,+CAA+C;QAC/C,IAAI,MAAM,EAAE,UAAU,EAAE,CAAC;YACrB,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,gBAAgB,CAAkB,kBAAkB,CAAC,CAAC;YAC/F,4DAA4D;YAC5D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBAC7C,MAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;gBACpC,IAAI,SAAS,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC1C,OAAO,IAAI,CAAC;gBAChB,CAAC;YACL,CAAC;QACL,CAAC;QAED,+EAA+E;QAC/E,8DAA8D;QAC9D,IAAI,OAAO,GAAgB,MAAM,CAAC;QAElC,uEAAuE;QACvE,OAAO,OAAO,EAAE,CAAC;YACb,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;gBACnB,OAAO,IAAI,CAAC;YAChB,CAAC;YAED,mEAAmE;YACnE,IAAI,OAAO,YAAY,WAAW,EAAE,CAAC;gBACjC,MAAM,YAAY,GAAG,OAAO,CAAC,YAAY,CAAC;gBAC1C,IAAI,YAAY,IAAI,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;oBAC1D,OAAO,IAAI,CAAC;gBAChB,CAAC;YACL,CAAC;YAED,mBAAmB;YACnB,uEAAuE;YACvE,OAAO,GAAG,OAAO,CAAC,UAAU,IAAK,OAAsB,CAAC,IAAI,IAAI,IAAI,CAAC;QACzE,CAAC;QAED,OAAO,KAAK,CAAC;IACjB,CAAC;CAIJ,CAAA;AAtgBG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;+CAG3B;AAaD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;2CAG1B;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;+CAGD;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;gDAGD;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;iDAGD;AAeD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;kDAGD;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,YAAY;KACrB,CAAC;;;mDAGD;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,MAAM;KACf,CAAC;;;+CAGD;AAsDD;IAAC,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;;;gDAGhC;AAtQQ,eAAe;IAxB3B,SAAS,CAAC;QACP,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE,uBAAuB;QACjC,MAAM,EAAE;YACJ,GAAG,EAAE,uBAAuB;YAC5B,OAAO,EAAE,2BAA2B;YACpC,YAAY,EAAE,gCAAgC;SACjD;QACD,IAAI,EAAE;YACF,QAAQ,EAAE,GAAG;SAChB;QACD,OAAO,EAAE;YACL,WAAW;YACX,aAAa;YACb,WAAW;YACX,aAAa;YACb,gBAAgB;YAChB,YAAY;YACZ,gBAAgB;YAChB,iBAAiB;YACjB,eAAe;YACf,aAAa;SAChB;KACJ,CAAC;;GACW,eAAe,CAykB3B"}

package/Controls/Components/Selectors/Menu/MenuItemElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAUjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA2EvF"}
+{"version":3,"file":"MenuItemElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAWjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKzD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CA2GvF"}

package/Controls/Components/Selectors/Menu/MenuItemElementTemplate.js

@@ -8,6 +8,8 @@ import { CheckType } from '../../../Types/CheckType';
 import { Orientation } from '../../../Types/Orientation';
 import { Size } from '../../../Types/Size';
 import { TextOverflow } from '../../../Types/TextOverflow';
+import { SubMenuMode } from '../../../Types/SubMenuMode';
+import { Placement } from '../../../Types/Placement';
 // #endregion
 /**
  * The template of the {@link MenuItemElement}.
@@ -15,8 +17,11 @@ import { TextOverflow } from '../../../Types/TextOverflow';
  * @public
  */
 export function menuItemElementTemplate(e) {
-    return html `
-        <div part="root">
+    const renderBody = () => html `
+        <div part="root"
+             role="menuitem"
+             aria-haspopup="${e.hasChildren ? 'menu' : 'false'}"
+             aria-expanded="${e.hasChildren ? String(e.isExpanded) : 'false'}">
             ${when(!e.disabled, () => html `
             <mosaik-focus-ring part="focusRing"
                                .variant="${e.variant}"
@@ -72,7 +77,7 @@ export function menuItemElementTemplate(e) {
             ${when(e.hasChildren, () => html `
             <mosaik-button part="caret"
                            .appearance="${Appearance.Plain}"
-                           .icon="${Icons.caretDown}"
+                           .icon="${e.menuMode === SubMenuMode.Popover ? Icons.caretRight : Icons.caretDown}"
                            .size="${Size.Small}"
                            .dir="${e.dir}"
                            .lang="${e.lang}"
@@ -81,13 +86,41 @@ export function menuItemElementTemplate(e) {
             `)}
             <slot name="end"></slot>
         </div>
+    `;
+    return html `
+        ${renderBody()}
+        ${when(e.menuMode === SubMenuMode.Popover, () => html `
+        <div part="submenu-container"
+             style="display: none;">
+            <slot name="submenu"></slot>
+            <slot></slot>
+        </div>
+        <mosaik-portal part="portal">
+            <mosaik-floating part="popover"
+                             .anchor="${e}"
+                             .placement="${Placement.RightStart}"
+                             .flipFallbackPlacements="${[Placement.LeftStart]}"
+                             .active="${e.isExpanded}"
+                             .strategy="${'fixed'}"
+                             .flip="${true}"
+                             .shift="${true}"
+                             @pointerleave="${(evt) => e.handleFloatingPointerLeave(evt)}">
+                <div part="submenu"
+                     role="menu">
+                    <div part="projection"></div>
+                </div>
+            </mosaik-floating>
+        </mosaik-portal>
+        `, () => html `
         <mosaik-expandable part="expandable"
                            .dir="${e.dir}"
                            .lang="${e.lang}"
                            .isExpanded="${e.isExpanded}"
-                           ?hidden="${!e.hasSlotContent('')}">
+                           ?hidden="${!e.hasSlotContent('submenu') && !e.hasSlotContent('')}">
+            <slot name="submenu"></slot>
             <slot></slot>
         </mosaik-expandable>
+        `)}
     `;
 }
 //# sourceMappingURL=MenuItemElementTemplate.js.map

package/Controls/Components/Selectors/Menu/MenuItemElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemElementTemplate.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MenuItemElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemElementTemplate.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Selectors/Menu/SubMenuMode.d.ts

@@ -0,0 +1,20 @@
+/**
+ * `SubMenuMode` - Determines how child menus are displayed for a menu item.
+ *
+ * @public
+ */
+export declare const SubMenuMode: {
+    /**
+     * `inline` - Renders child menus inline using an expandable container.
+     */
+    readonly Inline: "inline";
+    /**
+     * `popover` - Renders child menus inside a floating popover anchored to the parent item.
+     */
+    readonly Popover: "popover";
+};
+/**
+ * @public
+ */
+export type SubMenuMode = typeof SubMenuMode[keyof typeof SubMenuMode];
+//# sourceMappingURL=SubMenuMode.d.ts.map

package/Controls/Components/Selectors/Menu/SubMenuMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuMode.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/SubMenuMode.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,eAAO,MAAM,WAAW;IAEpB;;OAEG;;IAGH;;OAEG;;CAGG,CAAC;AAEX;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC"}

package/Controls/Components/Selectors/Menu/SubMenuMode.js

@@ -0,0 +1,18 @@
+// #region Imports
+// #endregion
+/**
+ * `SubMenuMode` - Determines how child menus are displayed for a menu item.
+ *
+ * @public
+ */
+export const SubMenuMode = {
+    /**
+     * `inline` - Renders child menus inline using an expandable container.
+     */
+    Inline: 'inline',
+    /**
+     * `popover` - Renders child menus inside a floating popover anchored to the parent item.
+     */
+    Popover: 'popover'
+};
+//# sourceMappingURL=SubMenuMode.js.map

package/Controls/Components/Selectors/Menu/SubMenuMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenuMode.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/SubMenuMode.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,aAAa;AAEb;;;;GAIG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IAEvB;;OAEG;IACH,MAAM,EAAE,QAAQ;IAEhB;;OAEG;IACH,OAAO,EAAE,SAAS;CAEZ,CAAC"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CA4J5D"}
+{"version":3,"file":"MenuItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CAgK5D"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.js

@@ -153,10 +153,14 @@ export function menuItemElementCosmopolitanStyle() {
   position: absolute;
 }
 
-:host([is-expanded]) [part="caret"]::part(icon) {
+:host([is-expanded]:not([menu-mode="popover"])) [part="caret"]::part(icon) {
   transform: rotate(-45deg);
 }
 
+:host([menu-mode="popover"]) [part="caret"]::part(icon) {
+  transform: rotate(0);
+}
+
 :host([disabled]:not([disabled="false"])) {
   cursor: default;
 }

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0JT,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8JT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA+VnD"}
+{"version":3,"file":"MenuItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAmWnD"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js

@@ -153,10 +153,14 @@ export function menuItemElementJoyStyle() {
   position: absolute;
 }
 
-:host([is-expanded]) [part="caret"]::part(icon) {
+:host([is-expanded]:not([menu-mode="popover"])) [part="caret"]::part(icon) {
   transform: rotate(-45deg);
 }
 
+:host([menu-mode="popover"]) [part="caret"]::part(icon) {
+  transform: rotate(0);
+}
+
 :host([disabled]:not([disabled="false"])) {
   cursor: default;
 }

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6VT,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiWT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CA4JvD"}
+{"version":3,"file":"MenuItemElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAgKvD"}