@ukic/canary-web-components 2.0.0-canary.3 → 2.0.0-canary.5

package/dist/collection/components/ic-popover-menu/ic-popover-menu.js

@@ -1,488 +0,0 @@
-import { Host, h, } from "@stencil/core";
-import { getSlotElements } from "../../utils/helpers";
-import { createPopper } from "@popperjs/core";
-export class PopoverMenu {
-  constructor() {
-    this.ARIA_LABEL = "aria-label";
-    this.firstRender = true;
-    this.popoverMenuEls = [];
-    this.setButtonFocus = () => {
-      var _a;
-      (_a = this.popoverMenuEls[this.currentFocus]) === null || _a === void 0 ? void 0 : _a.focus();
-    };
-    // Checks that the popover menu has an anchor
-    this.findAnchorEl = (anchor) => {
-      let anchorElement = null;
-      if (anchor === null || anchor === undefined) {
-        this.submenuId === undefined &&
-          console.error("No anchor specified for popover component");
-      }
-      else {
-        anchorElement = document.querySelector(anchor.indexOf("#") === 0 ? anchor : "#" + anchor);
-        if (anchorElement === null) {
-          console.error(`Popover anchor element '${anchor}' not found`);
-        }
-      }
-      return anchorElement;
-    };
-    this.isNotPopoverMenuEl = (ev) => {
-      const target = ev.target;
-      return (target.id !== this.anchor &&
-        target.tagName !== "IC-MENU-ITEM" &&
-        target.tagName !== "IC-MENU-GROUP" &&
-        target.tagName !== "IC-POPOVER-MENU");
-    };
-    this.closeMenu = () => {
-      var _a;
-      this.open = false;
-      (_a = this.anchorEl) === null || _a === void 0 ? void 0 : _a.focus();
-    };
-    this.getNextItemToSelect = (currentItem, movingDown) => {
-      const numButtons = this.popoverMenuEls.length - 1;
-      if (currentItem < 1) {
-        currentItem = 0;
-      }
-      let nextItem = movingDown ? currentItem + 1 : currentItem - 1;
-      // Check if wrap around necessary
-      if (nextItem < 0) {
-        nextItem = numButtons;
-      }
-      else if (nextItem > numButtons) {
-        nextItem = 0;
-      }
-      return nextItem;
-    };
-    this.addMenuItems = (elements) => {
-      for (let i = 0; i < elements.length; i++) {
-        const el = elements[i];
-        if (el.tagName === "IC-MENU-ITEM") {
-          this.popoverMenuEls.push(el);
-        }
-        else if (el.tagName === "IC-MENU-GROUP") {
-          const groupSlotWrapper = el.shadowRoot.querySelector("ul");
-          const menuGroupElements = getSlotElements(groupSlotWrapper);
-          this.addMenuItems(menuGroupElements);
-        }
-      }
-    };
-    this.getMenuAriaLabel = () => {
-      const ariaLabel = this.host.getAttribute(this.ARIA_LABEL);
-      if (this.submenuId !== undefined) {
-        return `${ariaLabel}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`;
-      }
-      else {
-        return ariaLabel;
-      }
-    };
-    this.handleBackButtonClick = () => {
-      this.parentPopover.openFromChild();
-      this.open = false;
-    };
-    this.openingFromChild = false;
-    this.openingFromParent = false;
-    this.anchor = undefined;
-    this.parentLabel = undefined;
-    this.parentPopover = undefined;
-    this.submenuId = undefined;
-    this.submenuLevel = 1;
-    this.open = undefined;
-  }
-  watchOpenHandler() {
-    if (this.open) {
-      if (this.parentPopover !== undefined &&
-        !this.popoverMenuEls.some((menuItem) => menuItem.id)) {
-        this.popoverMenuEls.unshift(this.backButton);
-      }
-      this.currentFocus = this.submenuId !== undefined ? 1 : 0;
-      // Needed so that anchorEl isn't always focused
-      setTimeout(this.setButtonFocus, 50);
-    }
-  }
-  disconnectedCallback() {
-    if (this.popperInstance !== undefined) {
-      this.popperInstance.destroy();
-    }
-  }
-  componentDidLoad() {
-    const slotWrapper = this.host.shadowRoot.querySelector("ul.button");
-    const popoverMenuElements = getSlotElements(slotWrapper);
-    if (popoverMenuElements !== null) {
-      this.addMenuItems(popoverMenuElements);
-    }
-    if (this.submenuId === undefined &&
-      this.host.getAttribute(this.ARIA_LABEL) === null) {
-      console.error(`No aria-label specified for popover menu component - aria-label required`);
-    }
-  }
-  componentWillRender() {
-    this.anchorEl = this.findAnchorEl(this.anchor);
-  }
-  componentDidRender() {
-    if (this.firstRender && this.open) {
-      this.firstRender = false;
-      let adjust = false;
-      const dialogEl = this.host.closest("ic-dialog");
-      const onDialog = dialogEl !== null;
-      if (onDialog) {
-        this.host.classList.add("on-dialog");
-        const menu = this.host.getBoundingClientRect();
-        const dialogBottom = dialogEl.getBoundingClientRect().bottom;
-        const anchorHeight = this.anchorEl.getBoundingClientRect().height;
-        let offset;
-        if (dialogEl.getAttribute("data-overflow") === "false") {
-          if (dialogBottom - menu.top < menu.height) {
-            adjust = true;
-            offset = menu.height + anchorHeight + 8;
-          }
-        }
-        else {
-          adjust = true;
-          // 100 added here as that's the offset when data-overflow is true
-          offset = menu.height + anchorHeight + 8 + 100;
-        }
-        if (adjust === false) {
-          this.host.classList.add("on-dialog-fix-translate");
-        }
-        else {
-          this.host.style.setProperty("--translate-y", `${offset}px`, "important");
-          this.host.classList.add("on-dialog-translate-y");
-        }
-      }
-      if (adjust) {
-        this.popperInstance = createPopper(this.anchorEl, this.host, {
-          placement: "top",
-        });
-      }
-      else {
-        this.popperInstance = createPopper(this.anchorEl, this.host, {
-          placement: "bottom-start",
-          modifiers: [
-            {
-              name: "offset",
-              options: {
-                offset: [0, 4],
-              },
-            },
-            {
-              name: "flip",
-              options: {
-                fallbackPlacements: ["top-start", "top-end", "bottom-end"],
-                rootBoundary: "viewport",
-              },
-            },
-          ],
-        });
-      }
-    }
-    else if (this.open) {
-      this.popperInstance.update();
-    }
-  }
-  handleMenuItemClick(ev) {
-    if (!ev.detail.hasSubMenu && ev.detail.label !== "Back") {
-      this.closeMenu();
-    }
-  }
-  // This is listening for the event emitted when a menu item is acting as a trigger button
-  handleSubmenuChange(ev) {
-    // Finds the trigger menu item that has emitted the event
-    const target = ev.target;
-    this.open = false;
-    // Find the popover menu that the menu item triggers (i.e. submenu-trigger-for === submenu-id).
-    const childEl = document.querySelector(`ic-popover-menu[submenu-id=${target.submenuTriggerFor}]`);
-    // Set the parent popover menu of the submenu and open the submenu
-    childEl.parentPopover = this.host;
-    childEl.anchor = this.anchor;
-    childEl.ariaLabel = this.host.getAttribute(this.ARIA_LABEL);
-    childEl.openFromParent();
-    childEl.submenuLevel = this.submenuLevel + 1;
-    // Set the label in the submenu using the label of the menu item that has emitted the event
-    childEl.parentLabel = target.label;
-  }
-  handleClick(ev) {
-    if (this.open && this.isNotPopoverMenuEl(ev)) {
-      // If menu is open and the next click on the document is not a popover El, close the popover
-      this.closeMenu();
-    }
-  }
-  // Manages the keyboard navigation in the popover menu
-  handleKeyDown(ev) {
-    switch (ev.key) {
-      case "ArrowDown":
-        ev.preventDefault();
-        this.currentFocus = this.getNextItemToSelect(this.currentFocus, true);
-        this.setButtonFocus();
-        break;
-      case "ArrowUp":
-        ev.preventDefault();
-        this.currentFocus = this.getNextItemToSelect(this.currentFocus, false);
-        this.setButtonFocus();
-        break;
-      case "Home":
-        //Sets home focus as first element, or back button
-        this.currentFocus = 0;
-        this.setButtonFocus();
-        break;
-      case "End":
-        //Sets end focus as last element
-        this.currentFocus = this.popoverMenuEls.length - 1;
-        this.setButtonFocus();
-        break;
-      case "Escape":
-      case "Tab":
-        if (this.open) {
-          this.closeMenu();
-          this.host.blur();
-        }
-        break;
-    }
-  }
-  /**
-   * @internal Opens the menu from the child menu.
-   */
-  async openFromChild() {
-    this.open = true;
-    this.openingFromChild = true;
-    setTimeout(() => (this.openingFromChild = false), 1000);
-  }
-  /**
-   * @internal Opens the menu from the parent menu.
-   */
-  async openFromParent() {
-    this.open = true;
-    this.openingFromParent = true;
-    setTimeout(() => (this.openingFromParent = false), 1000);
-  }
-  render() {
-    return (h(Host, { class: { open: this.open } }, h("div", { id: this.parentPopover === undefined
-        ? `ic-popover-submenu-${this.submenuId}`
-        : "", class: {
-        menu: true,
-      }, tabindex: open ? "0" : "-1" }, h("div", { class: {
-        "opening-from-parent": this.openingFromParent,
-        "opening-from-child": this.openingFromChild,
-      } }, this.submenuId !== undefined && (h("div", null, h("ic-menu-item", { class: "ic-popover-submenu-back-button", ref: (el) => (this.backButton = el), label: "Back", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, h("svg", { slot: "icon", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "submenu-back-icon" }, h("path", { d: "M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z", fill: "currentColor" }))), h("ic-typography", { variant: "subtitle-small", class: "parent-label" }, this.parentLabel))), h("ul", { class: "button", "aria-label": this.getMenuAriaLabel(), role: "menu", "aria-owns": this.submenuId !== undefined
-        ? `ic-popover-submenu-back-button-${this.submenuLevel}`
-        : false, "aria-controls": this.submenuId !== undefined
-        ? `ic-popover-submenu-back-button-${this.submenuLevel}`
-        : false }, h("slot", null))))));
-  }
-  static get is() { return "ic-popover-menu"; }
-  static get encapsulation() { return "shadow"; }
-  static get delegatesFocus() { return true; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["ic-popover-menu.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["ic-popover-menu.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "anchor": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu."
-        },
-        "attribute": "anchor",
-        "reflect": false
-      },
-      "parentLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [{
-              "name": "internal",
-              "text": "The parent popover menu of a child popover menu."
-            }],
-          "text": ""
-        },
-        "attribute": "parent-label",
-        "reflect": false
-      },
-      "parentPopover": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "HTMLIcPopoverMenuElement",
-          "resolved": "HTMLIcPopoverMenuElement",
-          "references": {
-            "HTMLIcPopoverMenuElement": {
-              "location": "global",
-              "id": "global::HTMLIcPopoverMenuElement"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [{
-              "name": "internal",
-              "text": "The parent popover menu of a child popover menu."
-            }],
-          "text": ""
-        }
-      },
-      "submenuId": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "The unique identifier for a popover submenu."
-        },
-        "attribute": "submenu-id",
-        "reflect": false
-      },
-      "submenuLevel": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [{
-              "name": "internal",
-              "text": "The level of menu being displayed."
-            }],
-          "text": ""
-        },
-        "attribute": "submenu-level",
-        "reflect": false,
-        "defaultValue": "1"
-      },
-      "open": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "If `true`, the popover menu will be displayed."
-        },
-        "attribute": "open",
-        "reflect": true,
-        "defaultValue": "undefined"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "openingFromChild": {},
-      "openingFromParent": {}
-    };
-  }
-  static get methods() {
-    return {
-      "openFromChild": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": [{
-              "name": "internal",
-              "text": "Opens the menu from the child menu."
-            }]
-        }
-      },
-      "openFromParent": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": [{
-              "name": "internal",
-              "text": "Opens the menu from the parent menu."
-            }]
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "open",
-        "methodName": "watchOpenHandler"
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "handleMenuItemClick",
-        "method": "handleMenuItemClick",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "triggerPopoverMenuInstance",
-        "method": "handleSubmenuChange",
-        "target": undefined,
-        "capture": true,
-        "passive": false
-      }, {
-        "name": "click",
-        "method": "handleClick",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "keydown",
-        "method": "handleKeyDown",
-        "target": "document",
-        "capture": false,
-        "passive": false
-      }];
-  }
-}
-//# sourceMappingURL=ic-popover-menu.js.map

