@lion/ui 0.18.0-menu-system.5 → 0.18.0-menu-system.6

package/components/menu/test-suites/LionMenuHybrid.suite.js

@@ -0,0 +1,583 @@
+/* eslint-disable lit-a11y/click-events-have-key-events */
+import { defineCE, expect, fixture, html, unsafeStatic, aTimeout } from '@open-wc/testing';
+import { sendMouse, resetMouse, sendKeys } from '@web/test-runner-commands';
+import { useFakeTimers } from 'sinon';
+import { css } from 'lit';
+import { getDeepActiveElement } from '@lion/ui/overlays.js';
+import { LionMenuHybrid } from '../src/LionMenuHybrid.js';
+
+const l2Style = css`
+  [level='2'] > [slot='list'] {
+    position: absolute;
+    width: 100%;
+    left: 0;
+    right: 0;
+    padding: 1em;
+    background-color: white;
+    border: 1px solid gray;
+    box-sizing: border-box;
+  }
+`;
+
+const config = {
+  l1: {
+    isBar: true,
+    hasFullWidthFlyout: true,
+    openableConfig: {
+      // We want disclosure behavior
+      placementMode: 'custom',
+      // N.B. we don't have an invoker...
+      isActivated: false,
+      inheritsReferenceWidth: 'none',
+      focusContentOnOpen: true,
+    },
+  },
+  l2: {
+    isBar: false,
+    openableConfig: {
+      // We want disclosure behavior
+      placementMode: 'custom',
+      hidesOnOutsideClick: true,
+      hidesOnEscape: true,
+      inheritsReferenceWidth: 'none',
+      focusContentOnOpen: true,
+    },
+  },
+};
+
+export function runLionMenuHybridSuite({ klass = LionMenuHybrid } = {}) {
+  const tagString = defineCE(class extends klass {});
+  const tag = unsafeStatic(tagString);
+
+  describe('LionMenuHybrid', () => {
+    /** @type {import('sinon').SinonFakeTimers | null} */
+    let clock = null;
+
+    /** @param {LionMenuHybrid} el */
+    const isMoreButtonMenuShown = el => {
+      const menu = el.querySelector('[data-more-button-menu]');
+      return menu ? getComputedStyle(menu).width !== '0px' : false;
+    };
+
+    /** @param {LionMenuHybrid} el */
+    const getMoreButton = el =>
+      /** @type {HTMLElement | null} */ (el.querySelector('[data-more-button]'));
+
+    /** @param {LionMenuHybrid} el */
+    const isAnyL2MenuShown = el =>
+      Array.from(el.querySelectorAll('[level="2"]')).some(menu => menu.hasAttribute('opened'));
+
+    /** @param {LionMenuHybrid} el */
+    const focusLastVisibleItemInMainMenu = async el => {
+      const moreButton = el.querySelector('[data-more-button]');
+      const previousElement = moreButton?.parentElement?.previousElementSibling;
+      const anchor = previousElement?.querySelector('a');
+      if (anchor instanceof HTMLElement) {
+        anchor.focus();
+      }
+      await aTimeout(0);
+    };
+
+    const hitShiftTab = async () => {
+      await sendKeys({
+        down: 'Shift',
+      });
+      await sendKeys({
+        press: 'Tab',
+      });
+      await sendKeys({
+        up: 'Shift',
+      });
+    };
+
+    /**
+     * @param {HTMLElement} element
+     */
+    function getCoordinates(element) {
+      const { x, y, height } = element.getBoundingClientRect();
+
+      return {
+        x: Math.floor(x + window.pageXOffset),
+        y: Math.floor(y + window.pageYOffset + height / 2),
+      };
+    }
+
+    /**
+     *
+     * We use native click in many of the tests here because
+     * the source code uses the `mousedown`, `focusin`, `focusout`, `click`
+     * events and otherwise we need to emit those events programmatically
+     * @param {LionMenuHybrid} el
+     */
+    const clickOnMoreButton = async el => {
+      const moreButton = getMoreButton(el);
+      if (!moreButton) {
+        return;
+      }
+      const { x, y } = getCoordinates(moreButton);
+      await sendMouse({ type: 'click', position: [x, y] });
+      clock?.tick(100);
+      await aTimeout(0);
+    };
+
+    /** @param {LionMenuHybrid} el */
+    const waitResizeEventDebounce = async el => {
+      await el.updateComplete;
+      // wait for resize event debouncer
+      clock?.tick(55);
+    };
+
+    /**
+     * We need actual 100 ms timeout when More button menu is getting hidden,
+     * `useFakeTimers` is not an option. Othewise Safari fails.
+     * See more info in the description of `_createMoreButtonWrapper` method in `MoreButtonMenuMixin`
+     */
+    const waitAfterMoreButtonMenuHides = async () => {
+      await aTimeout(120);
+    };
+
+    /** @param {LionMenuHybrid} el */
+    const getDirectListItemsUnderMoreButtonMenu = el => [
+      ...Array.from(el.querySelectorAll('[data-more-button-menu] > [role="listitem"]')),
+    ];
+
+    /** @returns {Promise<LionMenuHybrid>} */
+    const getFixture = async () => {
+      const el = await fixture(html`        
+        <${tag} 
+          .itemWrap="${true}"
+          ?data-has-full-width-flyout="${config.l1.hasFullWidthFlyout}"
+          .config="${config.l1.openableConfig}"
+          .bar="${config.l1.isBar}"
+          ._activeMode="${'tabbable-disclosure'}" 
+          style="min-width: 170px; max-width: 170px; position:relative"            
+        >
+          <div role="listitem" id="item1" style="min-width: 50px; max-width: 50px;">
+             <button data-invoker>
+              Item 1
+            </button>
+            <${tag} 
+              .config="${config.l2.openableConfig}"
+              .bar="${config.l2.isBar}"
+              ._activeMode="${'tabbable-disclosure'}"               
+            >
+              <div role="listitem" id="item1.1">
+                <a href="#">Item 1.1</a>
+              </div>
+            </${tag}>
+          </div>
+          <div role="listitem" id="item2" style="min-width: 50px; max-width: 50px;">
+            <a href="#">Item 2</a>
+          </div>
+          <div role="listitem" id="item3" style="min-width: 50px; max-width: 50px;">
+            <a href="#">Item 3</a>
+          </div>
+          <div role="listitem" id="item4" style="min-width: 50px; max-width: 50px;">            
+            <button data-invoker>
+              Item 4
+            </button>
+            <${tag} 
+              .config="${config.l2.openableConfig}"
+              .bar="${config.l2.isBar}"
+              ._activeMode="${'tabbable-disclosure'}" 
+            >
+              <div role="listitem" id="item4.1">
+                <a href="#">Item 4.1</a>
+              </div>
+            </${tag}>
+          </div>
+          <div slot="more-button" style="min-width: 50px; max-width: 50px;">
+            <button>More</button>
+          </div>
+        </${tag}>
+        <style>
+          ${l2Style}
+        </style>    
+      `);
+
+      const hybridEl = /** @type {LionMenuHybrid} */ (el);
+      await waitResizeEventDebounce(hybridEl);
+      return hybridEl;
+    };
+
+    beforeEach(() => {
+      clock = useFakeTimers({
+        shouldAdvanceTime: true,
+      });
+    });
+    afterEach(async () => {
+      clock?.restore();
+      await resetMouse();
+    });
+
+    it(`[
+          {
+            action: 'Click on More button',
+            expectation: 'more button menu is shown, l2 menu is hidden'
+          },
+          {
+            action: 'Inside more button menu, click on L1 item that has L2',
+            expectation: 'more button menu is hidden, l2 menu is shown'
+          },
+          {
+            action: 'Click on More button',
+            expectation: 'more button menu is shown, l2 menu is hidden'
+          },
+      ]`, async () => {
+      const el = await getFixture();
+      expect(isAnyL2MenuShown(el)).to.be.false;
+      await clickOnMoreButton(el);
+      /** @type {HTMLButtonElement | null} */ (el.querySelector('#item4 > button'))?.click();
+      await waitAfterMoreButtonMenuHides();
+      expect(isMoreButtonMenuShown(el)).to.be.false;
+      expect(isAnyL2MenuShown(el)).to.be.true;
+      await clickOnMoreButton(el);
+      expect(isAnyL2MenuShown(el)).to.be.false;
+      expect(isMoreButtonMenuShown(el)).to.be.true;
+    });
+
+    it(`[
+      {
+        action: 'Focus last visible L1 item in the main menu',
+      },
+      {
+        action: 'Hit Tab',
+        expectation: '
+          more button menu is shown,
+          the first L1 item in the more button menu is focused,
+        '
+      },
+    ]`, async () => {
+      const el = await getFixture();
+      await focusLastVisibleItemInMainMenu(el);
+
+      // Hitting Tab should open the More button menu and focus the first L1 item in it
+      await sendKeys({
+        press: 'Tab',
+      });
+
+      expect(isMoreButtonMenuShown(el)).to.be.true;
+
+      // make sure the first L1 inside More button menu is focused
+      const firstItemInMoreMenu = getDirectListItemsUnderMoreButtonMenu(el)[0];
+      expect(firstItemInMoreMenu.contains(getDeepActiveElement())).to.be.true;
+    });
+
+    it(`[
+      {
+        action: 'Click on the L1 item that has children in the *main* menu',
+        expectation: '
+          L2 menu is shown,
+        '
+      },
+      {
+        action: 'Click on More button',        
+        expectation: '
+          L2 menu gets closed,
+          More button menu is shown,
+        '
+      }
+    ]`, async () => {
+      const el = await getFixture();
+      expect(isAnyL2MenuShown(el)).to.be.false;
+
+      // click on the first L1 item that has L2 children
+      /** @type {HTMLButtonElement | null} */ (el.querySelector('#item1 > button'))?.click();
+      await aTimeout(0);
+
+      expect(isMoreButtonMenuShown(el)).to.be.false;
+      expect(isAnyL2MenuShown(el)).to.be.true;
+
+      await clickOnMoreButton(el);
+      expect(isMoreButtonMenuShown(el)).to.be.true;
+      expect(isAnyL2MenuShown(el)).to.be.false;
+    });
+
+    it(`[
+      {
+        action: 'Click on the L1 item that has children in the *main* menu',
+        expectation: '
+          L2 menu is shown,
+        '
+      },
+      {
+        action: 'Hit Tab many times so that the focus goes through all L2 items,
+        then focus moves to the next L1 item in the *main* menu and finally reaches 
+        the last visible L1 item in the main menu just before the More button',
+        expectation: '
+          L2 menu stays open,
+        '
+      },
+      {
+        action: 'When the Tab stays on the last L1 item before More button
+          and then we hit Tab again to get into More button menu',
+        expectation: '
+          L2 menu from L1 that we clicked at the very first step is closed,
+          More button menu is shown
+        '
+      },
+    ]`, async () => {
+      const el = await getFixture();
+      expect(isAnyL2MenuShown(el)).to.be.false;
+      // click on the first L1 item that has L2 children
+      /** @type {HTMLButtonElement | null} */ (el.querySelector('#item1 > button'))?.click();
+
+      // focus #item1.1
+      await sendKeys({
+        press: 'Tab',
+      });
+
+      // focus #item2
+      await sendKeys({
+        press: 'Tab',
+      });
+      expect(isAnyL2MenuShown(el)).to.be.true;
+
+      // focus first L1 item inside More button menu
+      await sendKeys({
+        press: 'Tab',
+      });
+
+      expect(isMoreButtonMenuShown(el)).to.be.true;
+      expect(isAnyL2MenuShown(el)).to.be.false;
+    });
+
+    it(`[
+      {
+        action: 'Focus last visible L1 item in the main menu',
+      },
+      {
+        action: 'Hit Tab',
+        expectation: '
+          more button menu is shown,
+          the first L1 item in the more button menu is focused,
+        '
+      },
+      {
+        action: 'Click on More button',
+        expectation: '
+          more button menu is hidden
+        '
+      }
+    ]`, async () => {
+      const el = await getFixture();
+      await focusLastVisibleItemInMainMenu(el);
+
+      // focus first L1 item inside More button menu
+      await sendKeys({
+        press: 'Tab',
+      });
+
+      expect(isMoreButtonMenuShown(el)).to.be.true;
+      expect(isAnyL2MenuShown(el)).to.be.false;
+      await clickOnMoreButton(el);
+      expect(isMoreButtonMenuShown(el)).to.be.false;
+      expect(isAnyL2MenuShown(el)).to.be.false;
+    });
+
+    it(`[
+      {
+        action: 'Focus last visible L1 item in the main menu',
+      },
+      {
+        action: 'Hit Tab',
+        expectation: '
+          more button menu is shown,
+          the first L1 item in the more button menu is focused,
+        '
+      },
+      {
+        action: 'Hit Shift + Tab',
+        expectation: '
+          more button menu is hidden,
+          the last visible L1 item in the main menu is focused,
+        '
+      },
+    ]`, async () => {
+      const el = await getFixture();
+      await focusLastVisibleItemInMainMenu(el);
+
+      // focus first L1 item inside More button menu
+      await sendKeys({
+        press: 'Tab',
+      });
+
+      expect(isMoreButtonMenuShown(el)).to.be.true;
+      expect(isAnyL2MenuShown(el)).to.be.false;
+
+      // hit Shift + Tab
+      await hitShiftTab();
+      await waitAfterMoreButtonMenuHides();
+
+      expect(isMoreButtonMenuShown(el)).to.be.false;
+      expect(isAnyL2MenuShown(el)).to.be.false;
+    });
+
+    it(`[
+      {
+        action: 'Focus last visible L1 item in the main menu',
+      },
+      {
+        action: 'Hit Tab',
+        expectation: '
+          more button menu is shown,
+          the first L1 item in the more button menu is focused,
+        '
+      },
+      {
+        action: 'Focus the L1 item in "More" menu that has children and Hit Enter',
+        expectation: '
+          more button menu is hidden,
+          l2 menu is show,
+        '
+      },
+    ]`, async () => {
+      const el = await getFixture();
+      await focusLastVisibleItemInMainMenu(el);
+
+      // focus first L1 item inside More button menu
+      await sendKeys({
+        press: 'Tab',
+      });
+
+      // focus #item4 . It has childrent
+      await sendKeys({
+        press: 'Tab',
+      });
+
+      expect(isMoreButtonMenuShown(el)).to.be.true;
+      expect(isAnyL2MenuShown(el)).to.be.false;
+
+      // hit Enter
+      await sendKeys({
+        press: 'Enter',
+      });
+      await waitAfterMoreButtonMenuHides();
+
+      expect(isMoreButtonMenuShown(el)).to.be.false;
+      expect(isAnyL2MenuShown(el)).to.be.true;
+    });
+
+    it(`[
+      {
+        action: 'Focus last visible L1 item in the main menu',
+      },
+      {
+        action: 'Hit Tab',
+        expectation: '
+          more button menu is shown,
+          the first L1 item in the more button menu is focused,
+        '
+      },
+      {
+        action: 'Focus the L1 item in "More" menu that has children and Hit Enter',
+        expectation: '
+          more button menu is hidden,
+          l2 menu is show,
+          the PARENT L1 item under the More button is focused, not the first one
+        '
+      },
+      {
+        action: 'Hit Shitft + Tab',
+        expectation: '
+          more button menu is show,
+          l2 menu is hidden,
+        '
+      },
+      {
+        action: 'Hit Shitft + Tab until we reach the first item in the More button menu',
+      },
+      {
+        action: 'Hit Shift + Tab',
+        expectation: '
+          more button menu is hidden,
+          the last visible L1 item in the main menu is focused,
+        '
+      },
+    ]`, async () => {
+      const el = await getFixture();
+      await focusLastVisibleItemInMainMenu(el);
+
+      // focus first L1 item inside More button menu
+      await sendKeys({
+        press: 'Tab',
+      });
+
+      // focus #item4 . It has childrent
+      await sendKeys({
+        press: 'Tab',
+      });
+
+      expect(isMoreButtonMenuShown(el)).to.be.true;
+      expect(isAnyL2MenuShown(el)).to.be.false;
+
+      // hit Enter
+      await sendKeys({
+        press: 'Enter',
+      });
+      await waitAfterMoreButtonMenuHides();
+
+      expect(isMoreButtonMenuShown(el)).to.be.false;
+      expect(isAnyL2MenuShown(el)).to.be.true;
+
+      // Focus #item4. It is the second item in the More button menu
+      await hitShiftTab();
+      expect(isMoreButtonMenuShown(el)).to.be.true;
+      expect(isAnyL2MenuShown(el)).to.be.false;
+      const focusedElement = getDeepActiveElement();
+
+      // the PARENT L1 item under the More button is focused, not the first one
+      expect(
+        el?.querySelector('#item4')?.contains(focusedElement) &&
+          focusedElement instanceof HTMLElement &&
+          el.listItems.includes(focusedElement),
+      ).to.be.true;
+      // Focus #item3. It is the first item in the More button menu
+      await hitShiftTab();
+      // Focus #item2. It is the last visible item in the main menu
+      await hitShiftTab();
+      await waitAfterMoreButtonMenuHides();
+
+      expect(isMoreButtonMenuShown(el)).to.be.false;
+      expect(isAnyL2MenuShown(el)).to.be.false;
+    });
+
+    it(`[
+      {
+        action: 'Click on More button',
+        expectation: 'more button menu is shown, l2 menu is hidden'
+      },
+      {
+        action: 'Inside more button menu, click on L1 item that has L2',
+        expectation: 'more button menu is hidden, l2 menu is shown'
+      },
+      {
+        action: 'Hit Shift + Tab',
+        expectation: '
+          more button menu is show,
+          l2 menu is hidden,
+          the parent L1 item under the More button is focused
+        '
+      }
+    ]`, async () => {
+      const el = await getFixture();
+      await clickOnMoreButton(el);
+      // Inside more button menu, click on L1 item that has L2
+      /** @type {HTMLButtonElement | null} */ (el.querySelector('#item4 > button'))?.click();
+      await waitAfterMoreButtonMenuHides();
+      expect(isMoreButtonMenuShown(el)).to.be.false;
+      expect(isAnyL2MenuShown(el)).to.be.true;
+      // Focus #item4. It is the second item in the More button menu
+      await hitShiftTab();
+      expect(isMoreButtonMenuShown(el)).to.be.true;
+      expect(isAnyL2MenuShown(el)).to.be.false;
+      const focusedElement = getDeepActiveElement();
+      // the PARENT L1 item under the More button is focused, not the first one
+      expect(
+        el?.querySelector('#item4')?.contains(focusedElement) &&
+          focusedElement instanceof HTMLElement &&
+          el.listItems.includes(focusedElement),
+      ).to.be.true;
+    });
+  });
+}

