@ukic/canary-web-components 3.0.0-canary.27 → 3.0.0-canary.28

package/dist/esm/ic-dialog.entry.js

@@ -23,7 +23,9 @@ const Dialog = class {
         this.IC_CHECKBOX = "IC-CHECKBOX";
         this.IC_SEARCH_BAR = "IC-SEARCH-BAR";
         this.IC_TAB_CONTEXT = "IC-TAB-CONTEXT";
+        this.interactiveElementList = [];
         this.resizeObserver = null;
+        this.focusAttemptCount = 0;
         this.dialogRendered = false;
         this.fadeIn = false;
         /**
@@ -92,6 +94,7 @@ const Dialog = class {
                 }
             }, 10);
             setTimeout(() => {
+                this.getInteractiveElements();
                 this.setInitialFocus();
                 checkResizeObserver(this.runResizeObserver);
             }, 75);
@@ -142,10 +145,24 @@ const Dialog = class {
         };
         this.setInitialFocus = () => {
             this.sourceElement = document.activeElement;
-            this.focusedElementIndex = this.interactiveElementList
-                ? this.interactiveElementList.findIndex((element) => element.hasAttribute(this.DATA_GETS_FOCUS))
-                : 0;
-            this.focusElement(this.interactiveElementList[this.focusedElementIndex]);
+            if (!this.interactiveElementList.length) {
+                // No interactive elements yet, retry shortly
+                setTimeout(() => {
+                    this.getInteractiveElements();
+                    if (this.interactiveElementList.length) {
+                        this.setInitialFocus();
+                    }
+                }, 10);
+                return;
+            }
+            this.focusedElementIndex = this.interactiveElementList.findIndex((element) => element.hasAttribute(this.DATA_GETS_FOCUS));
+            if (this.focusedElementIndex === -1) {
+                this.focusedElementIndex = 0;
+            }
+            const elToFocus = this.interactiveElementList[this.focusedElementIndex];
+            if (elToFocus) {
+                this.focusElement(elToFocus);
+            }
         };
         this.getFocusedElementIndex = () => {
             var _a;
@@ -180,17 +197,22 @@ const Dialog = class {
         };
         this.getNextFocusEl = (focusedElementIndex) => this.interactiveElementList[focusedElementIndex];
         this.onTabKeyPress = (shiftKey) => {
+            var _a;
             this.getFocusedElementIndex();
-            if (this.interactiveElementList[this.focusedElementIndex].tagName ===
+            if (((_a = this.interactiveElementList[this.focusedElementIndex]) === null || _a === void 0 ? void 0 : _a.tagName) ===
                 this.IC_SEARCH_BAR) {
                 return false;
             }
             this.setFocusIndexBasedOnShiftKey(shiftKey);
             this.loopNextFocusIndexIfLastElement();
+            this.focusAttemptCount = 0;
             this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);
             return true;
         };
         this.shouldSkipElement = (element) => {
+            if (!element) {
+                return true;
+            }
             const isHidden = getComputedStyle(element).visibility === "hidden" ||
                 element.offsetHeight === 0 ||
                 element.hasAttribute("disabled") ||
@@ -203,12 +225,16 @@ const Dialog = class {
                     !(radioEl.hasAttribute("selected") || element.tabIndex === 0)));
         };
         this.focusElement = (element, shiftKey = false) => {
-            let nextFocusEl = element;
+            if (!element) {
+                return;
+            }
+            if (this.focusAttemptCount++ > this.interactiveElementList.length) {
+                return;
+            }
             if (this.shouldSkipElement(element)) {
                 this.setFocusIndexBasedOnShiftKey(shiftKey);
                 this.loopNextFocusIndexIfLastElement();
-                nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);
-                this.focusElement(nextFocusEl, shiftKey);
+                this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);
             }
             else {
                 switch (element.tagName) {
@@ -263,7 +289,6 @@ const Dialog = class {
         this.removeSlotChangeListener();
     }
     componentDidLoad() {
-        this.getInteractiveElements();
         this.refreshInteractiveElementsOnSlotChange();
         if (this.open) {
             this.dialogOpened();
@@ -339,7 +364,7 @@ const Dialog = class {
     }
     render() {
         const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;
-        return (h(Host, { key: '6de63d3d94afa349dc9bb5b30296837bbf89f810', class: {
+        return (h(Host, { key: '90bdbe0ef1a88e61db6395c4f63bea39573a757b', class: {
                 "ic-dialog-hidden": !dialogRendered,
                 "ic-dialog-fade-in": fadeIn,
                 "disable-height-constraint": !!disableHeightConstraint,

package/dist/esm/ic-dialog.entry.js.map

@@ -1 +1 @@
-{"file":"ic-dialog.entry.js","mappings":"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","names":[],"sources":["../web-components/dist/collection/components/ic-dialog/ic-dialog.css?tag=ic-dialog&encapsulation=shadow","../web-components/dist/collection/components/ic-dialog/ic-dialog.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n  * @prop --ic-z-index-dialog: z-index of dialog \n  */\n\n:host {\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100% !important;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-dialog);\n  opacity: 0;\n}\n\n:host(.ic-dialog-fade-in) {\n  opacity: 1;\n}\n\n:host(.disable-height-constraint) {\n  background: none;\n  justify-content: unset;\n  align-items: unset;\n}\n\n.dialog.disable-height-constraint {\n  max-height: none;\n  position: relative;\n}\n\n.dialog.disable-height-constraint .content-area {\n  overflow-y: visible;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :host {\n    transition: opacity var(--ic-easing-transition-slow);\n  }\n\n  .dialog {\n    transform: translateY(-3rem);\n    transition: transform 1000s;\n  }\n\n  :host(.ic-dialog-fade-in) .dialog {\n    transform: translateY(0);\n    transition: transform var(--ic-easing-transition-slow);\n  }\n}\n\n:host(.ic-dialog-hidden) {\n  display: none;\n}\n\n.dialog {\n  background-color: var(--ic-dialog-background);\n  color: var(--ic-dialog-text-primary);\n\n  --ic-typography-color: var(--ic-dialog-text-primary);\n\n  border: var(--ic-space-1px) solid var(--ic-dialog-border);\n  border-radius: var(--ic-border-radius);\n  padding: var(--ic-space-xs) 0 var(--ic-space-md);\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  overflow-x: visible;\n}\n\n.small {\n  width: 50%;\n  max-width: 25rem;\n  min-height: 11rem;\n  max-height: 70vh;\n}\n\n.medium {\n  width: 70vw;\n  max-width: 44rem;\n  min-height: 12.5rem;\n  max-height: 70vh;\n}\n\n.large {\n  width: 90vw;\n  max-width: 62.5rem;\n  min-height: 12.5rem;\n  max-height: 90vh;\n}\n\n.heading-area {\n  display: flex;\n  margin-bottom: var(--ic-space-xs);\n  padding: 0 var(--ic-space-md);\n}\n\n.heading {\n  overflow-wrap: break-word;\n}\n\n.close-icon {\n  margin-left: auto;\n}\n\n.close-icon > svg {\n  color: var(--ic-dialog-clear-button);\n}\n\n.content-area {\n  padding: 0 var(--ic-space-md);\n  margin: 0;\n  overflow-y: auto;\n}\n\n#dialog-content {\n  margin-bottom: var(--ic-space-sm);\n}\n\n#dialog-content ::slotted(ic-typography) {\n  overflow-wrap: break-word;\n}\n\n#dialog-content ::slotted(*) {\n  position: relative;\n}\n\n.dialog-controls {\n  margin-top: auto;\n  padding: var(--ic-space-xs) var(--ic-space-md) 0;\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--ic-space-md);\n}\n\n.dialog-control-button {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.backdrop {\n  overflow-y: auto;\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-dialog);\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.heading ic-typography {\n  --ic-typography-color: var(--ic-dialog-text-primary);\n}\n\n.label ic-typography {\n  --ic-typography-color: var(--ic-dialog-label);\n}\n\n@media (min-width: 800px) {\n  :host([size=\"large\"]) .dialog:not(.disable-width-constraint) > .content-area {\n    width: 75%;\n  }\n}\n\n@media (max-width: 576px) {\n  .dialog {\n    width: 100vw;\n    height: 100vh;\n    max-width: none;\n    max-height: none;\n    box-sizing: border-box;\n  }\n\n  .backdrop {\n    padding: 0;\n  }\n\n  .dialog.disable-height-constraint {\n    height: auto;\n    min-height: 100vh;\n  }\n}\n\n@media (max-width: 364px) {\n  .dialog-control-button {\n    width: unset;\n  }\n}\n","import { Host, h, Fragment, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { isSlotUsed, checkResizeObserver, onComponentRequiredPropUndefined, getSlotElements, } from \"../../utils/helpers\";\n/**\n * @slot dialog-controls - Content will be place at the bottom of the dialog.\n * @slot heading - Content will be placed at the top of the dialog.\n * @slot label - Content will be placed above the dialog heading.\n * @slot alert - Content will be placed at the top of the content area of the dialog.\n */\nexport class Dialog {\n    constructor() {\n        this.contentAreaMutationObserver = null;\n        this.DATA_GETS_FOCUS = \"data-gets-focus\";\n        this.DIALOG_CONTROLS = \"dialog-controls\";\n        this.dialogHeight = 0;\n        this.focusedElementIndex = 0;\n        this.IC_TEXT_FIELD = \"IC-TEXT-FIELD\";\n        this.IC_ACCORDION = \"IC-ACCORDION\";\n        this.IC_ACCORDION_GROUP = \"IC-ACCORDION-GROUP\";\n        this.IC_CHECKBOX = \"IC-CHECKBOX\";\n        this.IC_SEARCH_BAR = \"IC-SEARCH-BAR\";\n        this.IC_TAB_CONTEXT = \"IC-TAB-CONTEXT\";\n        this.resizeObserver = null;\n        this.dialogRendered = false;\n        this.fadeIn = false;\n        /**\n         * If set to `false`, the dialog will not close when the backdrop is clicked.\n         */\n        this.closeOnBackdropClick = true;\n        /**\n         * If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.\n         */\n        this.destructive = false;\n        /**\n         * Sets the dismiss label tooltip and aria label.\n         */\n        this.dismissLabel = \"Dismiss\";\n        /**\n         * If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold.\n         * This prop also prevents popover elements from being cut off within the content area.\n         */\n        this.disableHeightConstraint = false;\n        /**\n         * If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.\n         */\n        this.disableWidthConstraint = false;\n        /**\n         * If `true`, the close button will not be displayed.\n         */\n        this.hideCloseButton = false;\n        /**\n         * If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed.\n         */\n        this.hideDefaultControls = false;\n        /**\n         * If `true`, the dialog will be displayed.\n         */\n        this.open = false;\n        /**\n         * Sets the maximum and minimum height and width for the dialog.\n         */\n        this.size = \"small\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        this.dialogOpened = () => {\n            var _a, _b;\n            this.dialogRendered = true;\n            if (this.disableHeightConstraint) {\n                (_a = this.dialogEl) === null || _a === void 0 ? void 0 : _a.show();\n            }\n            else {\n                (_b = this.dialogEl) === null || _b === void 0 ? void 0 : _b.showModal();\n            }\n            setTimeout(() => {\n                this.fadeIn = true;\n                /**\n                 * This is required to set scroll back to top if:\n                 * - dialog content goes below the fold\n                 * - is closed using cancel or confirm and reopened.\n                 *\n                 * Without this, the scroll bar will start from the dialog's last scroll-x coordinate.\n                 */\n                if (this.backdropEl &&\n                    this.disableHeightConstraint &&\n                    this.backdropEl.scrollTop !== 0) {\n                    this.backdropEl.scrollTop = 0;\n                }\n            }, 10);\n            setTimeout(() => {\n                this.setInitialFocus();\n                checkResizeObserver(this.runResizeObserver);\n            }, 75);\n            setTimeout(() => {\n                this.icDialogOpened.emit();\n            }, 80);\n        };\n        this.runResizeObserver = () => {\n            if (this.dialogEl) {\n                this.resizeObserver = new ResizeObserver(() => {\n                    clearTimeout(this.resizeTimeout);\n                    this.resizeTimeout = window.setTimeout(this.resizeObserverCallback, 80);\n                });\n                this.resizeObserver.observe(this.dialogEl);\n            }\n        };\n        this.resizeObserverCallback = () => {\n            if (this.dialogEl && this.dialogEl.clientHeight !== this.dialogHeight) {\n                this.dialogHeight = this.dialogEl.clientHeight;\n            }\n        };\n        this.refreshInteractiveElementsOnSlotChange = () => {\n            var _a, _b, _c;\n            const contentWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"#dialog-content\");\n            if (contentWrapper) {\n                this.contentArea = contentWrapper.querySelector(\"slot\");\n                // Detect changes to slotted elements\n                (_b = this.contentArea) === null || _b === void 0 ? void 0 : _b.addEventListener(\"slotchange\", this.getInteractiveElements);\n                this.contentAreaMutationObserver = new MutationObserver(() => {\n                    this.getInteractiveElements();\n                });\n                // Detect changes to children of slotted elements\n                (_c = getSlotElements(contentWrapper)) === null || _c === void 0 ? void 0 : _c.forEach((el) => {\n                    var _a;\n                    (_a = this.contentAreaMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(el, {\n                        childList: true,\n                        subtree: true,\n                    });\n                });\n            }\n        };\n        this.removeSlotChangeListener = () => {\n            var _a;\n            if (this.contentArea) {\n                this.contentArea.removeEventListener(\"slotchange\", this.getInteractiveElements);\n                (_a = this.contentAreaMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n            }\n        };\n        this.setInitialFocus = () => {\n            this.sourceElement = document.activeElement;\n            this.focusedElementIndex = this.interactiveElementList\n                ? this.interactiveElementList.findIndex((element) => element.hasAttribute(this.DATA_GETS_FOCUS))\n                : 0;\n            this.focusElement(this.interactiveElementList[this.focusedElementIndex]);\n        };\n        this.getFocusedElementIndex = () => {\n            var _a;\n            for (let i = 0; i < this.interactiveElementList.length; i++) {\n                if (this.interactiveElementList[i] ===\n                    (((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) || document.activeElement)) {\n                    this.focusedElementIndex = i;\n                }\n            }\n        };\n        this.closeIconClick = () => {\n            this.open = false;\n        };\n        this.getInteractiveElements = () => {\n            var _a;\n            this.interactiveElementList = Array.from(((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(\"ic-button\")) || []);\n            const slottedInteractiveElements = Array.from(this.el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex=\"-1\"]),\n          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-context,\n          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible=\"true\"], ic-footer-link, ic-link, ic-navigation-button,\n          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`));\n            if (slottedInteractiveElements.length > 0) {\n                if (slottedInteractiveElements[0].slot !== this.DIALOG_CONTROLS) {\n                    slottedInteractiveElements[0].setAttribute(this.DATA_GETS_FOCUS, \"\");\n                }\n                else if (!this.destructive) {\n                    slottedInteractiveElements[slottedInteractiveElements.length - 1].setAttribute(this.DATA_GETS_FOCUS, \"\");\n                }\n            }\n            for (let i = 0; i < slottedInteractiveElements.length; i++) {\n                this.interactiveElementList.splice(1 + i, 0, slottedInteractiveElements[i]);\n            }\n        };\n        this.getNextFocusEl = (focusedElementIndex) => this.interactiveElementList[focusedElementIndex];\n        this.onTabKeyPress = (shiftKey) => {\n            this.getFocusedElementIndex();\n            if (this.interactiveElementList[this.focusedElementIndex].tagName ===\n                this.IC_SEARCH_BAR) {\n                return false;\n            }\n            this.setFocusIndexBasedOnShiftKey(shiftKey);\n            this.loopNextFocusIndexIfLastElement();\n            this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);\n            return true;\n        };\n        this.shouldSkipElement = (element) => {\n            const isHidden = getComputedStyle(element).visibility === \"hidden\" ||\n                element.offsetHeight === 0 ||\n                element.hasAttribute(\"disabled\") ||\n                (element.tagName === this.IC_ACCORDION_GROUP &&\n                    element.hasAttribute(\"single-expansion\"));\n            const radioEl = element.closest(\"ic-radio-option\");\n            return (isHidden ||\n                (element.getAttribute(\"type\") === \"radio\" &&\n                    !!radioEl &&\n                    !(radioEl.hasAttribute(\"selected\") || element.tabIndex === 0)));\n        };\n        this.focusElement = (element, shiftKey = false) => {\n            let nextFocusEl = element;\n            if (this.shouldSkipElement(element)) {\n                this.setFocusIndexBasedOnShiftKey(shiftKey);\n                this.loopNextFocusIndexIfLastElement();\n                nextFocusEl = this.getNextFocusEl(this.focusedElementIndex);\n                this.focusElement(nextFocusEl, shiftKey);\n            }\n            else {\n                switch (element.tagName) {\n                    case this.IC_ACCORDION_GROUP:\n                    case this.IC_ACCORDION:\n                    case this.IC_SEARCH_BAR:\n                    case this.IC_TEXT_FIELD:\n                    case this.IC_CHECKBOX:\n                    case this.IC_TAB_CONTEXT:\n                        element.setFocus();\n                        break;\n                    default:\n                        element.focus();\n                }\n            }\n        };\n        this.renderDialog = () => {\n            const { hideDefaultControls, size, heading, label, destructive, dismissLabel, hideCloseButton, disableHeightConstraint, disableWidthConstraint, closeIconClick, DIALOG_CONTROLS, } = this;\n            const controlsSlotUsed = isSlotUsed(this.el, DIALOG_CONTROLS);\n            return (h(\"dialog\", { class: {\n                    dialog: true,\n                    [`${size}`]: true,\n                    \"disable-height-constraint\": !!disableHeightConstraint,\n                    \"disable-width-constraint\": !!disableWidthConstraint,\n                }, \"aria-labelledby\": \"dialog-label dialog-heading\", \"aria-describedby\": \"dialog-alert dialog-content\", ref: (el) => (this.dialogEl = el) }, h(\"div\", { class: \"heading-area\" }, h(\"div\", { class: \"heading-content\" }, h(\"div\", { class: \"label\" }, h(\"slot\", { name: \"label\" }, h(\"ic-typography\", { variant: \"label\", id: \"dialog-label\" }, label))), h(\"div\", { class: \"heading\" }, h(\"slot\", { name: \"heading\" }, h(\"ic-typography\", { variant: \"h4\", id: \"dialog-heading\" }, heading)))), !hideCloseButton && (h(\"ic-button\", { class: \"close-icon\", variant: \"icon-tertiary\", innerHTML: closeIcon, \"aria-label\": dismissLabel, onClick: closeIconClick, \"data-gets-focus\": destructive || (hideDefaultControls && !controlsSlotUsed)\n                    ? \"\"\n                    : null }))), h(\"div\", { class: \"content-area\" }, isSlotUsed(this.el, \"alert\") && h(\"slot\", { name: \"alert\" }), h(\"div\", { id: \"dialog-content\" }, h(\"slot\", null))), (controlsSlotUsed || !hideDefaultControls) && (h(\"div\", { class: {\n                    [DIALOG_CONTROLS]: true,\n                } }, controlsSlotUsed ? (h(\"slot\", { name: DIALOG_CONTROLS })) : (h(Fragment, null, h(\"ic-button\", { variant: \"tertiary\", onClick: () => this.cancelDialog(), class: \"dialog-control-button\", \"data-gets-focus\": null }, \"Cancel\"), h(\"ic-button\", { variant: destructive ? \"destructive\" : \"primary\", onClick: () => this.confirmDialog(), class: \"dialog-control-button\", \"data-gets-focus\": \"\" }, \"Confirm\")))))));\n        };\n    }\n    watchOpenHandler() {\n        if (this.open) {\n            this.dialogOpened();\n        }\n        else {\n            this.fadeIn = false;\n            if (this.resizeObserver !== null) {\n                this.resizeObserver.disconnect();\n            }\n            setTimeout(() => {\n                var _a, _b;\n                this.dialogRendered = false;\n                (_a = this.dialogEl) === null || _a === void 0 ? void 0 : _a.close();\n                (_b = this.sourceElement) === null || _b === void 0 ? void 0 : _b.focus();\n                this.dialogHeight = 0;\n                this.icDialogClosed.emit();\n            }, 80);\n        }\n    }\n    disconnectedCallback() {\n        this.removeSlotChangeListener();\n    }\n    componentDidLoad() {\n        this.getInteractiveElements();\n        this.refreshInteractiveElementsOnSlotChange();\n        if (this.open) {\n            this.dialogOpened();\n        }\n        !isSlotUsed(this.el, \"heading\") &&\n            onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Dialog\");\n    }\n    componentDidRender() {\n        document.body.style.overflow =\n            getComputedStyle(this.el).display !== \"none\" &&\n                this.disableHeightConstraint\n                ? \"hidden\"\n                : \"auto\";\n    }\n    handleKeyboard(ev) {\n        if (this.dialogRendered) {\n            switch (ev.key) {\n                case \"Tab\":\n                    if (this.onTabKeyPress(ev.shiftKey)) {\n                        ev.preventDefault();\n                    }\n                    break;\n                case \"Escape\":\n                    if (!ev.repeat) {\n                        this.open = false;\n                    }\n                    ev.stopImmediatePropagation();\n                    break;\n            }\n        }\n    }\n    handleClick(ev) {\n        if (this.dialogEl &&\n            this.closeOnBackdropClick &&\n            ev.composedPath().indexOf(this.dialogEl) <= 0) {\n            const { top, height, left, width } = this.dialogEl.getBoundingClientRect();\n            const isInDialog = top <= ev.clientY &&\n                ev.clientY <= top + height &&\n                left <= ev.clientX &&\n                ev.clientX <= left + width;\n            if (!isInDialog) {\n                this.open = false;\n            }\n        }\n    }\n    /**\n     * Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\n     */\n    async cancelDialog() {\n        this.icDialogCancelled.emit();\n        this.open = false;\n    }\n    /**\n     * Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\n     */\n    async confirmDialog() {\n        this.icDialogConfirmed.emit();\n    }\n    loopNextFocusIndexIfLastElement() {\n        if (this.focusedElementIndex > this.interactiveElementList.length - 1)\n            this.focusedElementIndex = 0;\n        else if (this.focusedElementIndex < 0) {\n            this.focusedElementIndex = this.interactiveElementList.length - 1;\n        }\n    }\n    setFocusIndexBasedOnShiftKey(shiftKey) {\n        if (shiftKey) {\n            this.focusedElementIndex -= 1;\n        }\n        else {\n            this.focusedElementIndex += 1;\n        }\n    }\n    render() {\n        const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;\n        return (h(Host, { key: '6de63d3d94afa349dc9bb5b30296837bbf89f810', class: {\n                \"ic-dialog-hidden\": !dialogRendered,\n                \"ic-dialog-fade-in\": fadeIn,\n                \"disable-height-constraint\": !!disableHeightConstraint,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, disableHeightConstraint ? (h(\"div\", { class: \"backdrop\", ref: (el) => (this.backdropEl = el) }, this.renderDialog())) : (this.renderDialog())));\n    }\n    static get is() { return \"ic-dialog\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-dialog.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-dialog.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"closeOnBackdropClick\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `false`, the dialog will not close when the backdrop is clicked.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"close-on-backdrop-click\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"destructive\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"destructive\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dismissLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the dismiss label tooltip and aria label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"dismiss-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Dismiss\\\"\"\n            },\n            \"disableHeightConstraint\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold.\\nThis prop also prevents popover elements from being cut off within the content area.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disable-height-constraint\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disableWidthConstraint\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disable-width-constraint\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"hideCloseButton\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the close button will not be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-close-button\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"hideDefaultControls\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-default-controls\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the heading for the dialog.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the optional label for the dialog which appears above the heading.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"open\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the dialog will be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"small\\\" | \\\"medium\\\" | \\\"large\\\"\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the maximum and minimum height and width for the dialog.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"small\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"dialogRendered\": {},\n            \"fadeIn\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icDialogCancelled\",\n                \"name\": \"icDialogCancelled\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Cancelation event emitted when default 'Cancel' button clicked or 'cancelDialog' method is called.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icDialogClosed\",\n                \"name\": \"icDialogClosed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when dialog has closed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icDialogConfirmed\",\n                \"name\": \"icDialogConfirmed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Confirmation event emitted when default 'Confirm' primary button clicked or 'confirmDialog' method is called.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icDialogOpened\",\n                \"name\": \"icDialogOpened\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when dialog has opened.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"cancelDialog\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\",\n                    \"tags\": []\n                }\n            },\n            \"confirmDialog\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"watchOpenHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyboard\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"click\",\n                \"method\": \"handleClick\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-dialog.js.map\n"],"version":3}
+{"file":"ic-dialog.entry.js","mappings":"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","names":[],"sources":["../web-components/dist/collection/components/ic-dialog/ic-dialog.css?tag=ic-dialog&encapsulation=shadow","../web-components/dist/collection/components/ic-dialog/ic-dialog.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n  * @prop --ic-z-index-dialog: z-index of dialog \n  */\n\n:host {\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100% !important;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-dialog);\n  opacity: 0;\n}\n\n:host(.ic-dialog-fade-in) {\n  opacity: 1;\n}\n\n:host(.disable-height-constraint) {\n  background: none;\n  justify-content: unset;\n  align-items: unset;\n}\n\n.dialog.disable-height-constraint {\n  max-height: none;\n  position: relative;\n}\n\n.dialog.disable-height-constraint .content-area {\n  overflow-y: visible;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :host {\n    transition: opacity var(--ic-easing-transition-slow);\n  }\n\n  .dialog {\n    transform: translateY(-3rem);\n    transition: transform 1000s;\n  }\n\n  :host(.ic-dialog-fade-in) .dialog {\n    transform: translateY(0);\n    transition: transform var(--ic-easing-transition-slow);\n  }\n}\n\n:host(.ic-dialog-hidden) {\n  display: none;\n}\n\n.dialog {\n  background-color: var(--ic-dialog-background);\n  color: var(--ic-dialog-text-primary);\n\n  --ic-typography-color: var(--ic-dialog-text-primary);\n\n  border: var(--ic-space-1px) solid var(--ic-dialog-border);\n  border-radius: var(--ic-border-radius);\n  padding: var(--ic-space-xs) 0 var(--ic-space-md);\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  overflow-x: visible;\n}\n\n.small {\n  width: 50%;\n  max-width: 25rem;\n  min-height: 11rem;\n  max-height: 70vh;\n}\n\n.medium {\n  width: 70vw;\n  max-width: 44rem;\n  min-height: 12.5rem;\n  max-height: 70vh;\n}\n\n.large {\n  width: 90vw;\n  max-width: 62.5rem;\n  min-height: 12.5rem;\n  max-height: 90vh;\n}\n\n.heading-area {\n  display: flex;\n  margin-bottom: var(--ic-space-xs);\n  padding: 0 var(--ic-space-md);\n}\n\n.heading {\n  overflow-wrap: break-word;\n}\n\n.close-icon {\n  margin-left: auto;\n}\n\n.close-icon > svg {\n  color: var(--ic-dialog-clear-button);\n}\n\n.content-area {\n  padding: 0 var(--ic-space-md);\n  margin: 0;\n  overflow-y: auto;\n}\n\n#dialog-content {\n  margin-bottom: var(--ic-space-sm);\n}\n\n#dialog-content ::slotted(ic-typography) {\n  overflow-wrap: break-word;\n}\n\n#dialog-content ::slotted(*) {\n  position: relative;\n}\n\n.dialog-controls {\n  margin-top: auto;\n  padding: var(--ic-space-xs) var(--ic-space-md) 0;\n  display: flex;\n  justify-content: flex-end;\n  gap: var(--ic-space-md);\n}\n\n.dialog-control-button {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.backdrop {\n  overflow-y: auto;\n  position: fixed;\n  inset: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgb(0 0 0 / 60%);\n  z-index: var(--ic-z-index-dialog);\n  padding-top: 16px;\n  padding-bottom: 16px;\n}\n\n.heading ic-typography {\n  --ic-typography-color: var(--ic-dialog-text-primary);\n}\n\n.label ic-typography {\n  --ic-typography-color: var(--ic-dialog-label);\n}\n\n@media (min-width: 800px) {\n  :host([size=\"large\"]) .dialog:not(.disable-width-constraint) > .content-area {\n    width: 75%;\n  }\n}\n\n@media (max-width: 576px) {\n  .dialog {\n    width: 100vw;\n    height: 100vh;\n    max-width: none;\n    max-height: none;\n    box-sizing: border-box;\n  }\n\n  .backdrop {\n    padding: 0;\n  }\n\n  .dialog.disable-height-constraint {\n    height: auto;\n    min-height: 100vh;\n  }\n}\n\n@media (max-width: 364px) {\n  .dialog-control-button {\n    width: unset;\n  }\n}\n","import { Host, h, Fragment, } from \"@stencil/core\";\nimport closeIcon from \"../../assets/close-icon.svg\";\nimport { isSlotUsed, checkResizeObserver, onComponentRequiredPropUndefined, getSlotElements, } from \"../../utils/helpers\";\n/**\n * @slot dialog-controls - Content will be place at the bottom of the dialog.\n * @slot heading - Content will be placed at the top of the dialog.\n * @slot label - Content will be placed above the dialog heading.\n * @slot alert - Content will be placed at the top of the content area of the dialog.\n */\nexport class Dialog {\n    constructor() {\n        this.contentAreaMutationObserver = null;\n        this.DATA_GETS_FOCUS = \"data-gets-focus\";\n        this.DIALOG_CONTROLS = \"dialog-controls\";\n        this.dialogHeight = 0;\n        this.focusedElementIndex = 0;\n        this.IC_TEXT_FIELD = \"IC-TEXT-FIELD\";\n        this.IC_ACCORDION = \"IC-ACCORDION\";\n        this.IC_ACCORDION_GROUP = \"IC-ACCORDION-GROUP\";\n        this.IC_CHECKBOX = \"IC-CHECKBOX\";\n        this.IC_SEARCH_BAR = \"IC-SEARCH-BAR\";\n        this.IC_TAB_CONTEXT = \"IC-TAB-CONTEXT\";\n        this.interactiveElementList = [];\n        this.resizeObserver = null;\n        this.focusAttemptCount = 0;\n        this.dialogRendered = false;\n        this.fadeIn = false;\n        /**\n         * If set to `false`, the dialog will not close when the backdrop is clicked.\n         */\n        this.closeOnBackdropClick = true;\n        /**\n         * If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.\n         */\n        this.destructive = false;\n        /**\n         * Sets the dismiss label tooltip and aria label.\n         */\n        this.dismissLabel = \"Dismiss\";\n        /**\n         * If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold.\n         * This prop also prevents popover elements from being cut off within the content area.\n         */\n        this.disableHeightConstraint = false;\n        /**\n         * If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.\n         */\n        this.disableWidthConstraint = false;\n        /**\n         * If `true`, the close button will not be displayed.\n         */\n        this.hideCloseButton = false;\n        /**\n         * If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed.\n         */\n        this.hideDefaultControls = false;\n        /**\n         * If `true`, the dialog will be displayed.\n         */\n        this.open = false;\n        /**\n         * Sets the maximum and minimum height and width for the dialog.\n         */\n        this.size = \"small\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        this.dialogOpened = () => {\n            var _a, _b;\n            this.dialogRendered = true;\n            if (this.disableHeightConstraint) {\n                (_a = this.dialogEl) === null || _a === void 0 ? void 0 : _a.show();\n            }\n            else {\n                (_b = this.dialogEl) === null || _b === void 0 ? void 0 : _b.showModal();\n            }\n            setTimeout(() => {\n                this.fadeIn = true;\n                /**\n                 * This is required to set scroll back to top if:\n                 * - dialog content goes below the fold\n                 * - is closed using cancel or confirm and reopened.\n                 *\n                 * Without this, the scroll bar will start from the dialog's last scroll-x coordinate.\n                 */\n                if (this.backdropEl &&\n                    this.disableHeightConstraint &&\n                    this.backdropEl.scrollTop !== 0) {\n                    this.backdropEl.scrollTop = 0;\n                }\n            }, 10);\n            setTimeout(() => {\n                this.getInteractiveElements();\n                this.setInitialFocus();\n                checkResizeObserver(this.runResizeObserver);\n            }, 75);\n            setTimeout(() => {\n                this.icDialogOpened.emit();\n            }, 80);\n        };\n        this.runResizeObserver = () => {\n            if (this.dialogEl) {\n                this.resizeObserver = new ResizeObserver(() => {\n                    clearTimeout(this.resizeTimeout);\n                    this.resizeTimeout = window.setTimeout(this.resizeObserverCallback, 80);\n                });\n                this.resizeObserver.observe(this.dialogEl);\n            }\n        };\n        this.resizeObserverCallback = () => {\n            if (this.dialogEl && this.dialogEl.clientHeight !== this.dialogHeight) {\n                this.dialogHeight = this.dialogEl.clientHeight;\n            }\n        };\n        this.refreshInteractiveElementsOnSlotChange = () => {\n            var _a, _b, _c;\n            const contentWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"#dialog-content\");\n            if (contentWrapper) {\n                this.contentArea = contentWrapper.querySelector(\"slot\");\n                // Detect changes to slotted elements\n                (_b = this.contentArea) === null || _b === void 0 ? void 0 : _b.addEventListener(\"slotchange\", this.getInteractiveElements);\n                this.contentAreaMutationObserver = new MutationObserver(() => {\n                    this.getInteractiveElements();\n                });\n                // Detect changes to children of slotted elements\n                (_c = getSlotElements(contentWrapper)) === null || _c === void 0 ? void 0 : _c.forEach((el) => {\n                    var _a;\n                    (_a = this.contentAreaMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(el, {\n                        childList: true,\n                        subtree: true,\n                    });\n                });\n            }\n        };\n        this.removeSlotChangeListener = () => {\n            var _a;\n            if (this.contentArea) {\n                this.contentArea.removeEventListener(\"slotchange\", this.getInteractiveElements);\n                (_a = this.contentAreaMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n            }\n        };\n        this.setInitialFocus = () => {\n            this.sourceElement = document.activeElement;\n            if (!this.interactiveElementList.length) {\n                // No interactive elements yet, retry shortly\n                setTimeout(() => {\n                    this.getInteractiveElements();\n                    if (this.interactiveElementList.length) {\n                        this.setInitialFocus();\n                    }\n                }, 10);\n                return;\n            }\n            this.focusedElementIndex = this.interactiveElementList.findIndex((element) => element.hasAttribute(this.DATA_GETS_FOCUS));\n            if (this.focusedElementIndex === -1) {\n                this.focusedElementIndex = 0;\n            }\n            const elToFocus = this.interactiveElementList[this.focusedElementIndex];\n            if (elToFocus) {\n                this.focusElement(elToFocus);\n            }\n        };\n        this.getFocusedElementIndex = () => {\n            var _a;\n            for (let i = 0; i < this.interactiveElementList.length; i++) {\n                if (this.interactiveElementList[i] ===\n                    (((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) || document.activeElement)) {\n                    this.focusedElementIndex = i;\n                }\n            }\n        };\n        this.closeIconClick = () => {\n            this.open = false;\n        };\n        this.getInteractiveElements = () => {\n            var _a;\n            this.interactiveElementList = Array.from(((_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll(\"ic-button\")) || []);\n            const slottedInteractiveElements = Array.from(this.el.querySelectorAll(`a[href], button, input:not(.ic-input), textarea, select, details, [tabindex]:not([tabindex=\"-1\"]),\n          ic-button, ic-checkbox, ic-select, ic-search-bar, ic-tab-context,\n          ic-back-to-top, ic-breadcrumb, ic-chip[dismissible=\"true\"], ic-footer-link, ic-link, ic-navigation-button,\n          ic-navigation-item, ic-switch, ic-text-field, ic-accordion-group, ic-accordion, ic-date-input, ic-date-picker`));\n            if (slottedInteractiveElements.length > 0) {\n                if (slottedInteractiveElements[0].slot !== this.DIALOG_CONTROLS) {\n                    slottedInteractiveElements[0].setAttribute(this.DATA_GETS_FOCUS, \"\");\n                }\n                else if (!this.destructive) {\n                    slottedInteractiveElements[slottedInteractiveElements.length - 1].setAttribute(this.DATA_GETS_FOCUS, \"\");\n                }\n            }\n            for (let i = 0; i < slottedInteractiveElements.length; i++) {\n                this.interactiveElementList.splice(1 + i, 0, slottedInteractiveElements[i]);\n            }\n        };\n        this.getNextFocusEl = (focusedElementIndex) => this.interactiveElementList[focusedElementIndex];\n        this.onTabKeyPress = (shiftKey) => {\n            var _a;\n            this.getFocusedElementIndex();\n            if (((_a = this.interactiveElementList[this.focusedElementIndex]) === null || _a === void 0 ? void 0 : _a.tagName) ===\n                this.IC_SEARCH_BAR) {\n                return false;\n            }\n            this.setFocusIndexBasedOnShiftKey(shiftKey);\n            this.loopNextFocusIndexIfLastElement();\n            this.focusAttemptCount = 0;\n            this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);\n            return true;\n        };\n        this.shouldSkipElement = (element) => {\n            if (!element) {\n                return true;\n            }\n            const isHidden = getComputedStyle(element).visibility === \"hidden\" ||\n                element.offsetHeight === 0 ||\n                element.hasAttribute(\"disabled\") ||\n                (element.tagName === this.IC_ACCORDION_GROUP &&\n                    element.hasAttribute(\"single-expansion\"));\n            const radioEl = element.closest(\"ic-radio-option\");\n            return (isHidden ||\n                (element.getAttribute(\"type\") === \"radio\" &&\n                    !!radioEl &&\n                    !(radioEl.hasAttribute(\"selected\") || element.tabIndex === 0)));\n        };\n        this.focusElement = (element, shiftKey = false) => {\n            if (!element) {\n                return;\n            }\n            if (this.focusAttemptCount++ > this.interactiveElementList.length) {\n                return;\n            }\n            if (this.shouldSkipElement(element)) {\n                this.setFocusIndexBasedOnShiftKey(shiftKey);\n                this.loopNextFocusIndexIfLastElement();\n                this.focusElement(this.getNextFocusEl(this.focusedElementIndex), shiftKey);\n            }\n            else {\n                switch (element.tagName) {\n                    case this.IC_ACCORDION_GROUP:\n                    case this.IC_ACCORDION:\n                    case this.IC_SEARCH_BAR:\n                    case this.IC_TEXT_FIELD:\n                    case this.IC_CHECKBOX:\n                    case this.IC_TAB_CONTEXT:\n                        element.setFocus();\n                        break;\n                    default:\n                        element.focus();\n                }\n            }\n        };\n        this.renderDialog = () => {\n            const { hideDefaultControls, size, heading, label, destructive, dismissLabel, hideCloseButton, disableHeightConstraint, disableWidthConstraint, closeIconClick, DIALOG_CONTROLS, } = this;\n            const controlsSlotUsed = isSlotUsed(this.el, DIALOG_CONTROLS);\n            return (h(\"dialog\", { class: {\n                    dialog: true,\n                    [`${size}`]: true,\n                    \"disable-height-constraint\": !!disableHeightConstraint,\n                    \"disable-width-constraint\": !!disableWidthConstraint,\n                }, \"aria-labelledby\": \"dialog-label dialog-heading\", \"aria-describedby\": \"dialog-alert dialog-content\", ref: (el) => (this.dialogEl = el) }, h(\"div\", { class: \"heading-area\" }, h(\"div\", { class: \"heading-content\" }, h(\"div\", { class: \"label\" }, h(\"slot\", { name: \"label\" }, h(\"ic-typography\", { variant: \"label\", id: \"dialog-label\" }, label))), h(\"div\", { class: \"heading\" }, h(\"slot\", { name: \"heading\" }, h(\"ic-typography\", { variant: \"h4\", id: \"dialog-heading\" }, heading)))), !hideCloseButton && (h(\"ic-button\", { class: \"close-icon\", variant: \"icon-tertiary\", innerHTML: closeIcon, \"aria-label\": dismissLabel, onClick: closeIconClick, \"data-gets-focus\": destructive || (hideDefaultControls && !controlsSlotUsed)\n                    ? \"\"\n                    : null }))), h(\"div\", { class: \"content-area\" }, isSlotUsed(this.el, \"alert\") && h(\"slot\", { name: \"alert\" }), h(\"div\", { id: \"dialog-content\" }, h(\"slot\", null))), (controlsSlotUsed || !hideDefaultControls) && (h(\"div\", { class: {\n                    [DIALOG_CONTROLS]: true,\n                } }, controlsSlotUsed ? (h(\"slot\", { name: DIALOG_CONTROLS })) : (h(Fragment, null, h(\"ic-button\", { variant: \"tertiary\", onClick: () => this.cancelDialog(), class: \"dialog-control-button\", \"data-gets-focus\": null }, \"Cancel\"), h(\"ic-button\", { variant: destructive ? \"destructive\" : \"primary\", onClick: () => this.confirmDialog(), class: \"dialog-control-button\", \"data-gets-focus\": \"\" }, \"Confirm\")))))));\n        };\n    }\n    watchOpenHandler() {\n        if (this.open) {\n            this.dialogOpened();\n        }\n        else {\n            this.fadeIn = false;\n            if (this.resizeObserver !== null) {\n                this.resizeObserver.disconnect();\n            }\n            setTimeout(() => {\n                var _a, _b;\n                this.dialogRendered = false;\n                (_a = this.dialogEl) === null || _a === void 0 ? void 0 : _a.close();\n                (_b = this.sourceElement) === null || _b === void 0 ? void 0 : _b.focus();\n                this.dialogHeight = 0;\n                this.icDialogClosed.emit();\n            }, 80);\n        }\n    }\n    disconnectedCallback() {\n        this.removeSlotChangeListener();\n    }\n    componentDidLoad() {\n        this.refreshInteractiveElementsOnSlotChange();\n        if (this.open) {\n            this.dialogOpened();\n        }\n        !isSlotUsed(this.el, \"heading\") &&\n            onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Dialog\");\n    }\n    componentDidRender() {\n        document.body.style.overflow =\n            getComputedStyle(this.el).display !== \"none\" &&\n                this.disableHeightConstraint\n                ? \"hidden\"\n                : \"auto\";\n    }\n    handleKeyboard(ev) {\n        if (this.dialogRendered) {\n            switch (ev.key) {\n                case \"Tab\":\n                    if (this.onTabKeyPress(ev.shiftKey)) {\n                        ev.preventDefault();\n                    }\n                    break;\n                case \"Escape\":\n                    if (!ev.repeat) {\n                        this.open = false;\n                    }\n                    ev.stopImmediatePropagation();\n                    break;\n            }\n        }\n    }\n    handleClick(ev) {\n        if (this.dialogEl &&\n            this.closeOnBackdropClick &&\n            ev.composedPath().indexOf(this.dialogEl) <= 0) {\n            const { top, height, left, width } = this.dialogEl.getBoundingClientRect();\n            const isInDialog = top <= ev.clientY &&\n                ev.clientY <= top + height &&\n                left <= ev.clientX &&\n                ev.clientX <= left + width;\n            if (!isInDialog) {\n                this.open = false;\n            }\n        }\n    }\n    /**\n     * Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\n     */\n    async cancelDialog() {\n        this.icDialogCancelled.emit();\n        this.open = false;\n    }\n    /**\n     * Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\n     */\n    async confirmDialog() {\n        this.icDialogConfirmed.emit();\n    }\n    loopNextFocusIndexIfLastElement() {\n        if (this.focusedElementIndex > this.interactiveElementList.length - 1)\n            this.focusedElementIndex = 0;\n        else if (this.focusedElementIndex < 0) {\n            this.focusedElementIndex = this.interactiveElementList.length - 1;\n        }\n    }\n    setFocusIndexBasedOnShiftKey(shiftKey) {\n        if (shiftKey) {\n            this.focusedElementIndex -= 1;\n        }\n        else {\n            this.focusedElementIndex += 1;\n        }\n    }\n    render() {\n        const { dialogRendered, disableHeightConstraint, fadeIn, theme } = this;\n        return (h(Host, { key: '90bdbe0ef1a88e61db6395c4f63bea39573a757b', class: {\n                \"ic-dialog-hidden\": !dialogRendered,\n                \"ic-dialog-fade-in\": fadeIn,\n                \"disable-height-constraint\": !!disableHeightConstraint,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, disableHeightConstraint ? (h(\"div\", { class: \"backdrop\", ref: (el) => (this.backdropEl = el) }, this.renderDialog())) : (this.renderDialog())));\n    }\n    static get is() { return \"ic-dialog\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-dialog.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-dialog.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"closeOnBackdropClick\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `false`, the dialog will not close when the backdrop is clicked.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"close-on-backdrop-click\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"destructive\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"destructive\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dismissLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the dismiss label tooltip and aria label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"dismiss-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Dismiss\\\"\"\n            },\n            \"disableHeightConstraint\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold.\\nThis prop also prevents popover elements from being cut off within the content area.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disable-height-constraint\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disableWidthConstraint\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disable-width-constraint\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"hideCloseButton\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the close button will not be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-close-button\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"hideDefaultControls\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-default-controls\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the heading for the dialog.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the optional label for the dialog which appears above the heading.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"open\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the dialog will be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"small\\\" | \\\"medium\\\" | \\\"large\\\"\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the maximum and minimum height and width for the dialog.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"small\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"dialogRendered\": {},\n            \"fadeIn\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icDialogCancelled\",\n                \"name\": \"icDialogCancelled\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Cancellation event emitted when default 'Cancel' button clicked or 'cancelDialog' method is called.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icDialogClosed\",\n                \"name\": \"icDialogClosed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when dialog has closed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icDialogConfirmed\",\n                \"name\": \"icDialogConfirmed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Confirmation event emitted when default 'Confirm' primary button clicked or 'confirmDialog' method is called.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icDialogOpened\",\n                \"name\": \"icDialogOpened\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when dialog has opened.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"cancelDialog\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.\",\n                    \"tags\": []\n                }\n            },\n            \"confirmDialog\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"watchOpenHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyboard\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"click\",\n                \"method\": \"handleClick\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-dialog.js.map\n"],"version":3}

package/dist/esm/ic-menu.entry.js

@@ -447,7 +447,7 @@ const Menu = class {
             const { value, label } = event.target.dataset;
             if (this.multiSelect) {
                 const menuOptions = this.getMenuOptions();
-                const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);
+                const selectedOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === value);
                 this.handleOptionSelect(event, selectedOptionIndex, true);
                 this.multiOptionClicked = value || null;
             }
@@ -752,11 +752,14 @@ const Menu = class {
             return (h(Fragment, null, option.loading && h("ic-loading-indicator", { size: "icon" }), h("div", { class: {
                     "option-text-container": true,
                     "show-check-icon": showCheckIcon,
-                } }, h("div", { class: "option-label" }, option.icon && (h("div", { class: "option-icon", innerHTML: sanitizeHTMLIconString(option.icon), "aria-hidden": "true" })), h("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])), option.description && (h("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, h("p", null, option.description))), option.element && (h("div", { class: "option-element", innerHTML: sanitizeHTMLString(option.element.component), "aria-hidden": "true" }))), showCheckIcon && h("span", { class: "check-icon", innerHTML: Check })));
+                } }, (option.icon || !option.hideLabel) && (h("div", { class: "option-label" }, option.icon && (h("div", { class: "option-icon", innerHTML: sanitizeHTMLIconString(option.icon), "aria-hidden": "true" })), !option.hideLabel && (h("ic-typography", { variant: "body", "aria-hidden": "true" }, option[this.labelField])))), option.description && (h("ic-typography", { id: `${this.getOptionId(option[this.valueField])}-description`, class: "option-description", variant: "caption", "aria-hidden": "true" }, h("p", null, option.description))), option.element && (h("div", { class: {
+                    "option-element": option.icon || !option.hideLabel || option.description,
+                }, innerHTML: sanitizeHTMLString(option.element.component), "aria-hidden": "true" }))), showCheckIcon && h("span", { class: "check-icon", innerHTML: Check })));
         };
         this.displayOption = (option, selected, index, parentOption) => {
+            var _a;
             const { open, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;
-            return (h("li", { id: this.getOptionId(option[this.valueField]), class: {
+            return (h("li", Object.assign({ id: this.getOptionId(option[this.valueField]), class: {
                     option: true,
                     "focused-option": isManualMode
                         ? (keyboardNav || initialOptionsListRender) &&
@@ -774,7 +777,7 @@ const Menu = class {
                     ? "0"
                     : "-1", "aria-label": this.getOptionAriaLabel(option, parentOption), "aria-selected": selected ? "true" : "false", "aria-disabled": option.disabled ? "true" : "false", onClick: !option.timedOut && !option.loading
                     ? this.handleOptionClick
-                    : undefined, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, option.timedOut ? (h(Fragment, null, h("div", { class: "loading-error-info" }, h("svg", { class: "error-icon-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, h("title", null, "Error"), h("g", null, h("path", { d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), h("ic-typography", { variant: "label" }, option[this.labelField])), h("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option, selected))));
+                    : undefined, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, "data-value": option[this.valueField], "data-label": option[this.labelField] }, ((_a = option.htmlProps) !== null && _a !== void 0 ? _a : {})), option.timedOut ? (h(Fragment, null, h("div", { class: "loading-error-info" }, h("svg", { class: "error-icon-svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "#000000" }, h("title", null, "Error"), h("g", null, h("path", { d: "M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" }))), h("ic-typography", { variant: "label" }, option[this.labelField])), h("ic-button", { size: "small", variant: "tertiary", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: "retry-button" }, "Retry"))) : (this.optionContent(option, selected))));
         };
     }
     watchOpenHandler() {
@@ -941,7 +944,7 @@ const Menu = class {
         const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, multiSelect, } = this;
         const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? "Clear" : "Select"} all`;
         const hasNoResults = this.host.classList.contains("no-results");
-        return (h(Host, { key: 'e17a70bcf59709dd5b9d0cc7b404520ff06bcf35', class: {
+        return (h(Host, { key: '3e49d54ba714dfa55e9695bd24fa5d2b87077232', class: {
                 "ic-menu-full-width": !!fullWidth,
                 "ic-menu-no-focus": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === "INPUT" &&
                     (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||
@@ -950,7 +953,7 @@ const Menu = class {
                 [`ic-menu-${size}`]: true,
                 "ic-menu-open": open && options.length !== 0,
                 "ic-menu-multiple": multiSelect,
-            } }, options.length !== 0 && (h("ul", { key: '438cd6126c1296a14e216edc0a5d790a4705b143', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
+            } }, options.length !== 0 && (h("ul", { key: '23fc717879b9c8bac93158984ccd81f0b0227ab9', id: menuId, class: "menu", role: "listbox", "aria-label": `${inputLabel} pop-up`, "aria-multiselectable": multiSelect ? "true" : "false", tabindex: open &&
                 !keyboardNav &&
                 ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== "INPUT" ||
                     (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)
@@ -958,7 +961,7 @@ const Menu = class {
                 : "-1", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {
             if (option.children) {
                 if (option.children.length > 0) {
-                    return (h("div", null, h("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, h("p", null, option[this.labelField])), option.children.map((childOption) => childOption.label &&
+                    return (h("div", null, h("ic-typography", { class: "option-group-title", role: "presentation", variant: "subtitle-small" }, h("p", null, option[this.labelField])), option.children.map((childOption) => childOption[this.labelField] &&
                         this.displayOption(childOption, multiSelect
                             ? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])
                             : childOption[this.valueField] === value, index, option))));
@@ -969,7 +972,7 @@ const Menu = class {
             }
             else {
                 // Display option only if it has a label (rather than displaying an empty space)
-                return (option.label &&
+                return (option[this.labelField] &&
                     this.displayOption(option, multiSelect
                         ? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])
                         : option[this.valueField] === value, index));
@@ -978,7 +981,7 @@ const Menu = class {
             multiSelect &&
             !isLoading &&
             !hasTimedOut &&
-            !hasNoResults && (h("div", { key: '5732c5ac4fa70ff249a7851d61aee8ccf46082d1', class: "option-bar" }, h("ic-typography", { key: '48ce8543a189cad706804715a077575b3774e490' }, h("p", { key: '63537752e580815f650c3d9bbf38b23267c5229c' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), h("ic-button", { key: '60c446e5303a3939494284b9ce7772feb1fe547c', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
+            !hasNoResults && (h("div", { key: '997b84a875c8ab4cc763b6047ece029a51e03165', class: "option-bar" }, h("ic-typography", { key: 'ff3ef41753cebd248a6d59169ef68ae12f0563ca' }, h("p", { key: '3fe3ae4ca8f766216e5258eea8dbb71d1efd2169' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), h("ic-button", { key: 'f269fc5554327fd11a8093857f0f9208a3b1ca62', class: "select-all-button", "aria-label": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: "tertiary", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === "small" ? "small" : "medium" }, selectAllButtonText)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {