@ukic/web-components 2.1.0-beta.14 → 2.1.0-beta.16

package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.spec.js

@@ -0,0 +1,141 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { LoadingIndicator } from "./ic-loading-indicator";
+import { Typography } from "../ic-typography/ic-typography";
+import { waitForTimeout } from "../../testspec.setup";
+let page;
+beforeAll(() => {
+  jest.spyOn(console, "warn").mockImplementation(jest.fn());
+});
+afterEach(() => {
+  page.setContent("");
+});
+describe("ic-loading-indicator component", () => {
+  it("should render an indeterminate loading indicator with the correct label and set aria-labelledby", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator label="IC Loading Indicator Test"></ic-loading-indicator>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render a determinate loading indicator with the correct label and aria", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator progress="30" label="IC Loading Indicator Test"></ic-loading-indicator>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should not display a label is the size is 'icon'", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator label="IC Loading Indicator Test" size="icon"></ic-loading-indicator>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should set the typography variant for the label to 'label' for the 'small' size", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator label="IC Loading Indicator Test" size="small"></ic-loading-indicator>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should set the typography variant for the label to 'h4' for the 'default' size", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator label="IC Loading Indicator Test"></ic-loading-indicator>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should set the typography variant for the label to 'h2' for the 'large' size", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator label="IC Loading Indicator Test" size="large"></ic-loading-indicator>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should apply the description prop as an aria-label", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator description="IC Loading Indicator Test"></ic-loading-indicator>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should be styled correctly by setting the class names for the chosen indicator type", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator type="linear"></ic-loading-indicator>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should set the correct aria if min and max are provided", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator progress="30" min="10" max="50"></ic-loading-indicator>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should update label after label-duration passed", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator label="waiting/still waiting" label-duration="2000"></ic-loading-indicator>`,
+    });
+    expect(page.rootInstance.indicatorLabel).toEqual("waiting");
+    await waitForTimeout(2001);
+    await page.waitForChanges();
+    expect(page.rootInstance.indicatorLabel).toEqual("still waiting");
+    await waitForTimeout(2001);
+    await page.waitForChanges();
+    expect(page.rootInstance.indicatorLabel).toEqual("waiting");
+  });
+  it("should render linear determinate progress bar", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator progress="30" min="10" max="50" type='linear'></ic-loading-indicator>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should render linear indeterminate progress bar", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator type='linear'></ic-loading-indicator>`,
+    });
+    expect(page.root).toMatchSnapshot();
+  });
+  it("should test updating label and progress props", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator label="IC Loading Indicator Test" size="large"></ic-loading-indicator>`,
+    });
+    expect(page.rootInstance.label).toBe("IC Loading Indicator Test");
+    page.root.label = "New label";
+    page.root.progress = 20;
+    await page.waitForChanges();
+    expect(page.rootInstance.label).toBe("New label");
+    expect(page.rootInstance.progress).toBe(20);
+  });
+  it("should test updating progress - linear", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator progress="10" min="10" max="50" type='linear'></ic-loading-indicator>`,
+    });
+    expect(page.rootInstance.progress).toBe(10);
+    page.root.progress = 20;
+    await page.waitForChanges();
+    expect(page.rootInstance.progress).toBe(20);
+  });
+  it("should test setting circularDiameter", async () => {
+    page = await newSpecPage({
+      components: [LoadingIndicator, Typography],
+      html: `<ic-loading-indicator label="IC Loading Indicator Test"></ic-loading-indicator>`,
+    });
+    page.root.progress = "20";
+    await page.waitForChanges();
+    page.rootInstance.circularDiameter = "100";
+    await page.waitForChanges();
+    page.rootInstance.setCircleXY();
+    await page.waitForChanges();
+    const circle = page.root.shadowRoot.querySelector("svg circle");
+    const x = circle.getAttribute("cx");
+    expect(x).toBe("50");
+  });
+});
+//# sourceMappingURL=ic-loading-indicator.spec.js.map

package/dist/collection/components/ic-loading-indicator/ic-loading-indicator.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ic-loading-indicator.spec.js","sourceRoot":"","sources":["../../../src/components/ic-loading-indicator/ic-loading-indicator.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage, SpecPage } from \"@stencil/core/testing\";\nimport { LoadingIndicator } from \"./ic-loading-indicator\";\nimport { Typography } from \"../ic-typography/ic-typography\";\nimport { waitForTimeout } from \"../../testspec.setup\";\n\nlet page: SpecPage;\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\nafterEach(() => {\n  page.setContent(\"\");\n});\n\ndescribe(\"ic-loading-indicator component\", () => {\n  it(\"should render an indeterminate loading indicator with the correct label and set aria-labelledby\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator label=\"IC Loading Indicator Test\"></ic-loading-indicator>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a determinate loading indicator with the correct label and aria\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator progress=\"30\" label=\"IC Loading Indicator Test\"></ic-loading-indicator>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should not display a label is the size is 'icon'\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator label=\"IC Loading Indicator Test\" size=\"icon\"></ic-loading-indicator>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should set the typography variant for the label to 'label' for the 'small' size\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator label=\"IC Loading Indicator Test\" size=\"small\"></ic-loading-indicator>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should set the typography variant for the label to 'h4' for the 'default' size\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator label=\"IC Loading Indicator Test\"></ic-loading-indicator>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should set the typography variant for the label to 'h2' for the 'large' size\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator label=\"IC Loading Indicator Test\" size=\"large\"></ic-loading-indicator>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should apply the description prop as an aria-label\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator description=\"IC Loading Indicator Test\"></ic-loading-indicator>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should be styled correctly by setting the class names for the chosen indicator type\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator type=\"linear\"></ic-loading-indicator>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should set the correct aria if min and max are provided\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator progress=\"30\" min=\"10\" max=\"50\"></ic-loading-indicator>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should update label after label-duration passed\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator label=\"waiting/still waiting\" label-duration=\"2000\"></ic-loading-indicator>`,\n    });\n\n    expect(page.rootInstance.indicatorLabel).toEqual(\"waiting\");\n\n    await waitForTimeout(2001);\n    await page.waitForChanges();\n\n    expect(page.rootInstance.indicatorLabel).toEqual(\"still waiting\");\n\n    await waitForTimeout(2001);\n    await page.waitForChanges();\n    expect(page.rootInstance.indicatorLabel).toEqual(\"waiting\");\n  });\n\n  it(\"should render linear determinate progress bar\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator progress=\"30\" min=\"10\" max=\"50\" type='linear'></ic-loading-indicator>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render linear indeterminate progress bar\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator type='linear'></ic-loading-indicator>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test updating label and progress props\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator label=\"IC Loading Indicator Test\" size=\"large\"></ic-loading-indicator>`,\n    });\n\n    expect(page.rootInstance.label).toBe(\"IC Loading Indicator Test\");\n\n    page.root.label = \"New label\";\n    page.root.progress = 20;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.label).toBe(\"New label\");\n    expect(page.rootInstance.progress).toBe(20);\n  });\n\n  it(\"should test updating progress - linear\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator progress=\"10\" min=\"10\" max=\"50\" type='linear'></ic-loading-indicator>`,\n    });\n    expect(page.rootInstance.progress).toBe(10);\n    page.root.progress = 20;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.progress).toBe(20);\n  });\n\n  it(\"should test setting circularDiameter\", async () => {\n    page = await newSpecPage({\n      components: [LoadingIndicator, Typography],\n      html: `<ic-loading-indicator label=\"IC Loading Indicator Test\"></ic-loading-indicator>`,\n    });\n\n    page.root.progress = \"20\";\n    await page.waitForChanges();\n    page.rootInstance.circularDiameter = \"100\";\n    await page.waitForChanges();\n    page.rootInstance.setCircleXY();\n    await page.waitForChanges();\n\n    const circle = page.root.shadowRoot.querySelector(\"svg circle\");\n    const x = circle.getAttribute(\"cx\");\n    expect(x).toBe(\"50\");\n  });\n});\n"]}

package/dist/collection/components/ic-menu/ic-menu.css

@@ -475,6 +475,14 @@ video {
   height: var(--ic-space-md);
 }
 