package/components/overlays/src/OverlayController.js

@@ -931,7 +931,7 @@ export class OverlayController extends EventTarget {
     this.contentNode.setAttribute('data-open', '');
 
     if (this.config.focusContentOnOpen) {
-      this.contentNode.focus();
+      this.contentNode.focus({ preventScroll: true });
     }
 
     /** @type {function} */

package/dist-types/components/menu/src/InteractiveListMixin.d.ts

@@ -238,8 +238,8 @@ export function InteractiveListMixin(superclass: import('@open-wc/dedupe-mixin')
         removeController(controller: import("lit").ReactiveController): void;
         __saveInstanceProperties: any;
         enableUpdating(_requestedUpdate: boolean): void;
-        attributeChangedCallback(name: string, _old: string | null, value: string | null): void; /** @type {HTMLElement} */
-        __propertyToAttribute: any;
+        attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+        __propertyToAttribute: any; /** @type {HTMLElement} */
         requestUpdate(name?: PropertyKey | undefined, oldValue?: unknown, options?: import("lit").PropertyDeclaration<unknown, unknown> | undefined, useNewValue?: boolean | undefined, newValue?: unknown): void;
         __enqueueUpdate: any;
         scheduleUpdate(): void | Promise<unknown>;

package/dist-types/components/menu/src/InteractiveListMixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveListMixin.d.ts","sourceRoot":"","sources":["../../../../components/menu/src/InteractiveListMixin.js"],"names":[],"mappings":"AAuCA;;;;;;;;;;;;;;GAcG;AACH;IACE,kBAAkB;IAClB,6BAIC;IAQD,yCAME;IAZF,4CAIC;IAYC,0CAA0C;IAC1C,MADW,uBAAuB,GAAE,EAAE,CACxB;IAOZ,kCAA4C;IAShD,+CAKC;CACF;AAED;CAKC;AAGD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iDAFW,OAAO,uBAAuB,EAAE,WAAW,CAAC,OAAO,KAAK,EAAE,UAAU,CAAC;;;;;;QAkE5E;;;;WAIG;;;QASH;;;WAGG;;QAQH;;;;WAIG;;QAMH;;;;WAIG;;;;;QA+EH;;WAEG;;QAkBH;;;WAGG;;QAeH;;;WAGG;;;;;;QAeD;;;;WAIG;qBADO,OAAO;QAIjB;;;;;;;;;;WAUG;qBADO,kBAAkB,GAAC,iBAAiB,GAAC,qBAAqB,GAAC,MAAM;QAI3E;;;;;WAKG;2BADO,OAAO;QAIjB;;;WAGG;mBADO,MAAM,GAAC,SAAS,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS;QAIrD;;WAEG;qBADO,WAAW,EAAE;QAIvB;;;;;WAKG;+BADO,OAAO;QAIjB;;;WAGG;gCADO,MAAM;QAIhB;;WAEG;sBADO,MAAM,EAAE;QAyTpB;;;WAGG;yBADQ,UAAU;QAerB;;;WAGG;yBADQ,aAAa;QAhKxB;;;WAGG;2BADQ,aAAa;QA2HxB;;;WAGG;2BADQ,UAAU;;;QAvRrB;;WAEG;wCADQ,OAAO,KAAK,EAAE,cAAc;QAOvC;;WAEG;wDADQ,IAAI,EAAE;;QAkHjB;;;WAGG;iCADQ,QAAQ,EAAE,GAAC,WAAW,EAAE;QAyFnC;;;WAGG;0CAFQ,aAAa,GACX,OAAO;;QAiCpB;;;WAGG;gDADQ;YAAC,KAAK,EAAE,MAAM,EAAE,CAAC;YAAC,IAAI,EAAE,WAAW,CAAA;SAAC;QAQ/C;;WAEG;4CADQ,aAAa;QAwExB;;;WAGG;sCAFQ,MAAM,UACN,MAAM;QAyBjB;;;WAGG;4CAFQ,MAAM;QAOjB;;;WAGG;gDAFQ,MAAM;QAOjB;;WAEG;oDADQ,QAAQ;QAcnB,iBAAiB;;;;;;;;;;;;;;;;;;;;iGA5Gf,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA9kB5B,kBAAkB;YAAP,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8rBf;sCAhzBU,OAAO,uCAAuC,EAAE,uBAAuB"}
+{"version":3,"file":"InteractiveListMixin.d.ts","sourceRoot":"","sources":["../../../../components/menu/src/InteractiveListMixin.js"],"names":[],"mappings":"AAuCA;;;;;;;;;;;;;;GAcG;AACH;IACE,kBAAkB;IAClB,6BAIC;IAQD,yCAME;IAZF,4CAIC;IAYC,0CAA0C;IAC1C,MADW,uBAAuB,GAAE,EAAE,CACxB;IAOZ,kCAA4C;IAShD,+CAKC;CACF;AAED;CAKC;AAGD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iDAFW,OAAO,uBAAuB,EAAE,WAAW,CAAC,OAAO,KAAK,EAAE,UAAU,CAAC;;;;;;QAkE5E;;;;WAIG;;;QASH;;;WAGG;;QAQH;;;;WAIG;;QAMH;;;;WAIG;;;;;QA+EH;;WAEG;;QAkBH;;;WAGG;;QAeH;;;WAGG;;;;;;QAeD;;;;WAIG;qBADO,OAAO;QAIjB;;;;;;;;;;WAUG;qBADO,kBAAkB,GAAC,iBAAiB,GAAC,qBAAqB,GAAC,MAAM;QAI3E;;;;;WAKG;2BADO,OAAO;QAIjB;;;WAGG;mBADO,MAAM,GAAC,SAAS,GAAC,SAAS,GAAC,MAAM,GAAC,SAAS;QAIrD;;WAEG;qBADO,WAAW,EAAE;QAIvB;;;;;WAKG;+BADO,OAAO;QAIjB;;;WAGG;gCADO,MAAM;QAIhB;;WAEG;sBADO,MAAM,EAAE;QAyTpB;;;WAGG;yBADQ,UAAU;QAerB;;;WAGG;yBADQ,aAAa;QAhKxB;;;WAGG;2BADQ,aAAa;QA2HxB;;;WAGG;2BADQ,UAAU;;;QAvRrB;;WAEG;wCADQ,OAAO,KAAK,EAAE,cAAc;QAOvC;;WAEG;wDADQ,IAAI,EAAE;;QAkHjB;;;WAGG;iCADQ,QAAQ,EAAE,GAAC,WAAW,EAAE;QAyFnC;;;WAGG;0CAFQ,aAAa,GACX,OAAO;;QAiCpB;;;WAGG;gDADQ;YAAC,KAAK,EAAE,MAAM,EAAE,CAAC;YAAC,IAAI,EAAE,WAAW,CAAA;SAAC;QAQ/C;;WAEG;4CADQ,aAAa;QAwExB;;;WAGG;sCAFQ,MAAM,UACN,MAAM;QAyBjB;;;WAGG;4CAFQ,MAAM;QAOjB;;;WAGG;gDAFQ,MAAM;QAOjB;;WAEG;oDADQ,QAAQ;QAiBnB,iBAAiB;;;;;;;;;;;;;;;;;;;;;oCA/Gf,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA9kB5B,kBAAkB;YAAP,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAisBf;sCAnzBU,OAAO,uCAAuC,EAAE,uBAAuB"}

package/dist-types/components/menu/src/MoreButtonMenuMixin.d.ts

@@ -8,7 +8,6 @@ export function MoreButtonMenuMixin(superclass: any): {
         _initMoreButtonMenu(): void;
         _getDeepActiveElement(): Element;
         _createMoreButtonWrapper(): void;
-        hasMoreButtonMenuAnyFocusedFirstLevelItems: boolean | undefined;
         getMoreButtonSlotProjection(): any;
         getMoreButtonMenu(): any;
         getMoreButtonMenuWrapper(): any;

package/dist-types/components/menu/src/MoreButtonMenuMixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoreButtonMenuMixin.d.ts","sourceRoot":"","sources":["../../../../components/menu/src/MoreButtonMenuMixin.js"],"names":[],"mappings":"AA8BO;;;;;;;;;;;;;;;;;;QAmJH;;WAEG;iDADQ,IAAI;QAmCf;;WAEG;kFADQ;YAAE,qBAAqB,EAAE,iBAAiB,CAAC;YAAC,QAAQ,EAAE,WAAW,CAAA;SAAE;;;;QAmC9E;;WAEG;sEADQ,MAAM;;;EAoClB"}
+{"version":3,"file":"MoreButtonMenuMixin.d.ts","sourceRoot":"","sources":["../../../../components/menu/src/MoreButtonMenuMixin.js"],"names":[],"mappings":"AA8BO;;;;;;;;;;;;;;;;;QAoIH;;WAEG;iDADQ,IAAI;QAyCf;;WAEG;kFADQ;YAAE,qBAAqB,EAAE,iBAAiB,CAAC;YAAC,QAAQ,EAAE,WAAW,CAAA;SAAE;;;;QAmC9E;;WAEG;sEADQ,MAAM;;;EAoClB"}

package/dist-types/components/menu/src/utils/listItemInteractions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listItemInteractions.d.ts","sourceRoot":"","sources":["../../../../../components/menu/src/utils/listItemInteractions.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH;;GAEG;AACH,iCAFW,WAAW,WAIrB;AAED;;GAEG;AACH,kCAFW,WAAW,yBAUrB;AAED;;GAEG;AACH,qCAFW,WAAW,QAIrB;AAED;;GAEG;AACH,gCAFW,WAAW,WAIrB;AAED;;;;;GAKG;AACH,iCALW,WAAW,yBA2BrB;AAED;;GAEG;AACH,oCAFW,WAAW,QAIrB;AAED;;GAEG;AACH,+BAFW,WAAW,WAIrB;AAED;;GAEG;AACH,gCAFW,WAAW,yBAQrB;AAaD;;GAEG;AACH,+BAFW,WAAW,OAYrB;wCApHY,OAAO,4BAA4B,EAAE,yBAAyB"}
+{"version":3,"file":"listItemInteractions.d.ts","sourceRoot":"","sources":["../../../../../components/menu/src/utils/listItemInteractions.js"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AAEH;;GAEG;AACH,iCAFW,WAAW,WAIrB;AAED;;GAEG;AACH,kCAFW,WAAW,yBAUrB;AAED;;GAEG;AACH,qCAFW,WAAW,QAIrB;AAED;;GAEG;AACH,gCAFW,WAAW,WAIrB;AAED;;;;;GAKG;AACH,iCALW,WAAW,yBA2BrB;AAED;;GAEG;AACH,oCAFW,WAAW,QAKrB;AAED;;GAEG;AACH,+BAFW,WAAW,WAIrB;AAED;;GAEG;AACH,gCAFW,WAAW,yBAQrB;AAaD;;GAEG;AACH,+BAFW,WAAW,OAYrB;wCArHY,OAAO,4BAA4B,EAAE,yBAAyB"}

package/dist-types/components/menu/test-suites/InteractiveListMixin.suite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveListMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/menu/test-suites/InteractiveListMixin.suite.js"],"names":[],"mappings":"AA+BA;;GAEG;AACH,0FA6QC;sCAxSY,OAAO,uCAAuC,EAAE,uBAAuB;uBAevE,OAAO,oBAAoB,EAAE,QAAQ;;;;6BACrC,OAAO,KAAK,EAAE,cAAc;;eAG3B,MAAM"}
+{"version":3,"file":"InteractiveListMixin.suite.d.ts","sourceRoot":"","sources":["../../../../components/menu/test-suites/InteractiveListMixin.suite.js"],"names":[],"mappings":"AA+CA;;GAEG;AACH,0FA+kBC;sCAvnBY,OAAO,uCAAuC,EAAE,uBAAuB;uBAevE,OAAO,oBAAoB,EAAE,QAAQ;;;;6BACrC,OAAO,KAAK,EAAE,cAAc;;eAG3B,MAAM"}

package/dist-types/components/menu/test-suites/LionMenuHybrid.suite.d.ts

@@ -0,0 +1,5 @@
+export function runLionMenuHybridSuite({ klass }?: {
+    klass?: typeof LionMenuHybrid | undefined;
+}): void;
+import { LionMenuHybrid } from "../src/LionMenuHybrid.js";
+//# sourceMappingURL=LionMenuHybrid.suite.d.ts.map

package/dist-types/components/menu/test-suites/LionMenuHybrid.suite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LionMenuHybrid.suite.d.ts","sourceRoot":"","sources":["../../../../components/menu/test-suites/LionMenuHybrid.suite.js"],"names":[],"mappings":"AA+CA;;SAuhBC"}