package/dist/collection/components/ic-popover-menu/ic-popover-menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-popover-menu.js","sourceRoot":"","sources":["../../../src/components/ic-popover-menu/ic-popover-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Host,\n  h,\n  Prop,\n  Listen,\n  Watch,\n  State,\n  Method,\n} from \"@stencil/core\";\nimport { getSlotElements } from \"../../utils/helpers\";\nimport { createPopper, Instance as PopperInstance } from \"@popperjs/core\";\n\n@Component({\n  tag: \"ic-popover-menu\",\n  styleUrl: \"ic-popover-menu.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class PopoverMenu {\n  private anchorEl: HTMLElement;\n  private ARIA_LABEL: string = \"aria-label\";\n  private backButton: HTMLIcMenuItemElement;\n  private currentFocus: number;\n  private firstRender: boolean = true;\n  private popoverMenuEls: HTMLIcMenuItemElement[] = [];\n  private popperInstance: PopperInstance;\n\n  @Element() host: HTMLIcPopoverMenuElement;\n\n  @State() openingFromChild: boolean = false;\n  @State() openingFromParent: boolean = false;\n\n  /**\n   * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.\n   */\n  @Prop() anchor: string;\n\n  /**\n   * @internal The parent popover menu of a child popover menu.\n   */\n  @Prop() parentLabel?: string;\n\n  /**\n   * @internal The parent popover menu of a child popover menu.\n   */\n  @Prop() parentPopover?: HTMLIcPopoverMenuElement;\n\n  /**\n   * The unique identifier for a popover submenu.\n   */\n  @Prop() submenuId?: string;\n\n  /**\n   * @internal The level of menu being displayed.\n   */\n  @Prop() submenuLevel: number = 1;\n\n  /**\n   * If `true`, the popover menu will be displayed.\n   */\n  @Prop({ reflect: true, mutable: true }) open: boolean = undefined;\n\n  @Watch(\"open\")\n  watchOpenHandler(): void {\n    if (this.open) {\n      if (\n        this.parentPopover !== undefined &&\n        !this.popoverMenuEls.some((menuItem) => menuItem.id)\n      ) {\n        this.popoverMenuEls.unshift(this.backButton);\n      }\n\n      this.currentFocus = this.submenuId !== undefined ? 1 : 0;\n      // Needed so that anchorEl isn't always focused\n      setTimeout(this.setButtonFocus, 50);\n    }\n  }\n\n  disconnectedCallback(): void {\n    if (this.popperInstance !== undefined) {\n      this.popperInstance.destroy();\n    }\n  }\n\n  componentDidLoad(): void {\n    const slotWrapper = this.host.shadowRoot.querySelector(\"ul.button\");\n    const popoverMenuElements = getSlotElements(slotWrapper);\n\n    if (popoverMenuElements !== null) {\n      this.addMenuItems(popoverMenuElements);\n    }\n\n    if (\n      this.submenuId === undefined &&\n      this.host.getAttribute(this.ARIA_LABEL) === null\n    ) {\n      console.error(\n        `No aria-label specified for popover menu component - aria-label required`\n      );\n    }\n  }\n\n  componentWillRender(): void {\n    this.anchorEl = this.findAnchorEl(this.anchor);\n  }\n\n  componentDidRender(): void {\n    if (this.firstRender && this.open) {\n      this.firstRender = false;\n      let adjust = false;\n\n      const dialogEl = this.host.closest(\"ic-dialog\");\n      const onDialog = dialogEl !== null;\n\n      if (onDialog) {\n        this.host.classList.add(\"on-dialog\");\n        const menu = this.host.getBoundingClientRect();\n        const dialogBottom = dialogEl.getBoundingClientRect().bottom;\n        const anchorHeight = this.anchorEl.getBoundingClientRect().height;\n        let offset;\n        if (dialogEl.getAttribute(\"data-overflow\") === \"false\") {\n          if (dialogBottom - menu.top < menu.height) {\n            adjust = true;\n            offset = menu.height + anchorHeight + 8;\n          }\n        } else {\n          adjust = true;\n          // 100 added here as that's the offset when data-overflow is true\n          offset = menu.height + anchorHeight + 8 + 100;\n        }\n        if (adjust === false) {\n          this.host.classList.add(\"on-dialog-fix-translate\");\n        } else {\n          this.host.style.setProperty(\n            \"--translate-y\",\n            `${offset}px`,\n            \"important\"\n          );\n          this.host.classList.add(\"on-dialog-translate-y\");\n        }\n      }\n\n      if (adjust) {\n        this.popperInstance = createPopper(this.anchorEl, this.host, {\n          placement: \"top\",\n        });\n      } else {\n        this.popperInstance = createPopper(this.anchorEl, this.host, {\n          placement: \"bottom-start\",\n          modifiers: [\n            {\n              name: \"offset\",\n              options: {\n                offset: [0, 4],\n              },\n            },\n            {\n              name: \"flip\",\n              options: {\n                fallbackPlacements: [\"top-start\", \"top-end\", \"bottom-end\"],\n                rootBoundary: \"viewport\",\n              },\n            },\n          ],\n        });\n      }\n    } else if (this.open) {\n      this.popperInstance.update();\n    }\n  }\n\n  @Listen(\"handleMenuItemClick\")\n  handleMenuItemClick(ev: CustomEvent): void {\n    if (!ev.detail.hasSubMenu && ev.detail.label !== \"Back\") {\n      this.closeMenu();\n    }\n  }\n\n  // This is listening for the event emitted when a menu item is acting as a trigger button\n  @Listen(\"triggerPopoverMenuInstance\", { capture: true })\n  handleSubmenuChange(ev: Event): void {\n    // Finds the trigger menu item that has emitted the event\n    const target = ev.target as HTMLIcMenuItemElement;\n    this.open = false;\n\n    // Find the popover menu that the menu item triggers (i.e. submenu-trigger-for === submenu-id).\n    const childEl = document.querySelector(\n      `ic-popover-menu[submenu-id=${target.submenuTriggerFor}]`\n    ) as HTMLIcPopoverMenuElement;\n    // Set the parent popover menu of the submenu and open the submenu\n    childEl.parentPopover = this.host;\n    childEl.anchor = this.anchor;\n    childEl.ariaLabel = this.host.getAttribute(this.ARIA_LABEL);\n    childEl.openFromParent();\n    childEl.submenuLevel = this.submenuLevel + 1;\n    // Set the label in the submenu using the label of the menu item that has emitted the event\n    childEl.parentLabel = target.label;\n  }\n\n  @Listen(\"click\", { target: \"document\" })\n  handleClick(ev: Event): void {\n    if (this.open && this.isNotPopoverMenuEl(ev)) {\n      // If menu is open and the next click on the document is not a popover El, close the popover\n      this.closeMenu();\n    }\n  }\n\n  // Manages the keyboard navigation in the popover menu\n  @Listen(\"keydown\", { target: \"document\" })\n  handleKeyDown(ev: KeyboardEvent): void {\n    switch (ev.key) {\n      case \"ArrowDown\":\n        ev.preventDefault();\n        this.currentFocus = this.getNextItemToSelect(this.currentFocus, true);\n        this.setButtonFocus();\n        break;\n      case \"ArrowUp\":\n        ev.preventDefault();\n        this.currentFocus = this.getNextItemToSelect(this.currentFocus, false);\n        this.setButtonFocus();\n        break;\n      case \"Home\":\n        //Sets home focus as first element, or back button\n        this.currentFocus = 0;\n        this.setButtonFocus();\n        break;\n      case \"End\":\n        //Sets end focus as last element\n        this.currentFocus = this.popoverMenuEls.length - 1;\n        this.setButtonFocus();\n        break;\n      case \"Escape\":\n      case \"Tab\":\n        if (this.open) {\n          this.closeMenu();\n          this.host.blur();\n        }\n        break;\n    }\n  }\n\n  /**\n   * @internal Opens the menu from the child menu.\n   */\n  @Method()\n  async openFromChild(): Promise<void> {\n    this.open = true;\n    this.openingFromChild = true;\n\n    setTimeout(() => (this.openingFromChild = false), 1000);\n  }\n\n  /**\n   * @internal Opens the menu from the parent menu.\n   */\n  @Method()\n  async openFromParent(): Promise<void> {\n    this.open = true;\n    this.openingFromParent = true;\n\n    setTimeout(() => (this.openingFromParent = false), 1000);\n  }\n\n  private setButtonFocus = () => {\n    this.popoverMenuEls[this.currentFocus]?.focus();\n  };\n\n  // Checks that the popover menu has an anchor\n  private findAnchorEl = (anchor: string): HTMLElement => {\n    let anchorElement: HTMLElement = null;\n    if (anchor === null || anchor === undefined) {\n      this.submenuId === undefined &&\n        console.error(\"No anchor specified for popover component\");\n    } else {\n      anchorElement = document.querySelector(\n        anchor.indexOf(\"#\") === 0 ? anchor : \"#\" + anchor\n      );\n      if (anchorElement === null) {\n        console.error(`Popover anchor element '${anchor}' not found`);\n      }\n    }\n    return anchorElement;\n  };\n\n  private isNotPopoverMenuEl = (ev: Event) => {\n    const target = ev.target as HTMLElement;\n    return (\n      target.id !== this.anchor &&\n      target.tagName !== \"IC-MENU-ITEM\" &&\n      target.tagName !== \"IC-MENU-GROUP\" &&\n      target.tagName !== \"IC-POPOVER-MENU\"\n    );\n  };\n\n  private closeMenu = () => {\n    this.open = false;\n    this.anchorEl?.focus();\n  };\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numButtons = this.popoverMenuEls.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n    // Check if wrap around necessary\n    if (nextItem < 0) {\n      nextItem = numButtons;\n    } else if (nextItem > numButtons) {\n      nextItem = 0;\n    }\n\n    return nextItem;\n  };\n\n  private addMenuItems = (elements: Element[] | NodeListOf<ChildNode>) => {\n    for (let i = 0; i < elements.length; i++) {\n      const el = elements[i] as HTMLIcMenuItemElement;\n      if (el.tagName === \"IC-MENU-ITEM\") {\n        this.popoverMenuEls.push(el);\n      } else if (el.tagName === \"IC-MENU-GROUP\") {\n        const groupSlotWrapper = el.shadowRoot.querySelector(\"ul\");\n        const menuGroupElements = getSlotElements(groupSlotWrapper);\n\n        this.addMenuItems(menuGroupElements);\n      }\n    }\n  };\n\n  private getMenuAriaLabel = (): string => {\n    const ariaLabel = this.host.getAttribute(this.ARIA_LABEL);\n\n    if (this.submenuId !== undefined) {\n      return `${ariaLabel}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`;\n    } else {\n      return ariaLabel;\n    }\n  };\n\n  private handleBackButtonClick = (): void => {\n    this.parentPopover.openFromChild();\n    this.open = false;\n  };\n\n  render() {\n    return (\n      <Host class={{ open: this.open }}>\n        <div\n          id={\n            this.parentPopover === undefined\n              ? `ic-popover-submenu-${this.submenuId}`\n              : \"\"\n          }\n          class={{\n            menu: true,\n          }}\n          tabindex={open ? \"0\" : \"-1\"}\n        >\n          <div\n            class={{\n              \"opening-from-parent\": this.openingFromParent,\n              \"opening-from-child\": this.openingFromChild,\n            }}\n          >\n            {this.submenuId !== undefined && (\n              <div>\n                <ic-menu-item\n                  class=\"ic-popover-submenu-back-button\"\n                  ref={(el) => (this.backButton = el)}\n                  label=\"Back\"\n                  onClick={this.handleBackButtonClick}\n                  id={`ic-popover-submenu-back-button-${this.submenuLevel}`}\n                >\n                  <svg\n                    slot=\"icon\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    class=\"submenu-back-icon\"\n                  >\n                    <path\n                      d=\"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z\"\n                      fill=\"currentColor\"\n                    />\n                  </svg>\n                </ic-menu-item>\n                <ic-typography variant=\"subtitle-small\" class=\"parent-label\">\n                  {this.parentLabel}\n                </ic-typography>\n              </div>\n            )}\n            <ul\n              class=\"button\"\n              aria-label={this.getMenuAriaLabel()}\n              role=\"menu\"\n              aria-owns={\n                this.submenuId !== undefined\n                  ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n                  : false\n              }\n              aria-controls={\n                this.submenuId !== undefined\n                  ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n                  : false\n              }\n            >\n              <slot></slot>\n            </ul>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/ic-popover-menu/test/a11y/ic-popover-menu.test.a11y.js

@@ -1,13 +0,0 @@
-import { fixture } from "@open-wc/testing-helpers";
-import { axe } from "jest-axe";
-import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
-describe("ic-popover-menu", () => {
-  it("passes accessibility", async () => {
-    const el = await fixture(`
-    <ic-button id="buttonEl">Button El</ic-button>
-    <ic-popover-menu anchor="#buttonEl" aria-label="Popover menu"></ic-popover-menu>`);
-    checkShadowElementRendersCorrectly(el);
-    expect(await axe(el)).toHaveNoViolations();
-  });
-});
-//# sourceMappingURL=ic-popover-menu.test.a11y.js.map

package/dist/collection/components/ic-popover-menu/test/a11y/ic-popover-menu.test.a11y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-popover-menu.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-popover-menu/test/a11y/ic-popover-menu.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;IACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;qFAEwD,CAAC,CAAC;IACnF,kCAAkC,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;EAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-popover-menu\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(`\n    <ic-button id=\"buttonEl\">Button El</ic-button>\n    <ic-popover-menu anchor=\"#buttonEl\" aria-label=\"Popover menu\"></ic-popover-menu>`);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}

package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.e2e.js

@@ -1,30 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("ic-popover-menu component", () => {
-  it("renders", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-button id="button-1">Anchor button</ic-button><ic-popover-menu anchor="button-1" aria-label="popover" open="true"><ic-menu-item label="Test button" id="test-button"></ic-menu-item></ic-popover-menu>`);
-    const element = await page.find("ic-popover-menu");
-    expect(element).toHaveClass("hydrated");
-  });
-  it("should emit triggerPopoverMenuInstance when submenu trigger button is clicked", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-button id="button-1">Anchor button</ic-button><ic-popover-menu anchor="button-1" aria-label="popover" open="true"><ic-menu-item label="Test button" id="test-button" submenu-trigger-for="submenu"></ic-menu-item></ic-popover-menu>`);
-    await page.waitForChanges();
-    const submenuTriggerButton = await page.find("#test-button");
-    const triggerPopoverMenuInstance = await page.spyOnEvent("triggerPopoverMenuInstance");
-    await submenuTriggerButton.click();
-    await page.waitForChanges();
-    expect(triggerPopoverMenuInstance).toHaveReceivedEvent();
-  });
-  it("should emit handleMenuItemClick when menu item is clicked", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-button id="button-1">Anchor button</ic-button><ic-popover-menu anchor="button-1" aria-label="popover" open="true"><ic-menu-item label="Test button" id="test-button"></ic-menu-item></ic-popover-menu>`);
-    await page.waitForChanges();
-    const triggerButton = await page.find("#test-button");
-    const handleMenuItemClick = await page.spyOnEvent("handleMenuItemClick");
-    await triggerButton.click();
-    await page.waitForChanges();
-    expect(handleMenuItemClick).toHaveReceivedEvent();
-  });
-});
-//# sourceMappingURL=ic-popover-menu.e2e.js.map

package/dist/collection/components/ic-popover-menu/test/basic/ic-popover-menu.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-popover-menu.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-popover-menu/test/basic/ic-popover-menu.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;EACzC,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACvB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB,4MAA4M,CAC7M,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IAEnD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC1C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;IAC7F,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB,0OAA0O,CAC3O,CAAC;IAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAE7D,MAAM,0BAA0B,GAAG,MAAM,IAAI,CAAC,UAAU,CACtD,4BAA4B,CAC7B,CAAC;IAEF,MAAM,oBAAoB,CAAC,KAAK,EAAE,CAAC;IAEnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,0BAA0B,CAAC,CAAC,mBAAmB,EAAE,CAAC;EAC3D,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;IACzE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB,4MAA4M,CAC7M,CAAC;IAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAEtD,MAAM,mBAAmB,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAEzE,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;IAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,mBAAmB,CAAC,CAAC,mBAAmB,EAAE,CAAC;EACpD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-popover-menu component\", () => {\n  it(\"renders\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-button id=\"button-1\">Anchor button</ic-button><ic-popover-menu anchor=\"button-1\" aria-label=\"popover\" open=\"true\"><ic-menu-item label=\"Test button\" id=\"test-button\"></ic-menu-item></ic-popover-menu>`\n    );\n\n    const element = await page.find(\"ic-popover-menu\");\n\n    expect(element).toHaveClass(\"hydrated\");\n  });\n\n  it(\"should emit triggerPopoverMenuInstance when submenu trigger button is clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-button id=\"button-1\">Anchor button</ic-button><ic-popover-menu anchor=\"button-1\" aria-label=\"popover\" open=\"true\"><ic-menu-item label=\"Test button\" id=\"test-button\" submenu-trigger-for=\"submenu\"></ic-menu-item></ic-popover-menu>`\n    );\n\n    await page.waitForChanges();\n\n    const submenuTriggerButton = await page.find(\"#test-button\");\n\n    const triggerPopoverMenuInstance = await page.spyOnEvent(\n      \"triggerPopoverMenuInstance\"\n    );\n\n    await submenuTriggerButton.click();\n\n    await page.waitForChanges();\n\n    expect(triggerPopoverMenuInstance).toHaveReceivedEvent();\n  });\n\n  it(\"should emit handleMenuItemClick when menu item is clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `<ic-button id=\"button-1\">Anchor button</ic-button><ic-popover-menu anchor=\"button-1\" aria-label=\"popover\" open=\"true\"><ic-menu-item label=\"Test button\" id=\"test-button\"></ic-menu-item></ic-popover-menu>`\n    );\n\n    await page.waitForChanges();\n\n    const triggerButton = await page.find(\"#test-button\");\n\n    const handleMenuItemClick = await page.spyOnEvent(\"handleMenuItemClick\");\n\n    await triggerButton.click();\n\n    await page.waitForChanges();\n\n    expect(handleMenuItemClick).toHaveReceivedEvent();\n  });\n});\n"]}