+:host(.on-dialog) {
+  inset: auto !important;
+}
+
+:host(.on-dialog-fix-translate) {
+  transform: translate(0, 80px) !important;
+}
+
 .menu {
   text-decoration: none;
   list-style-type: none;
@@ -590,7 +598,7 @@ video {
 }
 
 .last-recommended-option {
-  border-bottom: var(--ic-space-1px) solid var(--ic-architectural-400);
+  border-bottom: var(--ic-border-default);
 }
 
 .disabled-option {

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

@@ -12,6 +12,8 @@ export class Menu {
     this.preventClickOpen = false;
     this.hasTimedOut = false;
     this.isLoading = false;
+    this.hasPreviouslyBlurred = false;
+    this.firstRender = true;
     this.handleClearListener = () => {
       this.optionHighlighted = "";
     };
@@ -20,8 +22,6 @@ export class Menu {
       this.setInputValue(highlightedOptionIndex);
     };
     this.handleMenuChange = (open, focusInput) => {
-      if (!open)
-        this.popperInstance.destroy();
       this.menuStateChange.emit({ open, focusInput });
       if (!open && focusInput !== false) {
         this.inputEl.focus();
@@ -168,6 +168,9 @@ export class Menu {
           this.value = (_a = menuOptions[highlightedOptionIndex]) === null || _a === void 0 ? void 0 : _a.value;
           break;
         case "Escape":
+          if (this.open) {
+            event.stopImmediatePropagation();
+          }
           this.handleMenuChange(false);
           this.menuOptionId.emit({ optionId: undefined });
           break;
@@ -236,13 +239,15 @@ export class Menu {
     this.handleBlur = (event) => {
       if (event.relatedTarget !== this.inputEl) {
         if (!this.menu.contains(event.relatedTarget)) {
-          this.handleMenuChange(false, false);
+          this.handleMenuChange(false, this.hasPreviouslyBlurred);
         }
       }
       else {
         this.handleMenuChange(false);
         this.preventClickOpen = true;
       }
+      if (!this.isSearchBar)
+        this.hasPreviouslyBlurred = !!event.relatedTarget;
     };
     this.handleMouseDown = (event) => {
       event.preventDefault();
@@ -433,6 +438,9 @@ export class Menu {
     this.ungroupedOptions = [];
     this.loadUngroupedOptions();
   }
+  watchValueHandler() {
+    this.menuValueChange.emit({ value: this.value });
+  }
   /**
    * @internal If menu is opened with the mouse, emit menuStateChange custom event.
    */
@@ -471,11 +479,12 @@ export class Menu {
     }
   }
   componentWillLoad() {
+    var _a, _b;
     this.loadUngroupedOptions();
     this.parentEl.addEventListener("icClear", this.handleClearListener);
     this.parentEl.addEventListener("icSubmitSearch", this.handleSubmitSearch);
-    this.hasTimedOut = this.options.some((opt) => opt.timedOut);
-    this.isLoading = this.options.some((opt) => opt.loading);
+    this.hasTimedOut = (_a = this.options) === null || _a === void 0 ? void 0 : _a.some((opt) => opt.timedOut);
+    this.isLoading = (_b = this.options) === null || _b === void 0 ? void 0 : _b.some((opt) => opt.loading);
   }
   componentDidLoad() {
     if (this.isSearchBar &&
@@ -491,25 +500,53 @@ export class Menu {
     ], "Menu");
   }
   componentDidRender() {
-    if (this.open) {
-      this.popperInstance = createPopper(this.anchorEl, this.host, {
-        placement: "bottom",
-        modifiers: [
-          {
-            name: "offset",
-            options: {
-              offset: [0, 7],
+    if (this.firstRender && this.open) {
+      this.firstRender = false;
+      let adjust = false;
+      const dialogEl = this.parentEl.closest("ic-dialog");
+      const onDialog = dialogEl !== null;
+      if (onDialog) {
+        this.host.classList.add("on-dialog");
+        if (dialogEl.getAttribute("data-overflow") === "false") {
+          const menuTop = this.host.getBoundingClientRect().top;
+          const menuHeight = this.host.getBoundingClientRect().height;
+          const dialogHeight = dialogEl.getBoundingClientRect().bottom;
+          if (menuTop + menuHeight > dialogHeight) {
+            adjust = true;
+          }
+        }
+        if (adjust === false) {
+          this.host.classList.add("on-dialog-fix-translate");
+        }
+      }
+      if (adjust) {
+        this.popperInstance = createPopper(this.anchorEl, this.host, {
+          placement: "top",
+        });
+      }
+      else {
+        this.popperInstance = createPopper(this.anchorEl, this.host, {
+          placement: "bottom",
+          modifiers: [
+            {
+              name: "offset",
+              options: {
+                offset: [0, 7],
+              },
             },
-          },
-          {
-            name: "flip",
-            options: {
-              fallbackPlacements: ["top"],
-              rootBoundary: "viewport",
+            {
+              name: "flip",
+              options: {
+                fallbackPlacements: ["top"],
+                rootBoundary: "viewport",
+              },
             },
-          },
-        ],
-      });
+          ],
+        });
+      }
+    }
+    else if (this.open) {
+      this.popperInstance.update();
     }
     if (this.open && !!this.options.length) {
       this.setMenuScrollbar();
@@ -543,6 +580,9 @@ export class Menu {
     }
   }
   disconnectedCallback() {
+    if (this.popperInstance !== undefined) {
+      this.popperInstance.destroy();
+    }
     this.parentEl.removeEventListener("icClear", this.handleClearListener);
     this.parentEl.removeEventListener("icSubmitSearch", this.handleSubmitSearch);
   }
@@ -655,7 +695,7 @@ export class Menu {
       },
       "value": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "string",
           "resolved": "string",
@@ -908,6 +948,29 @@ export class Menu {
           "resolved": "{ isNavKey: boolean; key: string; }",
           "references": {}
         }
+      }, {
+        "method": "menuValueChange",
+        "name": "menuValueChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [{
+              "name": "internal",
+              "text": "Emitted when menu value changes."
+            }],
+          "text": ""
+        },
+        "complexType": {
+          "original": "IcValueEventDetail",
+          "resolved": "IcValueEventDetail",
+          "references": {
+            "IcValueEventDetail": {
+              "location": "import",
+              "path": "../../utils/types"
+            }
+          }
+        }
       }, {
         "method": "ungroupedOptionsSet",
         "name": "ungroupedOptionsSet",
@@ -1053,6 +1116,9 @@ export class Menu {
     return [{
         "propName": "options",
         "methodName": "watchOptionsHandler"
+      }, {
+        "propName": "value",
+        "methodName": "watchValueHandler"
       }];
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ic-menu.js","sourceRoot":"","sources":["../../../src/components/ic-menu/ic-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,GACT,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,YAAY,EAA8B,MAAM,gBAAgB,CAAC;AAO1E,OAAO,KAAK,MAAM,6BAA6B,CAAC;AAChD,OAAO,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AAYvE,6DAA6D;AAC7D,MAAM,OAAO,IAAI;;IAEP,qBAAgB,GAAmB,EAAE,CAAC;IAEtC,gBAAW,GAAY,KAAK,CAAC;IAC7B,uBAAkB,GAAY,KAAK,CAAC;IAC5C,uFAAuF;IAC/E,qBAAgB,GAAY,KAAK,CAAC;IAClC,gBAAW,GAAY,KAAK,CAAC;IAC7B,cAAS,GAAY,KAAK,CAAC;IAiH3B,wBAAmB,GAAG,GAAS,EAAE;MACvC,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEM,uBAAkB,GAAG,GAAS,EAAE;MACtC,MAAM,sBAAsB,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CACnD,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,iBAAiB,CACpD,CAAC;MAEF,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEM,qBAAgB,GAAG,CAAC,IAAa,EAAE,UAAoB,EAAQ,EAAE;MACvE,IAAI,CAAC,IAAI;QAAE,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,CAAC;MACzC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;MAEhD,IAAI,CAAC,IAAI,IAAI,UAAU,KAAK,KAAK,EAAE;QACjC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACrB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;OAC/B;IACH,CAAC,CAAC;IAEM,uBAAkB,GAAG,CAAC,mBAA2B,EAAQ,EAAE;MACjE,IAAI,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,CAAC,CAAC,EAAE;QAClD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;UACzB,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC,KAAK;UAC3D,QAAQ,EAAE,IAAI,CAAC,WAAW,CACxB,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC,KAAK,CACrD;SACF,CAAC,CAAC;OACJ;WAAM;QACL,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;UACzB,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK;UACrC,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;SAC3D,CAAC,CAAC;OACJ;IACH,CAAC,CAAC;IAEM,2BAAsB,GAAG,CAAC,mBAA2B,EAAQ,EAAE;MACrE,IAAI,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,CAAC,CAAC,EAAE;QAClD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;UACzB,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC,KAAK;UAC3D,QAAQ,EAAE,IAAI,CAAC,WAAW,CACxB,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC,KAAK,CACrD;SACF,CAAC,CAAC;OACJ;WAAM;QACL,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;UACzB,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK;UACpE,QAAQ,EAAE,IAAI,CAAC,WAAW,CACxB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,CAC9D;SACF,CAAC,CAAC;OACJ;IACH,CAAC,CAAC;IAsCM,gBAAW,GAAG,CAAC,MAAmB,EAAE,EAAE;MAC5C,IAAI,MAAM,CAAC,OAAO,KAAK,eAAe,EAAE;QACtC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;OACzB;WAAM,IACL,MAAM,CAAC,OAAO,KAAK,WAAW;QAC9B,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,IAAI;QAC1C,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,SAAS,EAC/C;QACA,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;OAChC;IACH,CAAC,CAAC;IAEM,mBAAc,GAAG,CAAC,KAAoB,EAAQ,EAAE;MACtD,KAAK,CAAC,cAAc,EAAE,CAAC;MACvB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEM,mBAAc,GAAG,GAAG,EAAE,CAC5B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC;IAElD,yBAAoB,GAAG,CAAC,gBAAwB,EAAQ,EAAE;MAChE,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;MAE1C,WAAW,CAAC,gBAAgB,CAAC;QAC3B,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,QAAQ;QACvC,CAAC,IAAI,CAAC,iBAAiB;UACrB,WAAW,CAAC,gBAAgB,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC;IACxD,CAAC,CAAC;IAEM,kCAA6B,GAAG,CAAC,KAAoB,EAAE,EAAE;MAC/D,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CACzD,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CACxC,CAAC;MAEF,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;MAEzB,QAAQ,KAAK,CAAC,GAAG,EAAE;QACjB,KAAK,WAAW;UACd,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;UACxB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;UAC3B,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;UAC7C,MAAM;QACR,KAAK,SAAS;UACZ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;UACxB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;UAC3B,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;UACjD,MAAM;QACR,KAAK,GAAG,CAAC;QACT,KAAK,OAAO;UACV,IAAK,KAAK,CAAC,MAAsB,CAAC,EAAE,KAAK,cAAc,EAAE;YACvD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;WAC7B;UACD,MAAM;OACT;IACH,CAAC,CAAC;IAEM,iCAA4B,GAAG,CAAC,KAAoB,EAAE,EAAE;;MAC9D,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;MAE1C,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;MAEzB,MAAM,sBAAsB,GAAG,WAAW,CAAC,SAAS,CAClD,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,iBAAiB,CACpD,CAAC;MAEF,MAAM,WAAW,GAAG,CAAC,KAAa,EAAU,EAAE,WAC5C,OAAA,MAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,0CAAE,EAAE,CAAA,EAAA,CAAC;MAE1D,QAAQ,KAAK,CAAC,GAAG,EAAE;QACjB,KAAK,WAAW;UACd,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;UACxB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;UAC3B,IAAI,sBAAsB,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;YACnD,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,GAAG,CAAC,CAAC,CAAC;YACtD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;cACrB,QAAQ,EAAE,WAAW,CAAC,sBAAsB,GAAG,CAAC,CAAC;aAClD,CAAC,CAAC;WACJ;eAAM;YACL,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;YAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;cACrB,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;aACzB,CAAC,CAAC;WACJ;UACD,IAAI,CAAC,wBAAwB,GAAG,KAAK,CAAC;UACtC,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;UACrC,MAAM;QACR,KAAK,SAAS;UACZ,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;UACxB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;UAC3B,IACE,sBAAsB,IAAI,CAAC;YAC3B,sBAAsB,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,EAC/C;YACA,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAClD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;cACrB,QAAQ,EAAE,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;aAC9C,CAAC,CAAC;WACJ;eAAM;YACL,IAAI,CAAC,oBAAoB,CAAC,sBAAsB,GAAG,CAAC,CAAC,CAAC;YACtD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;cACrB,QAAQ,EAAE,WAAW,CAAC,sBAAsB,GAAG,CAAC,CAAC;aAClD,CAAC,CAAC;WACJ;UACD,IAAI,CAAC,wBAAwB,GAAG,KAAK,CAAC;UACtC,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;UACrC,MAAM;QACR,KAAK,MAAM;UACT,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;UACxB,KAAK,CAAC,cAAc,EAAE,CAAC;UACvB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;UAC3B,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;UAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;YACrB,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;WACzB,CAAC,CAAC;UACH,MAAM;QACR,KAAK,KAAK;UACR,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;UACxB,KAAK,CAAC,cAAc,EAAE,CAAC;UACvB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;UAC3B,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;UAClD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;YACrB,QAAQ,EAAE,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;WAC9C,CAAC,CAAC;UACH,MAAM;QACR,KAAK,OAAO;UACV,KAAK,CAAC,cAAc,EAAE,CAAC;UACvB,IAAI,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;UAC3C,IAAI,CAAC,KAAK,GAAG,MAAA,WAAW,CAAC,sBAAsB,CAAC,0CAAE,KAAK,CAAC;UACxD,MAAM;QACR,KAAK,QAAQ;UACX,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;UAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;UAChD,MAAM;QACR,KAAK,OAAO,CAAC;QACb,KAAK,KAAK;UACR,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;WACzB;UACD,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC;UACrC,MAAM;QACR,KAAK,WAAW;UACd,IAAI,IAAI,CAAC,WAAW,EAAE;YACnB,IAAI,CAAC,QAAmC,CAAC,QAAQ,EAAE,CAAC;YACrD,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;WAC9B;eAAM,IAAI,IAAI,CAAC,kBAAkB,EAAE;YACjC,IAAI,CAAC,QAAgC,CAAC,QAAQ,EAAE,CAAC;YAClD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;WACnB;UACD,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;UACpC,MAAM;QACR;UACE,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;YACvB,IAAI,IAAI,CAAC,WAAW,EAAE;cACnB,IAAI,CAAC,QAAmC,CAAC,QAAQ,EAAE,CAAC;cACrD,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;aAC9B;iBAAM,IAAI,IAAI,CAAC,kBAAkB,EAAE;cACjC,IAAI,CAAC,QAAgC,CAAC,QAAQ,EAAE,CAAC;cAClD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;aACnB;YACD,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;WACrC;UACD,MAAM;OACT;IACH,CAAC,CAAC;IAEM,kBAAa,GAAG,CAAC,sBAA8B,EAAE,EAAE;;MACzD,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;MAE1C,IAAI,WAAW,CAAC,sBAAsB,CAAC,EAAE;QACvC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;UACzB,KAAK,EAAE,MAAA,WAAW,CAAC,sBAAsB,CAAC,0CAAE,KAAK;SAClD,CAAC,CAAC;QACH,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAAC;QACnC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC;OACjD;MACD,IAAI,CAAC,IAAI,CAAC,WAAW;QAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;;QAC9C,IAAI,CAAC,QAAmC,CAAC,QAAQ,EAAE,CAAC;IAC5D,CAAC,CAAC;IAEM,sBAAiB,GAAG,CAAC,KAAY,EAAQ,EAAE;MACjD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAI,KAAK,CAAC,MAAwB,CAAC,OAAO,CAAC;MACjE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;MAC7C,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEM,gBAAW,GAAG,GAAS,EAAE;MAC/B,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC,CAAC;IAEM,uBAAkB,GAAG,CAAC,EAAiB,EAAQ,EAAE;MACvD,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE;QACxC,EAAE,CAAC,cAAc,EAAE,CAAC;QACpB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;OACzE;IACH,CAAC,CAAC;IAEM,eAAU,GAAG,CAAC,KAAiB,EAAQ,EAAE;MAC/C,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC,OAAO,EAAE;QACxC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,aAA4B,CAAC,EAAE;UAC3D,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;SACrC;OACF;WAAM;QACL,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;OAC9B;IACH,CAAC,CAAC;IAEM,oBAAe,GAAG,CAAC,KAAY,EAAQ,EAAE;MAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC,CAAC;IAEM,sBAAiB,GAAG,CAAC,KAAoB,EAAE,EAAE;MACnD,IAAI,IAAI,CAAC,cAAc,KAAK,WAAW,EAAE;QACvC,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;OACvC;WAAM,IAAI,IAAI,CAAC,cAAc,KAAK,QAAQ,IAAI,IAAI,CAAC,kBAAkB,EAAE;QACtE,IAAI,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;OAC1C;IACH,CAAC,CAAC;IAEM,qBAAgB,GAAG,CAAC,QAAiB,EAAE,GAAW,EAAE,EAAE;MAC5D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEM,8BAAyB,GAAG,CAAC,KAAoB,EAAQ,EAAE;MACjE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;MAC1B,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CACzD,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CACxC,CAAC;MAEF,MAAM,kBAAkB,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,KAAK,OAAO,CAAC;MAE5D,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;MAEzB,QAAQ,KAAK,CAAC,GAAG,EAAE;QACjB,KAAK,GAAG;UACN,KAAK,CAAC,cAAc,EAAE,CAAC;UACvB,MAAM;QACR,KAAK,SAAS;UACZ,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;YACjD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;WACzB;UACD,MAAM;QACR,KAAK,WAAW;UACd,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;YAC7C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;WACzB;UACD,MAAM;QACR,KAAK,MAAM;UACT,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;YACzB,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK;WACtC,CAAC,CAAC;UACH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;UACxB,MAAM;QACR,KAAK,KAAK;UACR,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;YACzB,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK;WACrE,CAAC,CAAC;UACH,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;UACxB,MAAM;QACR,KAAK,OAAO;UACV,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;UAClD,MAAM;QACR,KAAK,QAAQ;UACX,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;UAC7B,MAAM;QACR,KAAK,WAAW;UACd,IAAI,kBAAkB,EAAE;YACtB,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;WACtB;UACD,MAAM;QACR,KAAK,OAAO;UACV,MAAM;QACR;UACE,IAAI,kBAAkB,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YAClE,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;WACtB;UACD,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;YAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;WACzB;UACD,MAAM;OACT;MACD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACrD,CAAC,CAAC;IAEM,oBAAe,GAAG,CAAC,KAAoB,EAAQ,EAAE;MACvD,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE;QACzC,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;OAC/B;IACH,CAAC,CAAC;IAEM,gBAAW,GAAG,CAAC,KAAa,EAAU,EAAE;MAC9C,OAAO,GAAG,IAAI,CAAC,MAAM,IAAI,KAAK,EAAE,CAAC;IACnC,CAAC,CAAC;IAEM,uBAAkB,GAAG,CAC3B,MAAoB,EACpB,YAA0B,EAClB,EAAE;MACV,IAAI,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC;MAE7B,IAAI,MAAM,CAAC,WAAW,EAAE;QACtB,SAAS,GAAG,GAAG,SAAS,KAAK,MAAM,CAAC,WAAW,EAAE,CAAC;OACnD;MAED,IAAI,YAAY,EAAE;QAChB,OAAO,GAAG,SAAS,KAAK,YAAY,CAAC,KAAK,QAAQ,CAAC;OACpD;WAAM;QACL,OAAO,SAAS,CAAC;OAClB;IACH,CAAC,CAAC;IAEM,qBAAgB,GAAG,CAAC,OAAuB,EAAkB,EAAE;MACrE,IAAI,MAAM,GAAmB,EAAE,CAAC;MAChC,IAAI,OAAO,CAAC,IAAI,EAAE;QAChB,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,EAAE,CACzC,OAAO,CAAC,WAAW,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CACrD,CAAC;OACH;MACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEM,iBAAY,GAAG,IAAI,CAAC,cAAc,KAAK,QAAQ,CAAC;IAEhD,qBAAgB,GAAG,CAAC,IAAsB,EAAE,EAAE;MACpD,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,CACvC,wBAAwB,CACV,CAAC;MAEjB,IAAI,cAAc,EAAE;QAClB,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,GAAG,cAAc,CAAC,YAAY,CAAC;QACrE,IACE,KAAK,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY;UAC1C,KAAK,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAC1C;UACA,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC;SAC3C;QACD,cAAc,CAAC,KAAK,EAAE,CAAC;OACxB;IACH,CAAC,CAAC;IAEM,yBAAoB,GAAG,GAAG,EAAE;MAClC,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE;QAC/C,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;UAC1B,IAAI,MAAM,CAAC,QAAQ,EAAE;YACnB,MAAM,CAAC,QAAQ,CAAC,GAAG,CACjB,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CACnE,CAAC;WACH;eAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE;YAC3B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;WACpC;QACH,CAAC,CAAC,CAAC;OACJ;MACD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;MACrE,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;IACpE,CAAC,CAAC;IAEM,qBAAgB,GAAG,GAAG,EAAE;MAC9B,IAAI,aAAa,GAAG,CAAC,CAAC;MACtB,IAAI,CAAC,IAAI;SACN,gBAAgB,CAAC,SAAS,CAAC;SAC3B,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,aAAa,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;MAE/D,IAAI,aAAa,IAAI,GAAG,EAAE;QACxB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;OACxC;IACH,CAAC,CAAC;IAEM,sBAAiB,GAAG,CAAC,EAAc,EAAE,EAAE;MAC7C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAChC,CAAC,CAAC;IAkHM,kBAAa,GAAG,CAAC,MAAoB,EAAE,EAAE;;MAC/C,OAAO,CACL,EAAC,QAAQ;QACN,MAAM,CAAC,OAAO,IAAI,4BAAsB,IAAI,EAAC,MAAM,GAAG;QACvD,WAAK,KAAK,EAAC,uBAAuB;UAChC,qBAAe,OAAO,EAAC,MAAM,iBAAa,MAAM;YAC9C,aAAI,MAAM,CAAC,KAAK,CAAK,CACP;UACf,MAAM,CAAC,WAAW,IAAI,CACrB,qBACE,EAAE,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,cAAc,EACpD,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAC,SAAS,iBACL,MAAM;YAElB,aAAI,MAAM,CAAC,WAAW,CAAK,CACb,CACjB,CACG;QACL,CAAC,CAAC,MAAM,CAAC,KAAK;UACb,CAAC,CAAC,IAAI,CAAC,KAAK;UACZ,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,WAAW,EAAE,OAAK,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,EAAE,CAAA;UACzD,IAAI,CAAC,QAAQ,CAAC,OAAO,KAAK,eAAe,IAAI,CAC3C,YAAM,KAAK,EAAC,YAAY,EAAC,SAAS,EAAE,KAAK,GAAI,CAC9C,CACM,CACZ,CAAC;IACJ,CAAC,CAAC;IAEM,kBAAa,GAAG,CACtB,MAAoB,EACpB,KAAc,EACd,YAA2B,EACZ,EAAE;MACjB,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,WAAW,EACX,YAAY,EACZ,wBAAwB,EACxB,iBAAiB,EACjB,OAAO,GACR,GAAG,IAAI,CAAC;MAET,OAAO,CACL,UACE,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,EAClC,KAAK,EAAE;UACL,MAAM,EAAE,IAAI;UACZ,gBAAgB,EAAE,YAAY;YAC5B,CAAC,CAAC,CAAC,WAAW,IAAI,wBAAwB,CAAC;cACzC,MAAM,CAAC,KAAK,KAAK,iBAAiB;YACpC,CAAC,CAAC,WAAW,IAAI,MAAM,CAAC,KAAK,KAAK,KAAK;UACzC,yBAAyB,EACvB,MAAM,CAAC,WAAW;YAClB,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;YAClB,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW;UACjC,iBAAiB,EAAE,MAAM,CAAC,QAAQ;UAClC,gBAAgB,EAAE,MAAM,CAAC,OAAO;UAChC,OAAO,EAAE,MAAM,CAAC,QAAQ;SACzB,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EACN,IAAI;UACJ,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,IAAI,MAAM,CAAC,KAAK,KAAK,iBAAiB,CAAC;UAC9D,WAAW;UACT,CAAC,CAAC,GAAG;UACL,CAAC,CAAC,IAAI,gBAEE,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,YAAY,CAAC,mBAC1C,MAAM,CAAC,KAAK,KAAK,KAAK,mBACtB,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EACjD,OAAO,EAAE,CAAC,MAAM,CAAC,QAAQ,IAAI,CAAC,MAAM,CAAC,OAAO,IAAI,IAAI,CAAC,iBAAiB,EACtE,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,WAAW,EAAE,IAAI,CAAC,eAAe,gBACrB,MAAM,CAAC,KAAK,gBACZ,MAAM,CAAC,KAAK,IAEvB,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjB,EAAC,QAAQ;QACP,WAAK,KAAK,EAAC,oBAAoB;UAC7B,WACE,KAAK,EAAC,gBAAgB,qBACN,aAAa,EAC7B,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,SAAS;YAEd,aAAO,EAAE,EAAC,aAAa,YAAc;YACrC,YAAM,CAAC,EAAC,eAAe,EAAC,IAAI,EAAC,MAAM,GAAG;YACtC,YAAM,CAAC,EAAC,iLAAiL,GAAG,CACxL;UACN,qBAAe,OAAO,EAAC,OAAO,IAAE,MAAM,CAAC,KAAK,CAAiB,CACzD;QACN,iBACE,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,UAAU,EAClB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAClC,MAAM,EAAE,IAAI,CAAC,iBAAiB,EAC9B,EAAE,EAAC,cAAc,YAGP,CACH,CACZ,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAC3B,CACE,CACN,CAAC;IACJ,CAAC,CAAC;;;iBAjxByC,KAAK;;;0BAeH,WAAW;;;;;qBAyB3B,KAAK;+BAKK,IAAI;uBAEX,KAAK;;mCAEO,KAAK;oCACJ,KAAK;oCACL,KAAK;;EAGlD,mBAAmB,CAAC,UAA0B;IAC5C,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC1D,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACvD,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;IAC3B,IAAI,CAAC,oBAAoB,EAAE,CAAC;EAC9B,CAAC;EA6FD;;KAEG;EAEH,KAAK,CAAC,eAAe;IACnB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;MAC1B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;MAChD,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;KAC1B;IACD,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;EAChC,CAAC;EAED;;;;KAIG;EAEH,KAAK,CAAC,kBAAkB,CAAC,KAAoB;IAC3C,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAEzB,IAAI,IAAI,CAAC,cAAc,KAAK,WAAW,EAAE;MACvC,IAAI,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC;KAC3C;SAAM;MACL,IAAI,CAAC,4BAA4B,CAAC,KAAK,CAAC,CAAC;KAC1C;EACH,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,oBAAoB;IACxB,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;EAC/B,CAAC;EAyXD,iBAAiB;IACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAEhC,IAAI,IAAI,CAAC,WAAW,EAAE;MACpB,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC;MAC7B,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC;KACtC;EACH,CAAC;EAED,iBAAiB;IACf,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC5B,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACpE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC1E,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC5D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;EAC3D,CAAC;EAED,gBAAgB;IACd,IACE,IAAI,CAAC,WAAW;MACf,IAAI,CAAC,QAAmC,CAAC,aAAa,EACvD;MACA,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;KACrC;IAED,gCAAgC,CAC9B;MACE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE;MACrC,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE;MAC3C,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE;MAC1C,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE;MAClD,mHAAmH;KACpH,EACD,MAAM,CACP,CAAC;EACJ,CAAC;EAED,kBAAkB;IAChB,IAAI,IAAI,CAAC,IAAI,EAAE;MACb,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE;QAC3D,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE;UACT;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;cACP,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACf;WACF;UACD;YACE,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE;cACP,kBAAkB,EAAE,CAAC,KAAK,CAAC;cAC3B,YAAY,EAAE,UAAU;aACzB;WACF;SACF;OACF,CAAC,CAAC;KACJ;IAED,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;MACtC,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;EACH,CAAC;EAED,kBAAkB;IAChB,MAAM,mBAAmB,GAAY,IAAI,CAAC,OAAO,CAAC,IAAI,CACpD,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CACxC,CAAC;IAEF,MAAM,sBAAsB,GAC1B,IAAI,CAAC,iBAAiB,KAAK,IAAI;MAC/B,IAAI,CAAC,iBAAiB,KAAK,SAAS;MACpC,IAAI,CAAC,iBAAiB,KAAK,EAAE,CAAC;IAEhC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;MAC1C,IACE,IAAI,CAAC,KAAK;QACV,IAAI,CAAC,WAAW;QAChB,mBAAmB;QACnB,IAAI,CAAC,mBAAmB;QACxB,CAAC,IAAI,CAAC,kBAAkB,EACxB;QACA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;OAClC;WAAM,IACL,IAAI,CAAC,OAAO,CAAC,OAAO,KAAK,eAAe;QACxC,IAAI,CAAC,OAAO,CAAC,OAAO,KAAK,OAAO,EAChC;QACA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;OACnB;WAAM,IACL,sBAAsB;QACtB,CAAC,IAAI,CAAC,uBAAuB;QAC7B,CAAC,IAAI,CAAC,wBAAwB,EAC9B;QACA,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAC3C,kBAAkB,IAAI,CAAC,iBAAiB,IAAI,CAC9B,CAAC;QAEjB,IAAI,aAAa,EAAE;UACjB,aAAa,CAAC,KAAK,EAAE,CAAC;SACvB;OACF;KACF;EACH,CAAC;EAED,oBAAoB;IAClB,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACvE,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAC/B,gBAAgB,EAChB,IAAI,CAAC,kBAAkB,CACxB,CAAC;EACJ,CAAC;EAkHD,MAAM;IACJ,MAAM,EACJ,UAAU,EACV,OAAO,EACP,MAAM,EACN,KAAK,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,GACZ,GAAG,IAAI,CAAC;IAET,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;QACL,YAAY,EAAE,SAAS;QACvB,UAAU,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAK,OAAO,IAAI,WAAW,IAAI,SAAS;QACpE,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,IAAI;OACX,IAEA,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CACvB,UACE,EAAE,EAAE,MAAM,EACV,KAAK,EAAC,MAAM,EACZ,IAAI,EAAC,SAAS,gBACF,UAAU,2BAEpB,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAE9D,QAAQ,EACN,IAAI,IAAI,CAAC,WAAW,IAAI,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,MAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAEnE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC,EAC7B,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,OAAO,EAAE,IAAI,CAAC,eAAe,EAC7B,MAAM,EAAE,IAAI,CAAC,UAAU,IAEtB,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;MACpD,IAAI,MAAM,CAAC,QAAQ,EAAE;QACnB,IAAI,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;UAC9B,OAAO,CACL;YACE,qBACE,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAC,cAAc,EACnB,OAAO,EAAC,gBAAgB;cAExB,aAAI,MAAM,CAAC,KAAK,CAAK,CACP;YACf,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CACnC,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,CAC/C,CACG,CACP,CAAC;SACH;aAAM;UACL,OAAO,IAAI,CAAC;SACb;OACF;WAAM;QACL,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;OAC1C;IACH,CAAC,CAAC,CACC,CACN,CACI,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  Method,\n  State,\n  Watch,\n  Fragment,\n} from \"@stencil/core\";\nimport { createPopper, Instance as PopperInstance } from \"@popperjs/core\";\n\nimport {\n  IcActivationTypes,\n  IcMenuOption,\n  IcValueEventDetail,\n} from \"../../utils/types\";\nimport Check from \"../../assets/check-icon.svg\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nimport {\n  IcOptionSelectEventDetail,\n  IcMenuChangeEventDetail,\n  IcMenuOptionIdEventDetail,\n} from \"./ic-menu.types\";\n\n@Component({\n  tag: \"ic-menu\",\n  styleUrl: \"ic-menu.css\",\n  scoped: true,\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Menu {\n  private menu: HTMLUListElement;\n  private ungroupedOptions: IcMenuOption[] = [];\n  private popperInstance: PopperInstance;\n  private isSearchBar: boolean = false;\n  private isSearchableSelect: boolean = false;\n  // Prevents menu re-opening immediately after it is closed on blur when clicking input.\n  private preventClickOpen: boolean = false;\n  private hasTimedOut: boolean = false;\n  private isLoading: boolean = false;\n\n  @Element() host: HTMLIcMenuElement;\n\n  /**\n   * If `true`, the menu will be displayed open.\n   */\n  @Prop({ reflect: true }) open!: boolean;\n\n  /**\n   * The possible menu selection options.\n   */\n  @Prop() options!: IcMenuOption[];\n\n  /**\n   * If `true`, the small styling will be applied to the menu.\n   */\n  @Prop({ reflect: true }) small?: boolean = false;\n\n  /**\n   * The ID of the menu.\n   */\n  @Prop() menuId!: string;\n\n  /**\n   * The value of the currently selected option.\n   */\n  @Prop() value!: string;\n\n  /**\n   * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\n   */\n  @Prop() activationType?: IcActivationTypes = \"automatic\";\n\n  /**\n   * The reference to the input element.\n   */\n  @Prop() inputEl!: HTMLElement;\n\n  /**\n   * @internal - The parent element if ic-menu is nested inside another component.\n   */\n  @Prop() parentEl?: HTMLElement;\n\n  /**\n   * The label for the input element.\n   */\n  @Prop() inputLabel!: string;\n\n  /**\n   * The reference to an anchor element the menu will position itself from when rendered.\n   */\n  @Prop() anchorEl!: HTMLElement;\n\n  /**\n   *  If `true`, the menu will fill the width of the container.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * @internal If `true`, autofocus will be applied on selected item when menu is open.\n   */\n  @Prop() autoFocusOnSelected: boolean = true;\n\n  @State() keyboardNav: boolean = false;\n  @State() optionHighlighted: string;\n  @State() focusFromSearchKeypress: boolean = false;\n  @State() initialOptionsListRender: boolean = false;\n  @State() preventIncorrectTabOrder: boolean = false;\n\n  @Watch(\"options\")\n  watchOptionsHandler(newOptions: IcMenuOption[]): void {\n    this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n    this.isLoading = newOptions.some((opt) => opt.loading);\n    this.ungroupedOptions = [];\n    this.loadUngroupedOptions();\n  }\n\n  /**\n   * @internal Emitted when an option is selected.\n   */\n  @Event() menuOptionSelect!: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * @internal Emitted when state of menu changes (i.e. open or close).\n   */\n  @Event() menuStateChange!: EventEmitter<IcMenuChangeEventDetail>;\n\n  /**\n   * @internal Emitted when an option has been highlighted\n   */\n  @Event() menuOptionId: EventEmitter<IcMenuOptionIdEventDetail>;\n\n  /**\n   * @internal Emitted when key is pressed while menu is open\n   */\n  @Event() menuKeyPress: EventEmitter<{ isNavKey: boolean; key: string }>;\n\n  /**\n   * @internal Emitted when the ungrouped options have been set.\n   */\n  @Event() ungroupedOptionsSet: EventEmitter<{ options: IcMenuOption[] }>;\n\n  /**\n   * @internal Emitted when the retry button is clicked\n   */\n  @Event() retryButtonClicked: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * @internal Emitted when the timeout menu loses focus\n   */\n  @Event() timeoutBlur: EventEmitter<{ ev: FocusEvent }>;\n\n  private handleClearListener = (): void => {\n    this.optionHighlighted = \"\";\n  };\n\n  private handleSubmitSearch = (): void => {\n    const highlightedOptionIndex = this.options.findIndex(\n      (option) => option.value === this.optionHighlighted\n    );\n\n    this.setInputValue(highlightedOptionIndex);\n  };\n\n  private handleMenuChange = (open: boolean, focusInput?: boolean): void => {\n    if (!open) this.popperInstance.destroy();\n    this.menuStateChange.emit({ open, focusInput });\n\n    if (!open && focusInput !== false) {\n      this.inputEl.focus();\n      this.preventClickOpen = false;\n    }\n  };\n\n  private setNextOptionValue = (selectedOptionIndex: number): void => {\n    if (this.ungroupedOptions[selectedOptionIndex + 1]) {\n      this.menuOptionSelect.emit({\n        value: this.ungroupedOptions[selectedOptionIndex + 1].value,\n        optionId: this.getOptionId(\n          this.ungroupedOptions[selectedOptionIndex + 1].value\n        ),\n      });\n    } else {\n      this.menuOptionSelect.emit({\n        value: this.ungroupedOptions[0].value,\n        optionId: this.getOptionId(this.ungroupedOptions[0].value),\n      });\n    }\n  };\n\n  private setPreviousOptionValue = (selectedOptionIndex: number): void => {\n    if (this.ungroupedOptions[selectedOptionIndex - 1]) {\n      this.menuOptionSelect.emit({\n        value: this.ungroupedOptions[selectedOptionIndex - 1].value,\n        optionId: this.getOptionId(\n          this.ungroupedOptions[selectedOptionIndex - 1].value\n        ),\n      });\n    } else {\n      this.menuOptionSelect.emit({\n        value: this.ungroupedOptions[this.ungroupedOptions.length - 1].value,\n        optionId: this.getOptionId(\n          this.ungroupedOptions[this.ungroupedOptions.length - 1].value\n        ),\n      });\n    }\n  };\n\n  /**\n   * @internal If menu is opened with the mouse, emit menuStateChange custom event.\n   */\n  @Method()\n  async handleClickOpen(): Promise<void> {\n    if (!this.preventClickOpen) {\n      this.menuStateChange.emit({ open: !this.open });\n      this.keyboardNav = false;\n    }\n    this.preventClickOpen = false;\n  }\n\n  /**\n   * Used alongside activationType\n   * If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\n   * @param {KeyboardEvent} event - keyboard event\n   */\n  @Method()\n  async handleKeyboardOpen(event: KeyboardEvent): Promise<void> {\n    this.keyboardNav = false;\n\n    if (this.activationType === \"automatic\") {\n      this.autoSetInputValueKeyboardOpen(event);\n    } else {\n      this.manSetInputValueKeyboardOpen(event);\n    }\n  }\n\n  /**\n   * @internal Used to highlight the first option in the menu.\n   */\n  @Method()\n  async handleSetFirstOption(): Promise<void> {\n    this.setHighlightedOption(0);\n  }\n\n  private getParentEl = (parent: HTMLElement) => {\n    if (parent.tagName === \"IC-SEARCH-BAR\") {\n      this.isSearchBar = true;\n    } else if (\n      parent.tagName === \"IC-SELECT\" &&\n      parent.getAttribute(\"searchable\") !== null &&\n      parent.getAttribute(\"searchable\") !== undefined\n    ) {\n      this.isSearchableSelect = true;\n    }\n  };\n\n  private arrowBehaviour = (event: KeyboardEvent): void => {\n    event.preventDefault();\n    this.handleMenuChange(true);\n  };\n\n  private setMenuOptions = () =>\n    this.isSearchBar ? this.options : this.ungroupedOptions;\n\n  private setHighlightedOption = (highlightedIndex: number): void => {\n    const menuOptions = this.setMenuOptions();\n\n    menuOptions[highlightedIndex] &&\n      !menuOptions[highlightedIndex].timedOut &&\n      (this.optionHighlighted =\n        menuOptions[highlightedIndex].value || undefined);\n  };\n\n  private autoSetInputValueKeyboardOpen = (event: KeyboardEvent) => {\n    const selectedOptionIndex = this.ungroupedOptions.findIndex(\n      (option) => option.value === this.value\n    );\n\n    this.keyboardNav = false;\n\n    switch (event.key) {\n      case \"ArrowDown\":\n        this.keyboardNav = true;\n        this.arrowBehaviour(event);\n        this.setNextOptionValue(selectedOptionIndex);\n        break;\n      case \"ArrowUp\":\n        this.keyboardNav = true;\n        this.arrowBehaviour(event);\n        this.setPreviousOptionValue(selectedOptionIndex);\n        break;\n      case \" \":\n      case \"Enter\":\n        if ((event.target as HTMLElement).id !== \"clear-button\") {\n          this.handleMenuChange(true);\n        }\n        break;\n    }\n  };\n\n  private manSetInputValueKeyboardOpen = (event: KeyboardEvent) => {\n    const menuOptions = this.setMenuOptions();\n\n    this.keyboardNav = false;\n\n    const highlightedOptionIndex = menuOptions.findIndex(\n      (option) => option.value === this.optionHighlighted\n    );\n\n    const getOptionId = (index: number): string =>\n      Array.from(this.host.querySelectorAll(\"li\"))[index]?.id;\n\n    switch (event.key) {\n      case \"ArrowDown\":\n        this.keyboardNav = true;\n        this.arrowBehaviour(event);\n        if (highlightedOptionIndex < menuOptions.length - 1) {\n          this.setHighlightedOption(highlightedOptionIndex + 1);\n          this.menuOptionId.emit({\n            optionId: getOptionId(highlightedOptionIndex + 1),\n          });\n        } else {\n          this.setHighlightedOption(0);\n          this.menuOptionId.emit({\n            optionId: getOptionId(0),\n          });\n        }\n        this.preventIncorrectTabOrder = false;\n        this.focusFromSearchKeypress = false;\n        break;\n      case \"ArrowUp\":\n        this.keyboardNav = true;\n        this.arrowBehaviour(event);\n        if (\n          highlightedOptionIndex <= 0 ||\n          highlightedOptionIndex > menuOptions.length + 1\n        ) {\n          this.setHighlightedOption(menuOptions.length - 1);\n          this.menuOptionId.emit({\n            optionId: getOptionId(menuOptions.length - 1),\n          });\n        } else {\n          this.setHighlightedOption(highlightedOptionIndex - 1);\n          this.menuOptionId.emit({\n            optionId: getOptionId(highlightedOptionIndex - 1),\n          });\n        }\n        this.preventIncorrectTabOrder = false;\n        this.focusFromSearchKeypress = false;\n        break;\n      case \"Home\":\n        this.keyboardNav = true;\n        event.preventDefault();\n        this.arrowBehaviour(event);\n        this.setHighlightedOption(0);\n        this.menuOptionId.emit({\n          optionId: getOptionId(0),\n        });\n        break;\n      case \"End\":\n        this.keyboardNav = true;\n        event.preventDefault();\n        this.arrowBehaviour(event);\n        this.setHighlightedOption(menuOptions.length - 1);\n        this.menuOptionId.emit({\n          optionId: getOptionId(menuOptions.length - 1),\n        });\n        break;\n      case \"Enter\":\n        event.preventDefault();\n        this.setInputValue(highlightedOptionIndex);\n        this.value = menuOptions[highlightedOptionIndex]?.value;\n        break;\n      case \"Escape\":\n        this.handleMenuChange(false);\n        this.menuOptionId.emit({ optionId: undefined });\n        break;\n      case \"Shift\":\n      case \"Tab\":\n        if (this.isSearchBar) {\n          this.keyboardNav = true;\n        }\n        this.preventIncorrectTabOrder = true;\n        break;\n      case \"Backspace\":\n        if (this.isSearchBar) {\n          (this.parentEl as HTMLIcSearchBarElement).setFocus();\n          this.setHighlightedOption(0);\n        } else if (this.isSearchableSelect) {\n          (this.parentEl as HTMLIcSelectElement).setFocus();\n          this.value = null;\n        }\n        this.focusFromSearchKeypress = true;\n        break;\n      default:\n        if (event.key !== \"Tab\") {\n          if (this.isSearchBar) {\n            (this.parentEl as HTMLIcSearchBarElement).setFocus();\n            this.setHighlightedOption(0);\n          } else if (this.isSearchableSelect) {\n            (this.parentEl as HTMLIcSelectElement).setFocus();\n            this.value = null;\n          }\n          this.focusFromSearchKeypress = true;\n        }\n        break;\n    }\n  };\n\n  private setInputValue = (highlightedOptionIndex: number) => {\n    const menuOptions = this.setMenuOptions();\n\n    if (menuOptions[highlightedOptionIndex]) {\n      this.menuOptionSelect.emit({\n        value: menuOptions[highlightedOptionIndex]?.value,\n      });\n      this.optionHighlighted = undefined;\n      this.menuOptionId.emit({ optionId: undefined });\n    }\n    if (!this.hasTimedOut) this.handleMenuChange(false);\n    else (this.parentEl as HTMLIcSearchBarElement).setFocus();\n  };\n\n  private handleOptionClick = (event: Event): void => {\n    const { value, label } = (event.target as HTMLLIElement).dataset;\n    this.menuOptionSelect.emit({ value, label });\n    this.handleMenuChange(false);\n  };\n\n  private handleRetry = (): void => {\n    this.retryButtonClicked.emit({ value: this.value });\n  };\n\n  private handleRetryKeyDown = (ev: KeyboardEvent): void => {\n    if (ev.key === \"Enter\" || ev.key === \" \") {\n      ev.preventDefault();\n      this.retryButtonClicked.emit({ value: this.value, keyPressed: ev.key });\n    }\n  };\n\n  private handleBlur = (event: FocusEvent): void => {\n    if (event.relatedTarget !== this.inputEl) {\n      if (!this.menu.contains(event.relatedTarget as HTMLElement)) {\n        this.handleMenuChange(false, false);\n      }\n    } else {\n      this.handleMenuChange(false);\n      this.preventClickOpen = true;\n    }\n  };\n\n  private handleMouseDown = (event: Event): void => {\n    event.preventDefault();\n  };\n\n  private handleMenuKeyDown = (event: KeyboardEvent) => {\n    if (this.activationType === \"automatic\") {\n      this.autoSetValueOnMenuKeyDown(event);\n    } else if (this.activationType === \"manual\" && this.isSearchableSelect) {\n      this.manSetInputValueKeyboardOpen(event);\n    }\n  };\n\n  private emitMenuKeyPress = (isNavKey: boolean, key: string) => {\n    this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });\n  };\n\n  private autoSetValueOnMenuKeyDown = (event: KeyboardEvent): void => {\n    event.cancelBubble = true;\n    const selectedOptionIndex = this.ungroupedOptions.findIndex(\n      (option) => option.value === this.value\n    );\n\n    const isSearchableSelect = this.inputEl.tagName === \"INPUT\";\n\n    this.keyboardNav = false;\n\n    switch (event.key) {\n      case \" \":\n        event.preventDefault();\n        break;\n      case \"ArrowUp\":\n        if (!this.hasTimedOut) {\n          event.preventDefault();\n          this.setPreviousOptionValue(selectedOptionIndex);\n          this.keyboardNav = true;\n        }\n        break;\n      case \"ArrowDown\":\n        if (!this.hasTimedOut) {\n          event.preventDefault();\n          this.setNextOptionValue(selectedOptionIndex);\n          this.keyboardNav = true;\n        }\n        break;\n      case \"Home\":\n        this.menuOptionSelect.emit({\n          value: this.ungroupedOptions[0].value,\n        });\n        this.keyboardNav = true;\n        break;\n      case \"End\":\n        this.menuOptionSelect.emit({\n          value: this.ungroupedOptions[this.ungroupedOptions.length - 1].value,\n        });\n        this.keyboardNav = true;\n        break;\n      case \"Enter\":\n        !this.hasTimedOut && this.handleMenuChange(false);\n        break;\n      case \"Escape\":\n        this.handleMenuChange(false);\n        break;\n      case \"Backspace\":\n        if (isSearchableSelect) {\n          this.inputEl.focus();\n        }\n        break;\n      case \"Shift\":\n        break;\n      default:\n        if (isSearchableSelect && event.key !== \"Tab\" && !this.hasTimedOut) {\n          this.inputEl.focus();\n        }\n        if (event.key.length === 1) {\n          this.keyboardNav = true;\n        }\n        break;\n    }\n    this.emitMenuKeyPress(this.keyboardNav, event.key);\n  };\n\n  private handleMenuKeyUp = (event: KeyboardEvent): void => {\n    if (event.key === \"Tab\" && event.shiftKey) {\n      this.preventClickOpen = false;\n    }\n  };\n\n  private getOptionId = (value: string): string => {\n    return `${this.menuId}-${value}`;\n  };\n\n  private getOptionAriaLabel = (\n    option: IcMenuOption,\n    parentOption: IcMenuOption\n  ): string => {\n    let ariaLabel = option.label;\n\n    if (option.description) {\n      ariaLabel = `${ariaLabel}, ${option.description}`;\n    }\n\n    if (parentOption) {\n      return `${ariaLabel}, ${parentOption.label} group`;\n    } else {\n      return ariaLabel;\n    }\n  };\n\n  private getSortedOptions = (options: IcMenuOption[]): IcMenuOption[] => {\n    let sorted: IcMenuOption[] = [];\n    if (options.sort) {\n      sorted = options.sort((optionA, optionB) =>\n        optionA.recommended && !optionB.recommended ? -1 : 0\n      );\n    }\n    return sorted;\n  };\n\n  private isManualMode = this.activationType === \"manual\";\n\n  private scrollToSelected = (menu: HTMLUListElement) => {\n    const selectedOption = menu.querySelector(\n      \".option[aria-selected]\"\n    ) as HTMLElement;\n\n    if (selectedOption) {\n      const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;\n      if (\n        elTop > menu.scrollTop + menu.offsetHeight ||\n        elTop < menu.scrollTop + menu.offsetHeight\n      ) {\n        menu.scrollTop = selectedOption.offsetTop;\n      }\n      selectedOption.focus();\n    }\n  };\n\n  private loadUngroupedOptions = () => {\n    if (this.options.length > 0 && this.options.map) {\n      this.options.map((option) => {\n        if (option.children) {\n          option.children.map(\n            (option) => !option.disabled && this.ungroupedOptions.push(option)\n          );\n        } else if (!option.disabled) {\n          this.ungroupedOptions.push(option);\n        }\n      });\n    }\n    this.ungroupedOptions = this.getSortedOptions(this.ungroupedOptions);\n    this.ungroupedOptionsSet.emit({ options: this.ungroupedOptions });\n  };\n\n  private setMenuScrollbar = () => {\n    let optionsHeight = 0;\n    this.host\n      .querySelectorAll(\".option\")\n      .forEach((option) => (optionsHeight += option.clientHeight));\n\n    if (optionsHeight >= 320) {\n      this.menu.classList.add(\"menu-scroll\");\n    }\n  };\n\n  private handleTimeoutBlur = (ev: FocusEvent) => {\n    this.timeoutBlur.emit({ ev });\n  };\n\n  connectedCallback(): void {\n    this.getParentEl(this.parentEl);\n\n    if (this.isSearchBar) {\n      this.setHighlightedOption(0);\n      this.initialOptionsListRender = true;\n    }\n  }\n\n  componentWillLoad(): void {\n    this.loadUngroupedOptions();\n    this.parentEl.addEventListener(\"icClear\", this.handleClearListener);\n    this.parentEl.addEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n    this.hasTimedOut = this.options.some((opt) => opt.timedOut);\n    this.isLoading = this.options.some((opt) => opt.loading);\n  }\n\n  componentDidLoad(): void {\n    if (\n      this.isSearchBar &&\n      (this.parentEl as HTMLIcSearchBarElement).disableFilter\n    ) {\n      this.focusFromSearchKeypress = true;\n    }\n\n    onComponentRequiredPropUndefined(\n      [\n        { prop: this.open, propName: \"open\" },\n        { prop: this.options, propName: \"options\" },\n        { prop: this.menuId, propName: \"menu-id\" },\n        { prop: this.inputLabel, propName: \"input-label\" },\n        //NOTE: no check for value, input-el or anchor-el as otherwise get console errors on first load of select component\n      ],\n      \"Menu\"\n    );\n  }\n\n  componentDidRender(): void {\n    if (this.open) {\n      this.popperInstance = createPopper(this.anchorEl, this.host, {\n        placement: \"bottom\",\n        modifiers: [\n          {\n            name: \"offset\",\n            options: {\n              offset: [0, 7],\n            },\n          },\n          {\n            name: \"flip\",\n            options: {\n              fallbackPlacements: [\"top\"],\n              rootBoundary: \"viewport\",\n            },\n          },\n        ],\n      });\n    }\n\n    if (this.open && !!this.options.length) {\n      this.setMenuScrollbar();\n    }\n  }\n\n  componentDidUpdate(): void {\n    const inputValueInOptions: boolean = this.options.some(\n      (option) => option.value === this.value\n    );\n\n    const optionHighlightedIsSet =\n      this.optionHighlighted !== null &&\n      this.optionHighlighted !== undefined &&\n      this.optionHighlighted !== \"\";\n\n    if (this.open && this.options.length !== 0) {\n      if (\n        this.value &&\n        this.keyboardNav &&\n        inputValueInOptions &&\n        this.autoFocusOnSelected &&\n        !this.isSearchableSelect\n      ) {\n        this.scrollToSelected(this.menu);\n      } else if (\n        this.inputEl.tagName !== \"IC-TEXT-FIELD\" &&\n        this.inputEl.tagName !== \"INPUT\"\n      ) {\n        this.menu.focus();\n      } else if (\n        optionHighlightedIsSet &&\n        !this.focusFromSearchKeypress &&\n        !this.preventIncorrectTabOrder\n      ) {\n        const highlightedEl = this.host.querySelector(\n          `li[data-value=\"${this.optionHighlighted}\"]`\n        ) as HTMLElement;\n\n        if (highlightedEl) {\n          highlightedEl.focus();\n        }\n      }\n    }\n  }\n\n  disconnectedCallback(): void {\n    this.parentEl.removeEventListener(\"icClear\", this.handleClearListener);\n    this.parentEl.removeEventListener(\n      \"icSubmitSearch\",\n      this.handleSubmitSearch\n    );\n  }\n\n  private optionContent = (option: IcMenuOption) => {\n    return (\n      <Fragment>\n        {option.loading && <ic-loading-indicator size=\"icon\" />}\n        <div class=\"option-text-container\">\n          <ic-typography variant=\"body\" aria-hidden=\"true\">\n            <p>{option.label}</p>\n          </ic-typography>\n          {option.description && (\n            <ic-typography\n              id={`${this.getOptionId(option?.value)}-description`}\n              class=\"option-description\"\n              variant=\"caption\"\n              aria-hidden=\"true\"\n            >\n              <p>{option.description}</p>\n            </ic-typography>\n          )}\n        </div>\n        {!!option.value &&\n          !!this.value &&\n          option?.value.toLowerCase() === this.value?.toLowerCase() &&\n          this.parentEl.tagName !== \"IC-SEARCH-BAR\" && (\n            <span class=\"check-icon\" innerHTML={Check} />\n          )}\n      </Fragment>\n    );\n  };\n\n  private displayOption = (\n    option: IcMenuOption,\n    index?: number,\n    parentOption?: IcMenuOption\n  ): HTMLLIElement => {\n    const {\n      open,\n      value,\n      keyboardNav,\n      isManualMode,\n      initialOptionsListRender,\n      optionHighlighted,\n      options,\n    } = this;\n\n    return (\n      <li\n        id={this.getOptionId(option.value)}\n        class={{\n          option: true,\n          \"focused-option\": isManualMode\n            ? (keyboardNav || initialOptionsListRender) &&\n              option.value === optionHighlighted\n            : keyboardNav && option.value === value,\n          \"last-recommended-option\":\n            option.recommended &&\n            options[index + 1] &&\n            !options[index + 1].recommended,\n          \"disabled-option\": option.disabled,\n          \"loading-option\": option.loading,\n          timeout: option.timedOut,\n        }}\n        role=\"option\"\n        tabindex={\n          open &&\n          (option.value === value || option.value === optionHighlighted) &&\n          keyboardNav\n            ? \"0\"\n            : \"-1\"\n        }\n        aria-label={this.getOptionAriaLabel(option, parentOption)}\n        aria-selected={option.value === value}\n        aria-disabled={option.disabled ? \"true\" : \"false\"}\n        onClick={!option.timedOut && !option.loading && this.handleOptionClick}\n        onBlur={this.handleBlur}\n        onMouseDown={this.handleMouseDown}\n        data-value={option.value}\n        data-label={option.label}\n      >\n        {option.timedOut ? (\n          <Fragment>\n            <div class=\"loading-error-info\">\n              <svg\n                class=\"error-icon-svg\"\n                aria-labelledby=\"error-title\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"#000000\"\n              >\n                <title id=\"error-title\">Error</title>\n                <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n                <path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\" />\n              </svg>\n              <ic-typography variant=\"label\">{option.label}</ic-typography>\n            </div>\n            <ic-button\n              size=\"small\"\n              variant=\"tertiary\"\n              onClick={this.handleRetry}\n              onKeyDown={this.handleRetryKeyDown}\n              onBlur={this.handleTimeoutBlur}\n              id=\"retry-button\"\n            >\n              Retry\n            </ic-button>\n          </Fragment>\n        ) : (\n          this.optionContent(option)\n        )}\n      </li>\n    );\n  };\n\n  render() {\n    const {\n      inputLabel,\n      options,\n      menuId,\n      value,\n      fullWidth,\n      hasTimedOut,\n      isLoading,\n      small,\n      open,\n      inputEl,\n      keyboardNav,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          \"full-width\": fullWidth,\n          \"no-focus\": inputEl?.tagName === \"INPUT\" || hasTimedOut || isLoading,\n          small: small,\n          open: open,\n        }}\n      >\n        {options.length !== 0 && (\n          <ul\n            id={menuId}\n            class=\"menu\"\n            role=\"listbox\"\n            aria-label={inputLabel}\n            aria-activedescendant={\n              value != null && value !== \"\" ? this.getOptionId(value) : \"\"\n            }\n            tabindex={\n              open && !keyboardNav && inputEl?.tagName !== \"INPUT\" ? \"0\" : \"-1\"\n            }\n            ref={(el) => (this.menu = el)}\n            onKeyDown={this.handleMenuKeyDown}\n            onKeyUp={this.handleMenuKeyUp}\n            onBlur={this.handleBlur}\n          >\n            {this.getSortedOptions(options).map((option, index) => {\n              if (option.children) {\n                if (option.children.length > 0) {\n                  return (\n                    <div>\n                      <ic-typography\n                        class=\"option-group-title\"\n                        role=\"presentation\"\n                        variant=\"subtitle-small\"\n                      >\n                        <p>{option.label}</p>\n                      </ic-typography>\n                      {option.children.map((childOption) =>\n                        this.displayOption(childOption, index, option)\n                      )}\n                    </div>\n                  );\n                } else {\n                  return null;\n                }\n              } else {\n                return this.displayOption(option, index);\n              }\n            })}\n          </ul>\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-menu.js","sourceRoot":"","sources":["../../../src/components/ic-menu/ic-menu.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  Method,\n  State,\n  Watch,\n  Fragment,\n} from \"@stencil/core\";\nimport { createPopper, Instance as PopperInstance } from \"@popperjs/core\";\n\nimport {\n  IcActivationTypes,\n  IcMenuOption,\n  IcValueEventDetail,\n} from \"../../utils/types\";\nimport Check from \"../../assets/check-icon.svg\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nimport {\n  IcOptionSelectEventDetail,\n  IcMenuChangeEventDetail,\n  IcMenuOptionIdEventDetail,\n} from \"./ic-menu.types\";\n\n@Component({\n  tag: \"ic-menu\",\n  styleUrl: \"ic-menu.css\",\n  scoped: true,\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Menu {\n  private menu: HTMLUListElement;\n  private ungroupedOptions: IcMenuOption[] = [];\n  private popperInstance: PopperInstance;\n  private isSearchBar: boolean = false;\n  private isSearchableSelect: boolean = false;\n  // Prevents menu re-opening immediately after it is closed on blur when clicking input.\n  private preventClickOpen: boolean = false;\n  private hasTimedOut: boolean = false;\n  private isLoading: boolean = false;\n  private hasPreviouslyBlurred: boolean = false;\n  private firstRender: boolean = true;\n\n  @Element() host: HTMLIcMenuElement;\n\n  /**\n   * If `true`, the menu will be displayed open.\n   */\n  @Prop({ reflect: true }) open!: boolean;\n\n  /**\n   * The possible menu selection options.\n   */\n  @Prop() options!: IcMenuOption[];\n\n  /**\n   * If `true`, the small styling will be applied to the menu.\n   */\n  @Prop({ reflect: true }) small?: boolean = false;\n\n  /**\n   * The ID of the menu.\n   */\n  @Prop() menuId!: string;\n\n  /**\n   * The value of the currently selected option.\n   */\n  @Prop({ mutable: true }) value!: string;\n\n  /**\n   * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\n   */\n  @Prop() activationType?: IcActivationTypes = \"automatic\";\n\n  /**\n   * The reference to the input element.\n   */\n  @Prop() inputEl!: HTMLElement;\n\n  /**\n   * @internal - The parent element if ic-menu is nested inside another component.\n   */\n  @Prop() parentEl?: HTMLElement;\n\n  /**\n   * The label for the input element.\n   */\n  @Prop() inputLabel!: string;\n\n  /**\n   * The reference to an anchor element the menu will position itself from when rendered.\n   */\n  @Prop() anchorEl!: HTMLElement;\n\n  /**\n   *  If `true`, the menu will fill the width of the container.\n   */\n  @Prop() fullWidth: boolean = false;\n\n  /**\n   * @internal If `true`, autofocus will be applied on selected item when menu is open.\n   */\n  @Prop() autoFocusOnSelected: boolean = true;\n\n  @State() keyboardNav: boolean = false;\n  @State() optionHighlighted: string;\n  @State() focusFromSearchKeypress: boolean = false;\n  @State() initialOptionsListRender: boolean = false;\n  @State() preventIncorrectTabOrder: boolean = false;\n\n  @Watch(\"options\")\n  watchOptionsHandler(newOptions: IcMenuOption[]): void {\n    this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n    this.isLoading = newOptions.some((opt) => opt.loading);\n    this.ungroupedOptions = [];\n    this.loadUngroupedOptions();\n  }\n\n  @Watch(\"value\")\n  watchValueHandler(): void {\n    this.menuValueChange.emit({ value: this.value });\n  }\n\n  /**\n   * @internal Emitted when an option is selected.\n   */\n  @Event() menuOptionSelect!: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * @internal Emitted when state of menu changes (i.e. open or close).\n   */\n  @Event() menuStateChange!: EventEmitter<IcMenuChangeEventDetail>;\n\n  /**\n   * @internal Emitted when an option has been highlighted\n   */\n  @Event() menuOptionId: EventEmitter<IcMenuOptionIdEventDetail>;\n\n  /**\n   * @internal Emitted when key is pressed while menu is open\n   */\n  @Event() menuKeyPress: EventEmitter<{ isNavKey: boolean; key: string }>;\n\n  /**\n   * @internal Emitted when menu value changes.\n   */\n  @Event() menuValueChange: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * @internal Emitted when the ungrouped options have been set.\n   */\n  @Event() ungroupedOptionsSet: EventEmitter<{ options: IcMenuOption[] }>;\n\n  /**\n   * @internal Emitted when the retry button is clicked\n   */\n  @Event() retryButtonClicked: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * @internal Emitted when the timeout menu loses focus\n   */\n  @Event() timeoutBlur: EventEmitter<{ ev: FocusEvent }>;\n\n  private handleClearListener = (): void => {\n    this.optionHighlighted = \"\";\n  };\n\n  private handleSubmitSearch = (): void => {\n    const highlightedOptionIndex = this.options.findIndex(\n      (option) => option.value === this.optionHighlighted\n    );\n\n    this.setInputValue(highlightedOptionIndex);\n  };\n\n  private handleMenuChange = (open: boolean, focusInput?: boolean): void => {\n    this.menuStateChange.emit({ open, focusInput });\n\n    if (!open && focusInput !== false) {\n      this.inputEl.focus();\n      this.preventClickOpen = false;\n    }\n  };\n\n  private setNextOptionValue = (selectedOptionIndex: number): void => {\n    if (this.ungroupedOptions[selectedOptionIndex + 1]) {\n      this.menuOptionSelect.emit({\n        value: this.ungroupedOptions[selectedOptionIndex + 1].value,\n        optionId: this.getOptionId(\n          this.ungroupedOptions[selectedOptionIndex + 1].value\n        ),\n      });\n    } else {\n      this.menuOptionSelect.emit({\n        value: this.ungroupedOptions[0].value,\n        optionId: this.getOptionId(this.ungroupedOptions[0].value),\n      });\n    }\n  };\n\n  private setPreviousOptionValue = (selectedOptionIndex: number): void => {\n    if (this.ungroupedOptions[selectedOptionIndex - 1]) {\n      this.menuOptionSelect.emit({\n        value: this.ungroupedOptions[selectedOptionIndex - 1].value,\n        optionId: this.getOptionId(\n          this.ungroupedOptions[selectedOptionIndex - 1].value\n        ),\n      });\n    } else {\n      this.menuOptionSelect.emit({\n        value: this.ungroupedOptions[this.ungroupedOptions.length - 1].value,\n        optionId: this.getOptionId(\n          this.ungroupedOptions[this.ungroupedOptions.length - 1].value\n        ),\n      });\n    }\n  };\n\n  /**\n   * @internal If menu is opened with the mouse, emit menuStateChange custom event.\n   */\n  @Method()\n  async handleClickOpen(): Promise<void> {\n    if (!this.preventClickOpen) {\n      this.menuStateChange.emit({ open: !this.open });\n      this.keyboardNav = false;\n    }\n    this.preventClickOpen = false;\n  }\n\n  /**\n   * Used alongside activationType\n   * If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\n   * @param {KeyboardEvent} event - keyboard event\n   */\n  @Method()\n  async handleKeyboardOpen(event: KeyboardEvent): Promise<void> {\n    this.keyboardNav = false;\n\n    if (this.activationType === \"automatic\") {\n      this.autoSetInputValueKeyboardOpen(event);\n    } else {\n      this.manSetInputValueKeyboardOpen(event);\n    }\n  }\n\n  /**\n   * @internal Used to highlight the first option in the menu.\n   */\n  @Method()\n  async handleSetFirstOption(): Promise<void> {\n    this.setHighlightedOption(0);\n  }\n\n  private getParentEl = (parent: HTMLElement) => {\n    if (parent.tagName === \"IC-SEARCH-BAR\") {\n      this.isSearchBar = true;\n    } else if (\n      parent.tagName === \"IC-SELECT\" &&\n      parent.getAttribute(\"searchable\") !== null &&\n      parent.getAttribute(\"searchable\") !== undefined\n    ) {\n      this.isSearchableSelect = true;\n    }\n  };\n\n  private arrowBehaviour = (event: KeyboardEvent): void => {\n    event.preventDefault();\n    this.handleMenuChange(true);\n  };\n\n  private setMenuOptions = () =>\n    this.isSearchBar ? this.options : this.ungroupedOptions;\n\n  private setHighlightedOption = (highlightedIndex: number): void => {\n    const menuOptions = this.setMenuOptions();\n\n    menuOptions[highlightedIndex] &&\n      !menuOptions[highlightedIndex].timedOut &&\n      (this.optionHighlighted =\n        menuOptions[highlightedIndex].value || undefined);\n  };\n\n  private autoSetInputValueKeyboardOpen = (event: KeyboardEvent) => {\n    const selectedOptionIndex = this.ungroupedOptions.findIndex(\n      (option) => option.value === this.value\n    );\n\n    this.keyboardNav = false;\n\n    switch (event.key) {\n      case \"ArrowDown\":\n        this.keyboardNav = true;\n        this.arrowBehaviour(event);\n        this.setNextOptionValue(selectedOptionIndex);\n        break;\n      case \"ArrowUp\":\n        this.keyboardNav = true;\n        this.arrowBehaviour(event);\n        this.setPreviousOptionValue(selectedOptionIndex);\n        break;\n      case \" \":\n      case \"Enter\":\n        if ((event.target as HTMLElement).id !== \"clear-button\") {\n          this.handleMenuChange(true);\n        }\n        break;\n    }\n  };\n\n  private manSetInputValueKeyboardOpen = (event: KeyboardEvent) => {\n    const menuOptions = this.setMenuOptions();\n\n    this.keyboardNav = false;\n\n    const highlightedOptionIndex = menuOptions.findIndex(\n      (option) => option.value === this.optionHighlighted\n    );\n\n    const getOptionId = (index: number): string =>\n      Array.from(this.host.querySelectorAll(\"li\"))[index]?.id;\n\n    switch (event.key) {\n      case \"ArrowDown\":\n        this.keyboardNav = true;\n        this.arrowBehaviour(event);\n        if (highlightedOptionIndex < menuOptions.length - 1) {\n          this.setHighlightedOption(highlightedOptionIndex + 1);\n          this.menuOptionId.emit({\n            optionId: getOptionId(highlightedOptionIndex + 1),\n          });\n        } else {\n          this.setHighlightedOption(0);\n          this.menuOptionId.emit({\n            optionId: getOptionId(0),\n          });\n        }\n        this.preventIncorrectTabOrder = false;\n        this.focusFromSearchKeypress = false;\n        break;\n      case \"ArrowUp\":\n        this.keyboardNav = true;\n        this.arrowBehaviour(event);\n        if (\n          highlightedOptionIndex <= 0 ||\n          highlightedOptionIndex > menuOptions.length + 1\n        ) {\n          this.setHighlightedOption(menuOptions.length - 1);\n          this.menuOptionId.emit({\n            optionId: getOptionId(menuOptions.length - 1),\n          });\n        } else {\n          this.setHighlightedOption(highlightedOptionIndex - 1);\n          this.menuOptionId.emit({\n            optionId: getOptionId(highlightedOptionIndex - 1),\n          });\n        }\n        this.preventIncorrectTabOrder = false;\n        this.focusFromSearchKeypress = false;\n        break;\n      case \"Home\":\n        this.keyboardNav = true;\n        event.preventDefault();\n        this.arrowBehaviour(event);\n        this.setHighlightedOption(0);\n        this.menuOptionId.emit({\n          optionId: getOptionId(0),\n        });\n        break;\n      case \"End\":\n        this.keyboardNav = true;\n        event.preventDefault();\n        this.arrowBehaviour(event);\n        this.setHighlightedOption(menuOptions.length - 1);\n        this.menuOptionId.emit({\n          optionId: getOptionId(menuOptions.length - 1),\n        });\n        break;\n      case \"Enter\":\n        event.preventDefault();\n        this.setInputValue(highlightedOptionIndex);\n        this.value = menuOptions[highlightedOptionIndex]?.value;\n        break;\n      case \"Escape\":\n        if (this.open) {\n          event.stopImmediatePropagation();\n        }\n        this.handleMenuChange(false);\n        this.menuOptionId.emit({ optionId: undefined });\n        break;\n      case \"Shift\":\n      case \"Tab\":\n        if (this.isSearchBar) {\n          this.keyboardNav = true;\n        }\n        this.preventIncorrectTabOrder = true;\n        break;\n      case \"Backspace\":\n        if (this.isSearchBar) {\n          (this.parentEl as HTMLIcSearchBarElement).setFocus();\n          this.setHighlightedOption(0);\n        } else if (this.isSearchableSelect) {\n          (this.parentEl as HTMLIcSelectElement).setFocus();\n          this.value = null;\n        }\n        this.focusFromSearchKeypress = true;\n        break;\n      default:\n        if (event.key !== \"Tab\") {\n          if (this.isSearchBar) {\n            (this.parentEl as HTMLIcSearchBarElement).setFocus();\n            this.setHighlightedOption(0);\n          } else if (this.isSearchableSelect) {\n            (this.parentEl as HTMLIcSelectElement).setFocus();\n            this.value = null;\n          }\n          this.focusFromSearchKeypress = true;\n        }\n        break;\n    }\n  };\n\n  private setInputValue = (highlightedOptionIndex: number) => {\n    const menuOptions = this.setMenuOptions();\n\n    if (menuOptions[highlightedOptionIndex]) {\n      this.menuOptionSelect.emit({\n        value: menuOptions[highlightedOptionIndex]?.value,\n      });\n      this.optionHighlighted = undefined;\n      this.menuOptionId.emit({ optionId: undefined });\n    }\n    if (!this.hasTimedOut) this.handleMenuChange(false);\n    else (this.parentEl as HTMLIcSearchBarElement).setFocus();\n  };\n\n  private handleOptionClick = (event: Event): void => {\n    const { value, label } = (event.target as HTMLLIElement).dataset;\n    this.menuOptionSelect.emit({ value, label });\n    this.handleMenuChange(false);\n  };\n\n  private handleRetry = (): void => {\n    this.retryButtonClicked.emit({ value: this.value });\n  };\n\n  private handleRetryKeyDown = (ev: KeyboardEvent): void => {\n    if (ev.key === \"Enter\" || ev.key === \" \") {\n      ev.preventDefault();\n      this.retryButtonClicked.emit({ value: this.value, keyPressed: ev.key });\n    }\n  };\n\n  private handleBlur = (event: FocusEvent): void => {\n    if (event.relatedTarget !== this.inputEl) {\n      if (!this.menu.contains(event.relatedTarget as HTMLElement)) {\n        this.handleMenuChange(false, this.hasPreviouslyBlurred);\n      }\n    } else {\n      this.handleMenuChange(false);\n      this.preventClickOpen = true;\n    }\n    if (!this.isSearchBar) this.hasPreviouslyBlurred = !!event.relatedTarget;\n  };\n\n  private handleMouseDown = (event: Event): void => {\n    event.preventDefault();\n  };\n\n  private handleMenuKeyDown = (event: KeyboardEvent) => {\n    if (this.activationType === \"automatic\") {\n      this.autoSetValueOnMenuKeyDown(event);\n    } else if (this.activationType === \"manual\" && this.isSearchableSelect) {\n      this.manSetInputValueKeyboardOpen(event);\n    }\n  };\n\n  private emitMenuKeyPress = (isNavKey: boolean, key: string) => {\n    this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });\n  };\n\n  private autoSetValueOnMenuKeyDown = (event: KeyboardEvent): void => {\n    event.cancelBubble = true;\n    const selectedOptionIndex = this.ungroupedOptions.findIndex(\n      (option) => option.value === this.value\n    );\n\n    const isSearchableSelect = this.inputEl.tagName === \"INPUT\";\n\n    this.keyboardNav = false;\n\n    switch (event.key) {\n      case \" \":\n        event.preventDefault();\n        break;\n      case \"ArrowUp\":\n        if (!this.hasTimedOut) {\n          event.preventDefault();\n          this.setPreviousOptionValue(selectedOptionIndex);\n          this.keyboardNav = true;\n        }\n        break;\n      case \"ArrowDown\":\n        if (!this.hasTimedOut) {\n          event.preventDefault();\n          this.setNextOptionValue(selectedOptionIndex);\n          this.keyboardNav = true;\n        }\n        break;\n      case \"Home\":\n        this.menuOptionSelect.emit({\n          value: this.ungroupedOptions[0].value,\n        });\n        this.keyboardNav = true;\n        break;\n      case \"End\":\n        this.menuOptionSelect.emit({\n          value: this.ungroupedOptions[this.ungroupedOptions.length - 1].value,\n        });\n        this.keyboardNav = true;\n        break;\n      case \"Enter\":\n        !this.hasTimedOut && this.handleMenuChange(false);\n        break;\n      case \"Escape\":\n        this.handleMenuChange(false);\n        break;\n      case \"Backspace\":\n        if (isSearchableSelect) {\n          this.inputEl.focus();\n        }\n        break;\n      case \"Shift\":\n        break;\n      default:\n        if (isSearchableSelect && event.key !== \"Tab\" && !this.hasTimedOut) {\n          this.inputEl.focus();\n        }\n        if (event.key.length === 1) {\n          this.keyboardNav = true;\n        }\n        break;\n    }\n    this.emitMenuKeyPress(this.keyboardNav, event.key);\n  };\n\n  private handleMenuKeyUp = (event: KeyboardEvent): void => {\n    if (event.key === \"Tab\" && event.shiftKey) {\n      this.preventClickOpen = false;\n    }\n  };\n\n  private getOptionId = (value: string): string => {\n    return `${this.menuId}-${value}`;\n  };\n\n  private getOptionAriaLabel = (\n    option: IcMenuOption,\n    parentOption: IcMenuOption\n  ): string => {\n    let ariaLabel = option.label;\n\n    if (option.description) {\n      ariaLabel = `${ariaLabel}, ${option.description}`;\n    }\n\n    if (parentOption) {\n      return `${ariaLabel}, ${parentOption.label} group`;\n    } else {\n      return ariaLabel;\n    }\n  };\n\n  private getSortedOptions = (options: IcMenuOption[]): IcMenuOption[] => {\n    let sorted: IcMenuOption[] = [];\n    if (options.sort) {\n      sorted = options.sort((optionA, optionB) =>\n        optionA.recommended && !optionB.recommended ? -1 : 0\n      );\n    }\n    return sorted;\n  };\n\n  private isManualMode = this.activationType === \"manual\";\n\n  private scrollToSelected = (menu: HTMLUListElement) => {\n    const selectedOption = menu.querySelector(\n      \".option[aria-selected]\"\n    ) as HTMLElement;\n\n    if (selectedOption) {\n      const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;\n      if (\n        elTop > menu.scrollTop + menu.offsetHeight ||\n        elTop < menu.scrollTop + menu.offsetHeight\n      ) {\n        menu.scrollTop = selectedOption.offsetTop;\n      }\n      selectedOption.focus();\n    }\n  };\n\n  private loadUngroupedOptions = () => {\n    if (this.options.length > 0 && this.options.map) {\n      this.options.map((option) => {\n        if (option.children) {\n          option.children.map(\n            (option) => !option.disabled && this.ungroupedOptions.push(option)\n          );\n        } else if (!option.disabled) {\n          this.ungroupedOptions.push(option);\n        }\n      });\n    }\n    this.ungroupedOptions = this.getSortedOptions(this.ungroupedOptions);\n    this.ungroupedOptionsSet.emit({ options: this.ungroupedOptions });\n  };\n\n  private setMenuScrollbar = () => {\n    let optionsHeight = 0;\n    this.host\n      .querySelectorAll(\".option\")\n      .forEach((option) => (optionsHeight += option.clientHeight));\n\n    if (optionsHeight >= 320) {\n      this.menu.classList.add(\"menu-scroll\");\n    }\n  };\n\n  private handleTimeoutBlur = (ev: FocusEvent) => {\n    this.timeoutBlur.emit({ ev });\n  };\n\n  connectedCallback(): void {\n    this.getParentEl(this.parentEl);\n\n    if (this.isSearchBar) {\n      this.setHighlightedOption(0);\n      this.initialOptionsListRender = true;\n    }\n  }\n\n  componentWillLoad(): void {\n    this.loadUngroupedOptions();\n    this.parentEl.addEventListener(\"icClear\", this.handleClearListener);\n    this.parentEl.addEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n    this.hasTimedOut = this.options?.some((opt) => opt.timedOut);\n    this.isLoading = this.options?.some((opt) => opt.loading);\n  }\n\n  componentDidLoad(): void {\n    if (\n      this.isSearchBar &&\n      (this.parentEl as HTMLIcSearchBarElement).disableFilter\n    ) {\n      this.focusFromSearchKeypress = true;\n    }\n\n    onComponentRequiredPropUndefined(\n      [\n        { prop: this.open, propName: \"open\" },\n        { prop: this.options, propName: \"options\" },\n        { prop: this.menuId, propName: \"menu-id\" },\n        { prop: this.inputLabel, propName: \"input-label\" },\n        //NOTE: no check for value, input-el or anchor-el as otherwise get console errors on first load of select component\n      ],\n      \"Menu\"\n    );\n  }\n\n  componentDidRender(): void {\n    if (this.firstRender && this.open) {\n      this.firstRender = false;\n      let adjust = false;\n\n      const dialogEl = this.parentEl.closest(\"ic-dialog\");\n\n      const onDialog = dialogEl !== null;\n      if (onDialog) {\n        this.host.classList.add(\"on-dialog\");\n        if (dialogEl.getAttribute(\"data-overflow\") === \"false\") {\n          const menuTop = this.host.getBoundingClientRect().top;\n          const menuHeight = this.host.getBoundingClientRect().height;\n          const dialogHeight = dialogEl.getBoundingClientRect().bottom;\n          if (menuTop + menuHeight > dialogHeight) {\n            adjust = true;\n          }\n        }\n        if (adjust === false) {\n          this.host.classList.add(\"on-dialog-fix-translate\");\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\",\n          modifiers: [\n            {\n              name: \"offset\",\n              options: {\n                offset: [0, 7],\n              },\n            },\n            {\n              name: \"flip\",\n              options: {\n                fallbackPlacements: [\"top\"],\n                rootBoundary: \"viewport\",\n              },\n            },\n          ],\n        });\n      }\n    } else if (this.open) {\n      this.popperInstance.update();\n    }\n\n    if (this.open && !!this.options.length) {\n      this.setMenuScrollbar();\n    }\n  }\n\n  componentDidUpdate(): void {\n    const inputValueInOptions: boolean = this.options.some(\n      (option) => option.value === this.value\n    );\n\n    const optionHighlightedIsSet =\n      this.optionHighlighted !== null &&\n      this.optionHighlighted !== undefined &&\n      this.optionHighlighted !== \"\";\n\n    if (this.open && this.options.length !== 0) {\n      if (\n        this.value &&\n        this.keyboardNav &&\n        inputValueInOptions &&\n        this.autoFocusOnSelected &&\n        !this.isSearchableSelect\n      ) {\n        this.scrollToSelected(this.menu);\n      } else if (\n        this.inputEl.tagName !== \"IC-TEXT-FIELD\" &&\n        this.inputEl.tagName !== \"INPUT\"\n      ) {\n        this.menu.focus();\n      } else if (\n        optionHighlightedIsSet &&\n        !this.focusFromSearchKeypress &&\n        !this.preventIncorrectTabOrder\n      ) {\n        const highlightedEl = this.host.querySelector(\n          `li[data-value=\"${this.optionHighlighted}\"]`\n        ) as HTMLElement;\n\n        if (highlightedEl) {\n          highlightedEl.focus();\n        }\n      }\n    }\n  }\n\n  disconnectedCallback(): void {\n    if (this.popperInstance !== undefined) {\n      this.popperInstance.destroy();\n    }\n    this.parentEl.removeEventListener(\"icClear\", this.handleClearListener);\n    this.parentEl.removeEventListener(\n      \"icSubmitSearch\",\n      this.handleSubmitSearch\n    );\n  }\n\n  private optionContent = (option: IcMenuOption) => {\n    return (\n      <Fragment>\n        {option.loading && <ic-loading-indicator size=\"icon\" />}\n        <div class=\"option-text-container\">\n          <ic-typography variant=\"body\" aria-hidden=\"true\">\n            <p>{option.label}</p>\n          </ic-typography>\n          {option.description && (\n            <ic-typography\n              id={`${this.getOptionId(option?.value)}-description`}\n              class=\"option-description\"\n              variant=\"caption\"\n              aria-hidden=\"true\"\n            >\n              <p>{option.description}</p>\n            </ic-typography>\n          )}\n        </div>\n        {!!option.value &&\n          !!this.value &&\n          option?.value.toLowerCase() === this.value?.toLowerCase() &&\n          this.parentEl.tagName !== \"IC-SEARCH-BAR\" && (\n            <span class=\"check-icon\" innerHTML={Check} />\n          )}\n      </Fragment>\n    );\n  };\n\n  private displayOption = (\n    option: IcMenuOption,\n    index?: number,\n    parentOption?: IcMenuOption\n  ): HTMLLIElement => {\n    const {\n      open,\n      value,\n      keyboardNav,\n      isManualMode,\n      initialOptionsListRender,\n      optionHighlighted,\n      options,\n    } = this;\n\n    return (\n      <li\n        id={this.getOptionId(option.value)}\n        class={{\n          option: true,\n          \"focused-option\": isManualMode\n            ? (keyboardNav || initialOptionsListRender) &&\n              option.value === optionHighlighted\n            : keyboardNav && option.value === value,\n          \"last-recommended-option\":\n            option.recommended &&\n            options[index + 1] &&\n            !options[index + 1].recommended,\n          \"disabled-option\": option.disabled,\n          \"loading-option\": option.loading,\n          timeout: option.timedOut,\n        }}\n        role=\"option\"\n        tabindex={\n          open &&\n          (option.value === value || option.value === optionHighlighted) &&\n          keyboardNav\n            ? \"0\"\n            : \"-1\"\n        }\n        aria-label={this.getOptionAriaLabel(option, parentOption)}\n        aria-selected={option.value === value}\n        aria-disabled={option.disabled ? \"true\" : \"false\"}\n        onClick={!option.timedOut && !option.loading && this.handleOptionClick}\n        onBlur={this.handleBlur}\n        onMouseDown={this.handleMouseDown}\n        data-value={option.value}\n        data-label={option.label}\n      >\n        {option.timedOut ? (\n          <Fragment>\n            <div class=\"loading-error-info\">\n              <svg\n                class=\"error-icon-svg\"\n                aria-labelledby=\"error-title\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                viewBox=\"0 0 24 24\"\n                fill=\"#000000\"\n              >\n                <title id=\"error-title\">Error</title>\n                <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n                <path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\" />\n              </svg>\n              <ic-typography variant=\"label\">{option.label}</ic-typography>\n            </div>\n            <ic-button\n              size=\"small\"\n              variant=\"tertiary\"\n              onClick={this.handleRetry}\n              onKeyDown={this.handleRetryKeyDown}\n              onBlur={this.handleTimeoutBlur}\n              id=\"retry-button\"\n            >\n              Retry\n            </ic-button>\n          </Fragment>\n        ) : (\n          this.optionContent(option)\n        )}\n      </li>\n    );\n  };\n\n  render() {\n    const {\n      inputLabel,\n      options,\n      menuId,\n      value,\n      fullWidth,\n      hasTimedOut,\n      isLoading,\n      small,\n      open,\n      inputEl,\n      keyboardNav,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          \"full-width\": fullWidth,\n          \"no-focus\": inputEl?.tagName === \"INPUT\" || hasTimedOut || isLoading,\n          small: small,\n          open: open,\n        }}\n      >\n        {options.length !== 0 && (\n          <ul\n            id={menuId}\n            class=\"menu\"\n            role=\"listbox\"\n            aria-label={inputLabel}\n            aria-activedescendant={\n              value != null && value !== \"\" ? this.getOptionId(value) : \"\"\n            }\n            tabindex={\n              open && !keyboardNav && inputEl?.tagName !== \"INPUT\" ? \"0\" : \"-1\"\n            }\n            ref={(el) => (this.menu = el)}\n            onKeyDown={this.handleMenuKeyDown}\n            onKeyUp={this.handleMenuKeyUp}\n            onBlur={this.handleBlur}\n          >\n            {this.getSortedOptions(options).map((option, index) => {\n              if (option.children) {\n                if (option.children.length > 0) {\n                  return (\n                    <div>\n                      <ic-typography\n                        class=\"option-group-title\"\n                        role=\"presentation\"\n                        variant=\"subtitle-small\"\n                      >\n                        <p>{option.label}</p>\n                      </ic-typography>\n                      {option.children.map((childOption) =>\n                        this.displayOption(childOption, index, option)\n                      )}\n                    </div>\n                  );\n                } else {\n                  return null;\n                }\n              } else {\n                return this.displayOption(option, index);\n              }\n            })}\n          </ul>\n        )}\n      </Host>\n    );\n  }\n}\n"]}