@ukic/canary-web-components 3.0.0-canary.16 → 3.0.0-canary.18

package/dist/core/p-46f64dc5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icMenuItemCss","IcMenuItemStyle0","MenuItem","constructor","hostRef","this","checked","disabled","variant","handleClick","e","isPropDefined","submenuTriggerFor","triggerPopoverMenuInstance","emit","preventDefault","icToggleChecked","handleMenuItemClick","el","getMenuItemAriaLabel","ariaLabel","label","description","keyboardShortcutLabel","classList","contains","parentEl","parentElement","tagName","watchDisabledHandler","removeDisabledFalse","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","handleHostClick","stopImmediatePropagation","render","MenuItemInformation","h","class","Host","role","undefined","fullWidth","onClick","href","hreflang","target","rel","referrerpolicy","isSlotUsed","name","innerHTML","Check","Chevron","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-menu-item/ic-menu-item.css?tag=ic-menu-item&encapsulation=shadow","../web-components/dist/collection/components/ic-menu-item/ic-menu-item.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\nli {\n  list-style: none;\n  padding: 0;\n}\n\n:host ::part(button) {\n  color: var(--ic-popover-menu-item-check);\n  --ic-typography-color: var(--ic-popover-menu-item-check);\n  padding: calc(var(--ic-space-xxxs) / 2);\n  display: flex;\n  align-items: flex-start;\n  gap: var(--ic-space-xs);\n  border-radius: 0;\n  min-height: 2.5rem;\n  height: auto;\n}\n\n.focus-border {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--ic-space-xs);\n  border-radius: var(--ic-border-radius);\n  margin: calc(var(--ic-space-xxxs) / 2);\n  padding: var(--ic-space-xxs);\n  border: var(--ic-space-xxxs) dashed transparent;\n\n  --icon-height: auto;\n}\n\n:host(.ic-menu-item-disabled) ::part(button) {\n  color: var(--ic-popover-menu-item-check-disabled) !important;\n\n  --ic-typography-color: var(--ic-popover-menu-item-check-disabled) !important;\n\n  pointer-events: none;\n}\n\n:host(.ic-menu-item-disabled) .menu-item-label,\n:host(.ic-menu-item-disabled) .shortcut,\n:host(.ic-menu-item-disabled) .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-label-disabled) !important;\n}\n\n:host([variant=\"destructive\"]) ::part(button) {\n  color: var(--ic-popover-menu-destructive-item-icon);\n\n  --ic-typography-color: var(--ic-popover-menu-destructive-item-label);\n}\n\n:host ::part(button):hover {\n  background-color: var(--ic-popover-background-hover);\n}\n\n:host ::part(button):focus-visible,\n:host ::part(button):focus {\n  color: var(--ic-popover-menu-item-icon-focused);\n\n  --ic-typography-color: purple;\n\n  background-color: var(--ic-popover-background-focus);\n  box-shadow: none;\n}\n\n:host(.ic-menu-item-disabled) ::part(button):focus-visible,\n:host(.ic-menu-item-disabled) ::part(button):focus {\n  color: var(--ic-popover-menu-item-icon-disabled) !important;\n\n  --ic-typography-color: orange !important;\n}\n\n:host([variant=\"destructive\"]) ::part(button):focus-visible,\n:host([variant=\"destructive\"]) ::part(button):focus {\n  background-color: var(--ic-popover-destructive-background-focus);\n}\n\nic-button:focus-within .menu-item-label,\nic-button:focus-within .shortcut,\nic-button:focus-within .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-label-focused);\n}\n\n:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border {\n  border-color: var(--ic-popover-menu-border);\n}\n\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-label-disabled) !important;\n}\n\n:host ::part(button):active {\n  background-color: var(--ic-popover-background-pressed);\n  color: var(--ic-popover-menu-item-label) !important;\n\n  --ic-typography-color: var(--ic-popover-menu-item-label) !important;\n}\n\n:host([variant=\"destructive\"]) ::part(button):active {\n  background-color: var(--ic-popover-background-pressed);\n  color: var(--ic-popover-menu-destructive-item-label) !important;\n\n  --ic-typography-color: var(\n    --ic-popover-menu-destructive-item-label\n  ) !important;\n}\n\n.menu-item-info {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  align-items: baseline;\n  white-space: pre-line;\n  text-align: left;\n}\n\n.menu-labels {\n  display: flex;\n  align-items: baseline;\n  gap: var(--ic-space-xs);\n}\n\n.menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-description);\n}\n\n.shortcut {\n  --ic-typography-color: var(--ic-popover-menu-item-shortcut);\n\n  display: flex;\n  flex: min-content;\n}\n\n:host([variant=\"destructive\"]) .menu-item-label {\n  text-transform: uppercase;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n}\n\nic-button:active .menu-item-label {\n  --ic-typography-color: var(--ic-popover-menu-item-label);\n}\n\nic-button:active .menu-item-description {\n  --ic-typography-color: var(--ic-popover-menu-item-description);\n}\n\nic-button:active .shortcut {\n  --ic-typography-color: var(--ic-popover-menu-item-shortcut);\n}\n\n:host([variant=\"destructive\"]) ic-button:active .menu-item-label {\n  --ic-typography-color: var(\n    --ic-popover-menu-destructive-item-label\n  ) !important;\n}\n\n.icon,\n.check-icon,\n.submenu-icon,\n.icon ::slotted(svg),\n.check-icon svg,\n.submenu-icon svg {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n.check-icon.hide {\n  visibility: hidden;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  :host ::part(button) {\n    border: canvas;\n  }\n\n  :host ::part(button):focus-visible {\n    outline: var(--ic-space-xxxs) solid transparent;\n  }\n\n  .focus-border {\n    border-color: canvas;\n  }\n\n  :host(.ic-menu-item-disabled) ic-button:focus-within .focus-border {\n    border-color: GrayText;\n  }\n\n  :host(.ic-menu-item-disabled) .menu-item-info,\n  :host(.ic-menu-item-disabled) .menu-item-label,\n  :host(.ic-menu-item-disabled) .shortcut,\n  :host(.ic-menu-item-disabled) .menu-item-description,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,\n  :host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description {\n    --ic-typography-color: GrayText !important;\n  }\n\n  :host(.ic-menu-item-disabled) ::part(button):focus-visible,\n  :host(.ic-menu-item-disabled) ::part(button):focus {\n    outline-color: GrayText !important;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, removeDisabledFalse, isPropDefined, } from \"../../utils/helpers\";\nimport Check from \"../../assets/check-icon.svg\";\nimport Chevron from \"../../assets/chevron-icon.svg\";\n/**\n * @slot icon - Content will be placed to the left of the menu item label.\n */\nexport class MenuItem {\n    constructor() {\n        /**\n         * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`.\n         */\n        this.checked = false;\n        /**\n         * If `true`, the menu item will be in disabled state.\n         */\n        this.disabled = false;\n        /**\n         * The variant of the menu item.\n         */\n        this.variant = \"default\";\n        this.handleClick = (e) => {\n            if (isPropDefined(this.submenuTriggerFor)) {\n                this.triggerPopoverMenuInstance.emit();\n            }\n            else if (this.variant === \"toggle\") {\n                e.preventDefault();\n                this.checked = !this.checked;\n                this.icToggleChecked.emit({\n                    checked: this.checked,\n                });\n            }\n            this.handleMenuItemClick.emit(this.el);\n        };\n        this.getMenuItemAriaLabel = () => {\n            let ariaLabel = this.label;\n            if (isPropDefined(this.description)) {\n                ariaLabel = `${ariaLabel}, ${this.description}`;\n            }\n            if (isPropDefined(this.keyboardShortcutLabel)) {\n                ariaLabel = `${ariaLabel}, ${this.keyboardShortcutLabel}`;\n            }\n            if (this.variant === \"destructive\") {\n                ariaLabel = `${ariaLabel}, destructive`;\n            }\n            if (isPropDefined(this.submenuTriggerFor)) {\n                ariaLabel = `${ariaLabel}, triggers submenu`;\n            }\n            if (this.el.classList.contains(\"ic-popover-submenu-back-button\")) {\n                ariaLabel = \"Go back to parent menu\";\n            }\n            const parentEl = this.el.parentElement;\n            if (parentEl &&\n                parentEl.tagName === \"IC-MENU-GROUP\" &&\n                parentEl.label) {\n                return `${ariaLabel}, ${parentEl.label} menu group`;\n            }\n            else {\n                return ariaLabel;\n            }\n        };\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentWillLoad() {\n        // This ensures that trigger menu items are always set to the default variant\n        if (isPropDefined(this.submenuTriggerFor) && this.variant !== \"default\") {\n            this.variant = \"default\";\n        }\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Menu Item\");\n    }\n    handleHostClick(e) {\n        if (this.disabled) {\n            e.stopImmediatePropagation();\n        }\n    }\n    render() {\n        // A sub-component to layout the menu information correctly in ic-button\n        const MenuItemInformation = () => {\n            return (h(\"div\", { class: \"menu-item-info\" }, h(\"div\", { class: \"menu-labels\" }, h(\"ic-typography\", { class: \"menu-item-label\" }, this.label), this.keyboardShortcutLabel && (h(\"ic-typography\", { variant: \"caption\", class: \"shortcut\" }, this.keyboardShortcutLabel))), this.description && (h(\"ic-typography\", { class: \"menu-item-description\", variant: \"caption\" }, this.description))));\n        };\n        return (h(Host, { class: {\n                [\"ic-menu-item-disabled\"]: !!this.disabled,\n            } }, h(\"li\", { role: this.variant === \"toggle\" ? \"menuitemcheckbox\" : \"menuitem\", \"aria-disabled\": `${this.disabled}`, \"aria-checked\": this.variant === \"toggle\"\n                ? this.checked\n                    ? \"true\"\n                    : \"false\"\n                : undefined }, h(\"ic-button\", { fullWidth: true, variant: \"tertiary\", onClick: this.handleClick, href: isPropDefined(this.href), hreflang: isPropDefined(this.hreflang), target: isPropDefined(this.target), rel: isPropDefined(this.rel), referrerpolicy: this.referrerpolicy, \"aria-disabled\": `${this.disabled}`, \"aria-label\": this.getMenuItemAriaLabel(), \"aria-haspopup\": isPropDefined(this.submenuTriggerFor) ||\n                this.el.classList.contains(\"ic-popover-submenu-back-button\")\n                ? \"menu\"\n                : false }, h(\"div\", { class: \"focus-border\" }, isSlotUsed(this.el, \"icon\") && (h(\"span\", { class: \"icon\" }, h(\"slot\", { name: \"icon\" }))), h(MenuItemInformation, null), this.variant === \"toggle\" && (h(\"span\", { class: {\n                [\"check-icon\"]: true,\n                [\"hide\"]: !this.checked,\n            }, \"aria-hidden\": \"true\", innerHTML: Check })), isPropDefined(this.submenuTriggerFor) && (h(\"span\", { class: { [\"submenu-icon\"]: true }, \"aria-hidden\": \"true\", innerHTML: Chevron })))))));\n    }\n    static get is() { return \"ic-menu-item\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-menu-item.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-menu-item.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"checked\": {\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 menu item will be in a checked state. This is only applicable when variant is set to `toggle`.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"checked\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"description\": {\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\": \"The description displayed in the menu item, below the label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"description\",\n                \"reflect\": false\n            },\n            \"disabled\": {\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 menu item will be in disabled state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"href\": {\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\": \"The URL that the link points to. This will render the menu item as an \\\"a\\\" tag.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"hreflang\": {\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\": \"The human language of the linked URL.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hreflang\",\n                \"reflect\": false\n            },\n            \"keyboardShortcutLabel\": {\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\": \"The label describing the keyboard shortcut for a menu item's action.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"keyboard-shortcut-label\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to display in the menu item.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"referrerpolicy\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ReferrerPolicy\",\n                    \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\" | undefined\",\n                    \"references\": {\n                        \"ReferrerPolicy\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::ReferrerPolicy\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How much of the referrer to send when following the link.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"referrerpolicy\",\n                \"reflect\": false\n            },\n            \"rel\": {\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\": \"The relationship of the linked URL as space-separated link types.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"submenuTriggerFor\": {\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\": \"This references the popover menu instance that the menu item is a trigger for. If this prop is set, then the variant will always be default.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"submenu-trigger-for\",\n                \"reflect\": false\n            },\n            \"target\": {\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\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcMenuItemVariants\",\n                    \"resolved\": \"\\\"default\\\" | \\\"destructive\\\" | \\\"toggle\\\" | undefined\",\n                    \"references\": {\n                        \"IcMenuItemVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu-item.types\",\n                            \"id\": \"src/components/ic-menu-item/ic-menu-item.types.ts::IcMenuItemVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the menu item.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"childBlur\",\n                \"name\": \"childBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when item loses focus.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"handleMenuItemClick\",\n                \"name\": \"handleMenuItemClick\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the user clicks a menu item.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"HTMLIcMenuItemElement\",\n                    \"resolved\": \"HTMLIcMenuItemElement\",\n                    \"references\": {\n                        \"HTMLIcMenuItemElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcMenuItemElement\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icToggleChecked\",\n                \"name\": \"icToggleChecked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the user clicks a menu item that is set to the toggle variant.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{\\n    checked: boolean;\\n  }\",\n                    \"resolved\": \"{ checked: boolean; }\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"triggerPopoverMenuInstance\",\n                \"name\": \"triggerPopoverMenuInstance\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the user clicks a menu item that triggers a popover menu instance.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"handleHostClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-menu-item.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-48465394.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as t,H as r}from"./p-8e4e97b4.js";import{b as e}from"./p-b9e73154.js";const a=":host{display:block;margin-bottom:var(--ic-space-md);border-bottom:var(--ic-space-1px) solid var(--ic-tab-bottom-border)}:host(.ic-tab-group-monochrome){border-bottom:var(--ic-space-1px) solid\n    var(--ic-tab-bottom-border-monochrome)}:host(.ic-tab-group-inline){margin-bottom:0;border-bottom:none}.tabs-container{display:flex;flex-direction:row}.tabs-container::-webkit-scrollbar{display:none}:host ic-horizontal-scroll{--splitter-color:var(--ic-tab-divider)}:host(.ic-tab-group-monochrome) ic-horizontal-scroll{--splitter-color:var(--ic-tab-divider-monochrome)}";const i=a;const c=class{constructor(t){o(this,t);this.inline=false;this.monochrome=false;this.theme="inherit"}componentDidLoad(){e([{prop:this.label,propName:"label"}],"Tab Group")}render(){const{inline:o,theme:e,label:a,monochrome:i}=this;return t(r,{key:"f42b97ec6fa8e200fbb5b5d2114f3f98d4f6ad35",role:"tablist","aria-label":a,class:{["ic-tab-group-inline"]:!!o,[`ic-theme-${e}`]:e!=="inherit",["ic-tab-group-monochrome"]:!!i}},t("ic-horizontal-scroll",{key:"fdfe2de9cecf661c164dda34f523c73520f6bce6",theme:e,"focus-trigger":"tabFocus",monochrome:i},t("div",{key:"6523acdad07d4b4a48dab269da3cca2bf3003899",class:"tabs-container"},t("slot",{key:"032517ca94833114e39faf4ad5da3126197e780a"}))))}static get delegatesFocus(){return true}};c.style=i;export{c as ic_tab_group};
-//# sourceMappingURL=p-48465394.entry.js.map

package/dist/core/p-520dce89.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icTopNavigationCss","IcTopNavigationStyle0","TopNavigation","constructor","hostRef","this","hasAppIcon","hasIconButtons","hasNavigation","hasSearchSlotContent","resizeObserver","searchBar","deviceSize","DEVICE_SIZES","XL","foregroundColor","getBrandForegroundAppearance","hasFullWidthSearchBar","mobileSearchBarVisible","mobileSearchHiddenOnBlur","navMenuVisible","searchButtonClick","searchValue","contentAligned","customMobileBreakpoint","L","href","inline","shortAppTitle","status","theme","version","checkSlots","isSlotUsed","el","initialiseSearchBar","slot","getSlot","tagName","querySelector","hideLabel","menuButtonClick","showNavMenu","searchButtonMouseDownHandler","searchButtonClickHandler","toggleSearchBar","resizeObserverCallback","currSize","icTopNavResized","emit","size","document","activeElement","setAttribute","removeAttribute","setTimeout","_a","focus","runResizeObserver","ResizeObserver","getCurrentDeviceSize","observe","watchPropHandler","newValue","oldValue","onComponentPropUndefinedChange","disconnectedCallback","disconnect","componentWillLoad","componentDidLoad","checkResizeObserver","onComponentRequiredPropUndefined","prop","appTitle","propName","componentWillRender","navBarMenuCloseHandler","_b","shadowRoot","searchInputBlurHandler","detail","value","searchValueChangeHandler","brandChangeHandler","mode","mobileSearchButtonEl","fullWidth","show","icNavigationMenuOpened","icNavigationMenuClosed","body","style","height","overflow","render","hasStatus","hasVersion","hasMenuContent","searchButtonSize","S","hasTitle","isPropDefined","overMobileBreakpoint","appTitleVariant","mobileSearchButtonTitle","menuSize","shortAppTitleSlot","hasAppTitleSlot","Component","attrs","h","Host","key","class","IcBrandForegroundEnum","Dark","aligned","role","Object","assign","name","isEmptyString","variant","id","ref","onMouseDown","monochrome","onClick","xmlns","viewBox","fill","d","width","appearance","tabindex"],"sources":["../web-components/dist/collection/components/ic-top-navigation/ic-top-navigation.css?tag=ic-top-navigation&encapsulation=shadow","../web-components/dist/collection/components/ic-top-navigation/ic-top-navigation.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:host {\n  display: block;\n  color: var(--ic-top-navigation-text);\n  width: 100%;\n  position: relative;\n\n  --ic-typography-color: var(--ic-top-navigation-text);\n\n  --ic-button-secondary-text-monochrome: var(--ic-brand-text-color);\n  --ic-button-secondary-border-monochrome: var(--ic-brand-text-color);\n  --navigation-link-colour: var(--ic-top-navigation-text);\n}\n\n:host(.dark) {\n  color: var(--ic-color-text-primary-light);\n  --ic-typography-color: var(--ic-color-text-primary-light);\n  --ic-top-navigation-logo: var(--ic-color-icon-neutral);\n  --ic-top-navigation-icon: var(--ic-color-icon-neutral);\n  --ic-top-navigation-icon-and-label: var(--ic-color-text-primary-light);\n  --ic-top-navigation-theme: var(--ic-color-icon-neutral);\n  --ic-top-navigation-status-tag: var(--ic-color-background-primary-dark);\n  --ic-top-navigation-status-tag-text: var(--ic-color-brand-text);\n  --ic-top-navigation-status-tag-secondary: var(--ic-state-layer-darken-10);\n  --ic-top-navigation-title-hover: var(--ic-action-dark-bg-hover);\n  --ic-top-navigation-title-pressed: var(--ic-action-dark-bg-pressed);\n  --navigation-link-colour: var(--ic-color-text-primary-light);\n}\n\n:host(.dark) ::slotted(ic-navigation-button) {\n  --ic-button-icon-monochrome: var(--ic-color-text-primary-light);\n}\n\n::slotted(ic-navigation-button) {\n  --ic-button-icon-monochrome: white;\n}\n\n:host .top-navigation {\n  background-color: var(--ic-top-navigation-background);\n  height: -moz-max-content;\n  height: max-content;\n}\n\n:host(.fullwidth-searchbar) slot[name=\"search\"]::slotted(form) {\n  width: 100%;\n}\n\n:host .title-link {\n  display: inline-flex;\n  align-items: center;\n  text-decoration: none;\n  padding: var(--ic-space-xxs);\n  transition: var(--ic-easing-transition-fast);\n}\n\n:host .title-link,\n:host .title-link:visited,\n:host .title-link:active,\n:host .title-link ::slotted(a),\n:host .title-link:visited ::slotted(a),\n:host .title-link:active ::slotted(a) {\n  color: var(--ic-top-navigation-icon-and-label);\n  text-decoration: none;\n  outline: none;\n}\n\n:host .title-link:hover:not(:focus) {\n  background-color: var(--ic-top-navigation-title-hover);\n}\n\n:host .title-link:active:not(:focus) {\n  background-color: var(--ic-top-navigation-title-pressed);\n}\n\n:host .title-link:hover {\n  border-radius: var(--ic-border-radius);\n}\n\n:host .title-link:focus,\n:host .title-link:focus-within {\n  border-radius: var(--ic-border-radius);\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host .title-link ic-typography {\n  font-weight: 600;\n}\n\n:host .nav-panel-container {\n  border-top: var(--ic-space-1px) solid var(--ic-top-navigation-keyline);\n  padding: 0 var(--ic-space-lg);\n  margin-left: calc(-1 * var(--section-container-margin));\n  margin-right: calc(-1 * var(--section-container-margin));\n  display: flex;\n}\n\n:host(.dark) .nav-panel-container {\n  border-top: var(--ic-border-keyline-darken);\n}\n\n.top-panel-container {\n  display: flex;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.navigation-tabs {\n  margin-top: calc(-1 * var(--ic-space-1px));\n}\n\n.app-details-container {\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n  margin-right: var(--ic-space-md);\n}\n\n.app-icon-container {\n  display: flex;\n  padding-right: var(--ic-space-xs);\n}\n\n.icon-buttons-container {\n  display: flex;\n  margin-left: var(--ic-space-md);\n}\n\n.icon-buttons-container ::slotted(nav) {\n  display: flex;\n}\n\n.title-wrap {\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  -ms-word-break: break-all;\n  word-break: break-word;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n\n:host .app-status {\n  border-radius: var(--ic-space-md);\n  background-color: var(--ic-top-navigation-status-tag);\n  color: var(--ic-top-navigation-status-tag-text);\n  --ic-typography-color: var(--ic-top-navigation-status-tag-text);\n  padding: var(--ic-space-xxs) var(--ic-space-lg);\n  margin-left: var(--ic-space-md);\n  flex: 1 1 0;\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n}\n\n:host .app-version {\n  border-radius: var(--ic-space-md);\n  background-color: var(--ic-top-navigation-status-tag-secondary);\n  color: var(--ic-top-navigation-status-tag);\n  padding: var(--ic-space-xxs) var(--ic-space-sm);\n  margin-left: var(--ic-space-xs);\n  flex: 1 1 0;\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n}\n\nslot[name=\"app-icon\"]::slotted(*) {\n  fill: var(--ic-top-navigation-logo);\n  width: 2em;\n  height: 2em;\n}\n\nslot[name=\"toggle-icon\"] svg {\n  fill: var(--ic-top-navigation-icon);\n}\n\n.search-menu-container {\n  justify-content: right;\n  display: flex;\n  align-items: center;\n}\n\n.menu-button-container {\n  margin-left: var(--ic-space-md);\n}\n\n.menu-button-container .navigation-landmark-button-text {\n  position: absolute;\n  left: -9999px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n}\n\n.menu-button-container .navigation-landmark-button-text:dir(rtl) {\n  right: -9999px;\n}\n\n.search-actions-container {\n  display: flex;\n}\n\n.menu-buttons-slot {\n  display: flex;\n  flex-direction: column;\n}\n\n.navigation-landmark-text {\n  position: absolute;\n  width: var(--ic-space-1px);\n  height: var(--ic-space-1px);\n  padding: 0;\n  margin: calc(-1 * var(--ic-space-1px));\n  overflow: hidden;\n}\n\n.navigation-item-list {\n  display: flex;\n  list-style: none;\n  height: 2.75rem;\n}\n\n.navigation-item-list::-webkit-scrollbar {\n  display: none;\n}\n\n:host ic-section-container {\n  padding-bottom: 0 !important;\n  padding-top: 0 !important;\n}\n\n@media screen and (min-width: 993px) {\n  .app-details-container {\n    margin-right: var(--ic-space-lg);\n  }\n}\n\n/* large */\n@media screen and (max-width: 1200px) {\n  :host .nav-panel-container {\n    padding: 0 var(--ic-space-md);\n  }\n}\n\n/** Mobile styling **/\n:host(.mobile-mode) .app-status,\n:host(.mobile-mode) .app-version {\n  display: none;\n}\n\n:host(.mobile-mode) .title-link {\n  margin-right: var(--ic-space-xs);\n}\n\n:host(.mobile-mode) .search-menu-container {\n  max-width: 10rem;\n}\n\n:host(.mobile-mode) .search-bar-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-top: var(--ic-border-keyline-darken);\n  height: 4rem;\n  padding-left: var(--ic-space-md);\n  padding-right: var(--ic-space-md);\n  margin-left: calc(-1 * var(--section-container-margin));\n  margin-right: calc(-1 * var(--section-container-margin));\n}\n\n/* x small */\n@media screen and (max-width: 576px) {\n  :host .title-link {\n    margin-right: var(--ic-space-xxxs);\n    word-break: break-word;\n    -webkit-hyphens: none;\n            hyphens: none;\n  }\n\n  .top-panel-container {\n    min-height: 2.5rem;\n  }\n\n  .search-bar-container {\n    margin-top: 0;\n    height: 3.5rem;\n    padding-left: var(--ic-space-xs);\n    padding-right: var(--ic-space-xs);\n  }\n\n  .menu-button-container {\n    margin-left: var(--ic-space-sm);\n  }\n\n  slot[name=\"app-icon\"]::slotted(*) {\n    width: 1.5em;\n    height: 1.5em;\n  }\n\n  slot[name=\"toggle-icon\"] svg {\n    width: 1.5em;\n    height: 1.5em;\n  }\n}\n\n@media (forced-colors: active) {\n  :host .top-navigation {\n    border-bottom: var(--ic-border-hc);\n  }\n\n  .app-status,\n  .app-version {\n    border: var(--ic-border-hc);\n  }\n\n  slot[name=\"app-icon\"]::slotted(*) {\n    fill: currentcolor;\n  }\n\n  slot[name=\"toggle-icon\"] svg {\n    fill: currentcolor;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { IcBrandForegroundEnum, } from \"../../utils/types\";\nimport { checkResizeObserver, DEVICE_SIZES, getCurrentDeviceSize, getBrandForegroundAppearance, getSlot, onComponentPropUndefinedChange, onComponentRequiredPropUndefined, isSlotUsed, isEmptyString, isPropDefined, } from \"../../utils/helpers\";\n/**\n * @slot app-icon - Content will be rendered to left of app title. Anything that is slotted here will be hidden from screen readers.\n * @slot app-title - Handle routing by nesting a route in the app title.\n * @slot short-app-title - Handle routing by nesting a route in the short app title (to be displayed in place of app title on small screen sizes).\n * @slot search - Content will be rendered in search area to left of buttons.\n * @slot toggle-icon - Icon to be displayed on the button to toggle search slot content on smaller devices\n * @slot navigation - Content will be rendered in navigation panel.\n * @slot buttons - Content will be rendered to right of search bar.\n */\nexport class TopNavigation {\n    constructor() {\n        this.hasAppIcon = false;\n        this.hasIconButtons = false;\n        this.hasNavigation = false;\n        this.hasSearchSlotContent = false;\n        this.resizeObserver = null;\n        this.searchBar = null;\n        this.deviceSize = DEVICE_SIZES.XL;\n        this.foregroundColor = getBrandForegroundAppearance();\n        this.hasFullWidthSearchBar = false;\n        this.mobileSearchBarVisible = false;\n        this.mobileSearchHiddenOnBlur = false;\n        this.navMenuVisible = false;\n        this.searchButtonClick = false;\n        this.searchValue = \"\";\n        /**\n         * The alignment of the top navigation content.\n         */\n        this.contentAligned = \"full-width\";\n        /**\n         * Can set a custom breakpoint for the top navigation to switch to mobile mode.\n         * Must be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`.\n         */\n        this.customMobileBreakpoint = DEVICE_SIZES.L;\n        /**\n         *  The URL to navigate to when the app title is clicked.\n         */\n        this.href = \"/\";\n        /**\n         * If `true`, the flyout navigation menu on small devices will be contained by the parent element.\n         */\n        this.inline = false;\n        /**\n         * The short title of the app to be displayed at small screen sizes in place of the app title.\n         */\n        this.shortAppTitle = \"\";\n        /**\n         * The status info to be displayed.\n         */\n        this.status = \"\";\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        /**\n         * The version info to be displayed.\n         */\n        this.version = \"\";\n        this.checkSlots = () => {\n            this.hasAppIcon = isSlotUsed(this.el, \"app-icon\");\n            this.hasNavigation = isSlotUsed(this.el, \"navigation\");\n            this.hasIconButtons = isSlotUsed(this.el, \"buttons\");\n            this.hasSearchSlotContent = isSlotUsed(this.el, \"search\");\n        };\n        this.initialiseSearchBar = () => {\n            if (this.hasSearchSlotContent) {\n                const slot = getSlot(this.el, \"search\");\n                if ((slot === null || slot === void 0 ? void 0 : slot.tagName) === \"IC-SEARCH-BAR\") {\n                    this.searchBar = slot;\n                }\n                else if ((slot === null || slot === void 0 ? void 0 : slot.tagName) === \"FORM\") {\n                    this.searchBar = slot.querySelector(\"ic-search-bar\");\n                }\n                if (this.searchBar !== null) {\n                    this.searchBar.hideLabel = true;\n                }\n            }\n        };\n        this.menuButtonClick = () => {\n            this.showNavMenu(true);\n        };\n        this.searchButtonMouseDownHandler = () => {\n            this.searchButtonClick = true;\n        };\n        this.searchButtonClickHandler = () => {\n            this.toggleSearchBar();\n            this.searchButtonClick = false;\n        };\n        this.resizeObserverCallback = (currSize) => {\n            if (currSize !== this.deviceSize) {\n                this.deviceSize = currSize;\n                if (currSize > this.customMobileBreakpoint) {\n                    this.showNavMenu(false);\n                    if (this.mobileSearchBarVisible) {\n                        this.toggleSearchBar();\n                    }\n                }\n                this.icTopNavResized.emit({\n                    size: currSize,\n                });\n                if (this.searchBar && document.activeElement === this.searchBar) {\n                    this.searchBar.setAttribute(\"hidden\", \"true\");\n                    //remove attribute again as this trigger a redraw & applies css\n                    this.searchBar.removeAttribute(\"hidden\");\n                    setTimeout(() => {\n                        var _a;\n                        (_a = this.searchBar) === null || _a === void 0 ? void 0 : _a.focus();\n                    }, 100);\n                }\n            }\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeObserverCallback(getCurrentDeviceSize());\n            });\n            this.resizeObserver.observe(this.el);\n        };\n    }\n    watchPropHandler(newValue, oldValue) {\n        //added for Gatsby rehydration issue where prop is initially undefined but then changes to actual value\n        //this watch can be removed once Gatsby hydration issue is resolved\n        onComponentPropUndefinedChange(oldValue, newValue, this.initialiseSearchBar);\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentWillLoad() {\n        this.checkSlots();\n        this.deviceSize = getCurrentDeviceSize();\n        this.initialiseSearchBar();\n    }\n    componentDidLoad() {\n        checkResizeObserver(this.runResizeObserver);\n        !isSlotUsed(this.el, \"app-title\") &&\n            onComponentRequiredPropUndefined([{ prop: this.appTitle, propName: \"app-title\" }], \"Top Navigation\");\n    }\n    componentWillRender() {\n        this.checkSlots();\n    }\n    navBarMenuCloseHandler() {\n        var _a, _b;\n        this.showNavMenu(false);\n        (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"#menu-button\")) === null || _b === void 0 ? void 0 : _b.focus();\n    }\n    searchInputBlurHandler({ detail, }) {\n        if (detail !== null) {\n            if (this.mobileSearchBarVisible && !this.searchButtonClick) {\n                //don't hide if blur was triggered by click on search button - let the click handler toggle the state\n                this.toggleSearchBar();\n            }\n            this.searchValue = detail.value;\n        }\n    }\n    searchValueChangeHandler({ detail }) {\n        this.searchValue = detail.value;\n    }\n    brandChangeHandler({ detail }) {\n        this.foregroundColor = detail.mode;\n    }\n    toggleSearchBar() {\n        var _a;\n        this.mobileSearchBarVisible = !this.mobileSearchBarVisible;\n        if (this.searchBar !== null) {\n            (_a = this.mobileSearchButtonEl) === null || _a === void 0 ? void 0 : _a.setAttribute(\"aria-label\", `${this.mobileSearchBarVisible ? \"Hide\" : \"Show\"} search`);\n            this.hasFullWidthSearchBar = this.mobileSearchBarVisible;\n            this.searchBar.fullWidth = this.mobileSearchBarVisible;\n            if (this.mobileSearchBarVisible) {\n                setTimeout(() => {\n                    var _a;\n                    (_a = this.searchBar) === null || _a === void 0 ? void 0 : _a.focus();\n                }, 100);\n            }\n        }\n    }\n    showNavMenu(show) {\n        this.navMenuVisible = show;\n        (show ? this.icNavigationMenuOpened : this.icNavigationMenuClosed).emit();\n        document.body.style.height = show ? \"100%\" : \"auto\";\n        document.body.style.overflow = show ? \"hidden\" : \"auto\";\n    }\n    render() {\n        const { appTitle, contentAligned, customMobileBreakpoint, deviceSize, el, foregroundColor, hasAppIcon, hasFullWidthSearchBar, hasIconButtons, hasNavigation, hasSearchSlotContent, href, inline, menuButtonClick, mobileSearchBarVisible, navMenuVisible, searchButtonClickHandler, searchButtonMouseDownHandler, shortAppTitle, status, version, theme, } = this;\n        const hasStatus = status !== \"\";\n        const hasVersion = version !== \"\";\n        const hasMenuContent = hasNavigation || hasIconButtons || hasStatus || hasVersion;\n        const searchButtonSize = deviceSize <= DEVICE_SIZES.S ? \"medium\" : \"large\";\n        const hasTitle = appTitle !== \"\" && isPropDefined(appTitle);\n        const overMobileBreakpoint = deviceSize <= customMobileBreakpoint;\n        const appTitleVariant = overMobileBreakpoint\n            ? deviceSize <= DEVICE_SIZES.S\n                ? \"subtitle-small\"\n                : \"h4\"\n            : \"h3\";\n        const mobileSearchButtonTitle = `${mobileSearchBarVisible ? \"Hide\" : \"Show\"} search`;\n        const menuSize = deviceSize <= DEVICE_SIZES.S ? \"small\" : \"medium\";\n        const shortAppTitleSlot = isSlotUsed(el, \"short-app-title\");\n        const hasAppTitleSlot = isSlotUsed(el, \"app-title\");\n        const Component = hasAppTitleSlot ? \"div\" : \"a\";\n        const attrs = Component == \"a\" && {\n            href: href,\n        };\n        return (h(Host, { key: '5ca49354d8e2344b7d2cfa2089494ca2c4521b84', class: {\n                \"fullwidth-searchbar\": hasFullWidthSearchBar,\n                \"mobile-mode\": overMobileBreakpoint,\n                [IcBrandForegroundEnum.Dark]: foregroundColor === IcBrandForegroundEnum.Dark,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { key: '3447c99cc05b7203ea80d0651f1ac066122697e1', class: \"top-navigation\" }, h(\"ic-section-container\", { key: '563a2b3fc3c7d456fee7261c2d5645948301e953', aligned: contentAligned, \"full-height\": true }, h(\"header\", { key: '61d58c8a68ff59cfa1b5cf75daef6c62b2b4692a', role: \"banner\" }, h(\"div\", { key: '17108bd26152301bf07afe95a061debb23184e8b', class: \"top-panel-container\" }, h(\"div\", { key: '86fe01bd6227bc0a1e1633cab7d6cff654e2a808', class: \"app-details-container\" }, (hasTitle || hasAppTitleSlot) && (h(Component, Object.assign({ key: 'c6f2a1ed6ce7b7813f12352401c89852d6646327', class: \"title-link\" }, attrs), hasAppIcon && (h(\"div\", { key: 'c5a2e2961b16b5f5dc6e918ba6f758e7bce09cd7', class: \"app-icon-container\" }, h(\"slot\", { key: '9b6d5636aa1f474bac2add8948bcd598f3d5c231', name: \"app-icon\" }))), deviceSize <= DEVICE_SIZES.S &&\n            (!isEmptyString(shortAppTitle) || shortAppTitleSlot) ? (h(\"ic-typography\", { variant: \"subtitle-small\", \"aria-label\": (!hasAppTitleSlot || !shortAppTitleSlot) &&\n                `${appTitle} (${shortAppTitle})` }, h(\"h1\", null, shortAppTitleSlot ? (h(\"slot\", { name: \"short-app-title\" })) : (shortAppTitle)))) : (h(\"ic-typography\", { variant: appTitleVariant }, h(\"h1\", { class: \"title-wrap\" }, hasAppTitleSlot ? (h(\"slot\", { name: \"app-title\" })) : (appTitle)))))), hasStatus && (h(\"div\", { key: 'f4365e21d3de5cc7c0f7c6f62a64c3fa0a7415bb', class: \"app-status\" }, h(\"ic-typography\", { key: '9d03f72e0533c1d721142cba78ba216c9abf61c5', \"aria-label\": \"app tag\", variant: \"label-uppercase\", class: \"app-status-text\" }, status))), hasVersion && (h(\"div\", { key: '318b6cf7cd4359429a6d698d40e3b99f46ac67e0', class: \"app-version\" }, h(\"ic-typography\", { key: '67cc4163765fb967729ba4fa03e857c1b0cc96e3', variant: \"label\", class: \"app-version-text\", \"aria-label\": \"app version\" }, version)))), (hasSearchSlotContent || hasMenuContent) && (h(\"div\", { key: '0f8ce1b2c3a0cf3f3bbbe2d0285324935e5b1676', class: \"search-menu-container\" }, h(\"div\", { key: 'a4033e992457aa434c705d0e35d24c9efb291195', class: \"search-actions-container\" }, !overMobileBreakpoint && h(\"slot\", { key: 'd9347964c2972b338c4e09833ab94f820d8b49c8', name: \"search\" }), hasSearchSlotContent && overMobileBreakpoint && (h(\"ic-button\", { key: 'b980ecf6adf49457b2477865c98aac4e95ea4d8a', id: \"search-toggle-button\", ref: (el) => (this.mobileSearchButtonEl = el), onMouseDown: searchButtonMouseDownHandler, variant: \"icon-tertiary\", monochrome: true, size: searchButtonSize, \"aria-label\": mobileSearchButtonTitle, theme: foregroundColor, onClick: searchButtonClickHandler }, h(\"slot\", { key: '1488d2319238d970a190b867db0ccc85c026a94f', name: \"toggle-icon\" }, h(\"svg\", { key: '67e8c1448faf4b9a78098bb8809c8d75135e7671', xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 24 24\", fill: \"#ffffff\" }, h(\"path\", { key: '2f04deb0ec8098168de56fab593d0e1b9d37639a', d: \"M0 0h24v24H0V0z\", fill: \"none\" }), h(\"path\", { key: '797b58f8ad7489b4cd149ae46b32ecce0c9a85cf', d: \"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\" }))))), hasIconButtons && !overMobileBreakpoint && (h(\"div\", { key: '173e7158dc1c4667be9442b7f64be140faebb102', class: \"icon-buttons-container\" }, h(\"slot\", { key: 'afa131f570550779b8c52403c0f8abf90ba68369', name: \"buttons\" }))), hasMenuContent && overMobileBreakpoint && (h(\"div\", { key: 'ca353958a7b441eeb82ecab62b3f0ba1de625fcc', class: \"menu-button-container\" }, h(\"span\", { key: 'b13a1b5ba472b65d150a194bd7f2fb846d434b8b', id: \"navigation-landmark-button-text\", class: \"navigation-landmark-button-text\", \"aria-hidden\": \"true\" }, \"Main navigation button\"), h(\"nav\", { key: '8c47f744b6aaa53afe14a09f78f8e231d7e5137b', \"aria-labelledby\": \"navigation-landmark-button-text\", \"aria-hidden\": `${navMenuVisible}` }, h(\"ic-button\", { key: '4365bba111555335f4a04fb168d9e4659e0ca788', id: \"menu-button\", theme: foregroundColor, variant: \"secondary\", monochrome: true, \"aria-expanded\": \"false\", \"aria-haspopup\": \"true\", \"aria-label\": `Open ${hasNavigation ? \"navigation\" : \"app\"} menu`, size: menuSize, onClick: menuButtonClick }, \"Menu\", h(\"svg\", { key: '05366f4016a367fd4ae143e044eb7401f2a23bbb', xmlns: \"http://www.w3.org/2000/svg\", height: \"24px\", viewBox: \"0 0 24 24\", width: \"24px\", fill: \"#ffffff\", slot: \"left-icon\" }, h(\"path\", { key: '40f079a4c147f2adfb5bbfe1b8bfeef64e444abe', d: \"M0 0h24v24H0V0z\", fill: \"none\" }), h(\"path\", { key: '0419ea11aee74c5993643dde955ca7ccbd836ad6', d: \"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\" })))))))))), mobileSearchBarVisible && (h(\"div\", { key: '160ea58b8338c6b09482bb5808afa93de039c2b4', class: \"search-bar-container\" }, h(\"slot\", { key: 'a415f0c6a409b4dbea14697c8c63967ee4c05dcc', name: \"search\" }))), hasNavigation && !overMobileBreakpoint && (h(\"div\", { key: 'db58d987843728204f3c08ffcc730bc9400c5f75', class: \"navigation-tabs\" }, h(\"span\", { key: 'c27c1d0868d4acf6385e7b39060d42d04b617e28', id: \"navigation-landmark-text\", class: \"navigation-landmark-text\", \"aria-hidden\": \"true\" }, \"Main pages\"), h(\"nav\", { key: 'a9d72cda63f8f15b2c5df447a6f544cf9637286a', \"aria-labelledby\": \"navigation-landmark-text\", class: \"nav-panel-container\" }, h(\"ic-horizontal-scroll\", { key: '717a0f8855c98de7c688467b6e08acaf59a50f15', monochrome: true, appearance: foregroundColor }, h(\"ul\", { key: '6e0a057b908929ceca9e5b6113590b7a596fe091', class: \"navigation-item-list\", tabindex: \"-1\" }, h(\"slot\", { key: '401932642750d3d4cece6a886a1e6c4316c218c8', name: \"navigation\" }))))))))), navMenuVisible && (h(\"ic-navigation-menu\", { key: '0816b74f63c67e9d6869cabeb7a45651ca0eb139', version: version, status: status, class: {\n                [\"inline\"]: !!inline,\n            } }, hasIconButtons && (h(\"div\", { key: '2bf599f25216d608a72e9e3b8537983419ad6a27', class: \"menu-buttons-slot\", slot: \"buttons\" }, h(\"slot\", { key: '3483da6f4815d9f37d25ee021622c00c5a64af79', name: \"buttons\" }))), h(\"ul\", { key: '92b83221e6e974101b0f1186fcae040a070e248f', slot: \"navigation\" }, h(\"slot\", { key: 'f3f64918abe306948d0709cfac63abde69a61eae', name: \"navigation\" }))))));\n    }\n    static get is() { return \"ic-top-navigation\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-top-navigation.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-top-navigation.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"contentAligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the top navigation content.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"content-aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"full-width\\\"\"\n            },\n            \"customMobileBreakpoint\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcDeviceSizes\",\n                    \"resolved\": \"0 | 1200 | 576 | 768 | 992 | undefined\",\n                    \"references\": {\n                        \"IcDeviceSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcDeviceSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Can set a custom breakpoint for the top navigation to switch to mobile mode.\\nMust be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"custom-mobile-breakpoint\",\n                \"reflect\": false,\n                \"defaultValue\": \"DEVICE_SIZES.L\"\n            },\n            \"href\": {\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\": \"The URL to navigate to when the app title is clicked.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"href\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"/\\\"\"\n            },\n            \"inline\": {\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 flyout navigation menu on small devices will be contained by the parent element.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"inline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"shortAppTitle\": {\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\": \"The short title of the app to be displayed at small screen sizes in place of the app title.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"short-app-title\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"status\": {\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\": \"The status info to be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\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            \"version\": {\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\": \"The version info to be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"version\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"appTitle\": {\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\": \"The app title to be displayed. This is required, unless a slotted app title link is used.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"app-title\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"deviceSize\": {},\n            \"foregroundColor\": {},\n            \"hasFullWidthSearchBar\": {},\n            \"mobileSearchBarVisible\": {},\n            \"mobileSearchHiddenOnBlur\": {},\n            \"navMenuVisible\": {},\n            \"searchButtonClick\": {},\n            \"searchValue\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icNavigationMenuClosed\",\n                \"name\": \"icNavigationMenuClosed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when the menu is closed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icNavigationMenuOpened\",\n                \"name\": \"icNavigationMenuOpened\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- Emitted when the menu is opened.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icTopNavResized\",\n                \"name\": \"icTopNavResized\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the top navigation is resized.\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ size: number }\",\n                    \"resolved\": \"{ size: number; }\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"appTitle\",\n                \"methodName\": \"watchPropHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icNavigationMenuClose\",\n                \"method\": \"navBarMenuCloseHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"icSearchBarBlur\",\n                \"method\": \"searchInputBlurHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"icChange\",\n                \"method\": \"searchValueChangeHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"brandChange\",\n                \"method\": \"brandChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-top-navigation.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-65ddc948.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icDividerCss","IcDividerStyle0","Divider","constructor","hostRef","this","foregroundColor","getBrandForegroundAppearance","borderStyle","labelPlacement","monochrome","orientation","theme","weight","brandChangeHandler","ev","detail","mode","updateMonochromeState","_a","parentEl","el","parentElement","isBottomSideNav","classList","contains","isBottomWrapper","tagName","add","componentWillRender","render","label","invalidPropCombination","placement","console","error","charAt","toUpperCase","slice","getTypographyVariant","renderLabel","slotHasContent","h","class","name","isPropDefined","variant","Host","Object","assign","role"],"sources":["../web-components/dist/collection/components/ic-divider/ic-divider.css?tag=ic-divider&encapsulation=scoped","../web-components/dist/collection/components/ic-divider/ic-divider.js"],"sourcesContent":["/**\n  * @prop --ic-divider-vertical-height: The height of a vertical divider. The default value is `inherit`. \n  */\n/**\n  * @prop --ic-divider-horizontal-width: The width of a horizontal divider. The default value is `inherit`.\n  */\n/**\n  * @prop --ic-divider-label-width: The max-width of the divider label. When orientation is set to `horizontal`, the default value is `max(20rem, 60%)`. When orientation is set to `vertical`, the default value is `20 rem`.\n  */\n\n/* IC-DIVIDER COLORS */\n/**\n  * @internal @prop --ic-divider-background\n  */\n/**\n  * @internal @prop --ic-divider-background-monochrome\n  */\n/**\n  * @internal @prop --ic-divider-label\n  */\n/**\n  * @internal @prop --ic-divider-label-monochrome\n  */\n\n/* Horizontal Divider */\n:host(.ic-divider-horizontal) {\n  display: flex;\n  width: var(--ic-divider-horizontal-width, 100%);\n  align-items: center;\n  -moz-column-gap: var(--ic-space-xxs);\n       column-gap: var(--ic-space-xxs);\n}\n\nhr {\n  padding: 0;\n  margin: 0;\n  border: none;\n  border-bottom: solid var(--ic-space-1px) var(--ic-divider-background);\n  width: inherit;\n}\n\n:host(.ic-divider-horizontal)::before,\n:host(.ic-divider-horizontal)::after {\n  border-left: none !important;\n}\n\n:host(.ic-divider-horizontal[label-placement=\"right\"])::before,\n:host(.ic-divider-horizontal[label-placement=\"center\"])::before,\n:host(.ic-divider-horizontal[label-placement=\"left\"])::after,\n:host(.ic-divider-horizontal[label-placement=\"center\"])::after {\n  content: \"\";\n  border: none;\n  width: 100%;\n}\n\n/* Vertical Divider */\n:host(.ic-divider-vertical) {\n  display: flex;\n  flex-direction: column;\n  height: var(--ic-divider-vertical-height, inherit);\n  width: -moz-max-content;\n  width: max-content;\n  align-items: center;\n  -moz-column-gap: var(--ic-space-xxs);\n       column-gap: var(--ic-space-xxs);\n  border: none;\n}\n\n:host(.ic-divider-vertical) div.vertical-divider {\n  display: flex;\n  height: inherit;\n}\n\n:host(.ic-divider-vertical[label-placement=\"bottom\"])::before,\n:host(.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-divider-vertical[label-placement=\"top\"])::after,\n:host(.ic-divider-vertical[label-placement=\"center\"])::after {\n  content: \"\";\n  height: 100%;\n}\n\n/* Theme */\nhr,\n:host(.ic-divider-horizontal)[label-placement=\"right\"]::before,\n:host(.ic-divider-horizontal[label-placement=\"center\"])::before,\n:host(.ic-divider-horizontal[label-placement=\"left\"])::after,\n:host(.ic-divider-horizontal[label-placement=\"center\"])::after {\n  border-bottom: solid var(--ic-space-1px) var(--ic-divider-background);\n}\n\n:host(.ic-divider-monochrome) hr,\n:host(.ic-divider-monochrome.ic-divider-horizontal)[label-placement=\"right\"]::before,\n:host(.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"])::before,\n:host(.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"left\"])::after,\n:host(.ic-divider-monochrome.ic-divider-horizontal[label-placement=\"center\"])::after {\n  border-bottom-color: var(--ic-divider-background-monochrome);\n}\n\n:host() div.vertical-divider,\n:host(.ic-divider-vertical[label-placement=\"bottom\"])::before,\n:host(.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-divider-vertical[label-placement=\"top\"])::after,\n:host(.ic-divider-vertical[label-placement=\"center\"])::after {\n  border-left: solid var(--ic-space-1px) var(--ic-divider-background);\n}\n\n:host(.ic-divider-monochrome) div.vertical-divider,\n:host(.ic-divider-monochrome.ic-divider-vertical[label-placement=\"bottom\"])::before,\n:host(.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-divider-monochrome.ic-divider-vertical[label-placement=\"top\"])::after,\n:host(.ic-divider-monochrome.ic-divider-vertical[label-placement=\"center\"])::after {\n  border-left-color: var(--ic-divider-background-monochrome);\n}\n\n/* Divider in ic-side-navigation */\n:host(.ic-side-navigation-keyline.ic-theme-dark) {\n  --ic-side-navigation-keyline: var(--ic-state-layer-lighten-20);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-light) {\n  --ic-side-navigation-keyline: var(--ic-state-layer-darken-20);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-dark) hr,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal)[label-placement=\"right\"]::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"left\"])::after,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-horizontal[label-placement=\"center\"])::after {\n  border-bottom-color: var(--ic-side-navigation-keyline);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-dark) div.vertical-divider,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"bottom\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"top\"])::after,\n:host(.ic-side-navigation-keyline.ic-theme-dark.ic-divider-vertical[label-placement=\"center\"])::after {\n  border-left-color: var(--ic-side-navigation-keyline);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-light) hr,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal)[label-placement=\"right\"]::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"left\"])::after,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-horizontal[label-placement=\"center\"])::after {\n  border-bottom-color: var(--ic-side-navigation-keyline);\n}\n\n:host(.ic-side-navigation-keyline.ic-theme-light) div.vertical-divider,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"bottom\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"top\"])::after,\n:host(.ic-side-navigation-keyline.ic-theme-light.ic-divider-vertical[label-placement=\"center\"])::after {\n  border-left-color: var(--ic-divider-background-monochrome);\n}\n\n/* Weight */\n:host(.ic-divider-very-thick) hr,\n:host(.ic-divider-very-thick[label-placement=\"right\"])::before,\n:host(.ic-divider-very-thick[label-placement=\"center\"])::before,\n:host(.ic-divider-very-thick[label-placement=\"left\"])::after,\n:host(.ic-divider-very-thick[label-placement=\"center\"])::after {\n  border-bottom-width: var(--ic-space-xs);\n}\n\n:host(.ic-divider-very-thick) .vertical-divider,\n:host(.ic-divider-very-thick[label-placement=\"bottom\"])::before,\n:host(.ic-divider-very-thick[label-placement=\"center\"])::before,\n:host(.ic-divider-very-thick[label-placement=\"top\"])::after,\n:host(.ic-divider-very-thick[label-placement=\"center\"])::after {\n  border-left-width: var(--ic-space-xs);\n}\n\n:host(.ic-divider-thick) hr,\n:host(.ic-divider-thick[label-placement=\"right\"])::before,\n:host(.ic-divider-thick[label-placement=\"center\"])::before,\n:host(.ic-divider-thick[label-placement=\"left\"])::after,\n:host(.ic-divider-thick[label-placement=\"center\"])::after {\n  border-bottom-width: var(--ic-space-xxs);\n}\n\n:host(.ic-divider-thick) .vertical-divider,\n:host(.ic-divider-thick[label-placement=\"bottom\"])::before,\n:host(.ic-divider-thick[label-placement=\"center\"])::before,\n:host(.ic-divider-thick[label-placement=\"top\"])::after,\n:host(.ic-divider-thick[label-placement=\"center\"])::after {\n  border-left-width: var(--ic-space-xxs);\n}\n\n:host(.ic-divider-medium) hr,\n:host(.ic-divider-medium[label-placement=\"right\"])::before,\n:host(.ic-divider-medium[label-placement=\"center\"])::before,\n:host(.ic-divider-medium[label-placement=\"left\"])::after,\n:host(.ic-divider-medium[label-placement=\"center\"])::after {\n  border-bottom-width: var(--ic-space-xxxs);\n}\n\n:host(.ic-divider-medium) .vertical-divider,\n:host(.ic-divider-medium[label-placement=\"bottom\"])::before,\n:host(.ic-divider-medium[label-placement=\"center\"])::before,\n:host(.ic-divider-medium[label-placement=\"top\"])::after,\n:host(.ic-divider-medium[label-placement=\"center\"])::after {\n  border-left-width: var(--ic-space-xxxs);\n}\n\n:host(.ic-divider-thin) hr,\n:host(.ic-divider-thin[label-placement=\"right\"])::before,\n:host(.ic-divider-thin[label-placement=\"center\"])::before,\n:host(.ic-divider-thin[label-placement=\"left\"])::after,\n:host(.ic-divider-thin[label-placement=\"center\"])::after {\n  border-bottom-width: var(--ic-space-1px);\n}\n\n:host(.ic-divider-thin) .vertical-divider,\n:host(.ic-divider-thin[label-placement=\"bottom\"])::before,\n:host(.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"])::before,\n:host(.ic-divider-thin[label-placement=\"top\"])::after,\n:host(.ic-divider-thin.ic-divider-vertical[label-placement=\"center\"])::after {\n  border-left-width: var(--ic-space-1px);\n}\n\n/* Border styling */\n:host(.ic-divider-dashed) hr,\n:host(.ic-divider-dashed[label-placement=\"right\"])::before,\n:host(.ic-divider-dashed[label-placement=\"center\"])::before,\n:host(.ic-divider-dashed[label-placement=\"left\"])::after,\n:host(.ic-divider-dashed[label-placement=\"center\"])::after {\n  border-bottom-style: dashed;\n}\n\n:host(.ic-divider-dashed) .vertical-divider,\n:host(.ic-divider-dashed[label-placement=\"bottom\"])::before,\n:host(.ic-divider-dashed[label-placement=\"center\"])::before,\n:host(.ic-divider-dashed[label-placement=\"top\"])::after,\n:host(.ic-divider-dashed[label-placement=\"center\"])::after {\n  border-left-style: dashed;\n}\n\n/* Label styling */\n:host() .ic-divider-label {\n  text-wrap: wrap;\n  text-align: left;\n  width: -moz-max-content;\n  width: max-content;\n  max-width: var(--ic-divider-label-width, max(20rem, 60%));\n}\n\n:host(.ic-divider-horizontal[label-placement=\"center\"]) .ic-divider-label {\n  text-align: center;\n}\n\n:host(.ic-divider-vertical) .ic-divider-label {\n  text-align: center;\n}\n\n:host() .ic-divider-label-container {\n  width: -moz-max-content;\n  width: max-content;\n  max-width: var(--ic-divider-label-width, max(20rem, 60%));\n}\n\n:host(.ic-divider-vertical) .ic-divider-label {\n  max-width: var(--ic-divider-label-width, 20rem);\n}\n\n:host(.ic-divider-vertical) .ic-divider-label-container {\n  max-width: var(--ic-divider-label-width, 20rem);\n}\n\n:host() .ic-divider-label p {\n  width: -moz-max-content;\n  width: max-content;\n  max-width: 100%;\n}\n\n:host() .ic-divider-label,\n:host() ::slotted(*) {\n  color: var(--ic-divider-label);\n}\n\n:host(.ic-divider-monochrome) .ic-divider-label,\n:host(.ic-divider-monochrome) ::slotted(*) {\n  color: var(--ic-divider-label-monochrome);\n}\n\n/* High contrast */\n@media (forced-colors: active) {\n  hr,\n  :host(.ic-divider-horizontal[label-placement=\"right\"])::before,\n  :host(.ic-divider-horizontal[label-placement=\"center\"])::before,\n  :host(.ic-divider-horizontal[label-placement=\"left\"])::after,\n  :host(.ic-divider-horizontal[label-placement=\"center\"])::after {\n    border-bottom-color: transparent;\n  }\n\n  :host() div.vertical-divider,\n  :host(.ic-divider-vertical[label-placement=\"bottom\"])::before,\n  :host(.ic-divider-vertical[label-placement=\"center\"])::before,\n  :host(.ic-divider-vertical[label-placement=\"top\"])::after,\n  :host(.ic-divider-vertical[label-placement=\"center\"])::after {\n    border-left-color: transparent;\n  }\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { getBrandForegroundAppearance, isPropDefined, slotHasContent, } from \"../../utils/helpers\";\nexport class Divider {\n    constructor() {\n        this.foregroundColor = getBrandForegroundAppearance();\n        /**\n         * The line style of the divider.\n         */\n        this.borderStyle = \"solid\";\n        /**\n         * The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations.\n         */\n        this.labelPlacement = \"center\";\n        /** If `true`, the divider will be displayed in a grey colour. */\n        this.monochrome = false;\n        /**\n         * The orientation of the divider.\n         */\n        this.orientation = \"horizontal\";\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        /**\n         * The thickness of the divider.\n         */\n        this.weight = \"thin\";\n    }\n    brandChangeHandler(ev) {\n        this.foregroundColor = ev.detail.mode;\n    }\n    updateMonochromeState() {\n        var _a;\n        const parentEl = this.el.parentElement;\n        if (parentEl) {\n            const isBottomSideNav = parentEl.classList.contains(\"bottom-side-nav\");\n            const isBottomWrapper = (_a = parentEl.parentElement) === null || _a === void 0 ? void 0 : _a.classList.contains(\"bottom-wrapper\");\n            if (parentEl.tagName === \"IC-SIDE-NAVIGATION\" ||\n                (isBottomSideNav && isBottomWrapper)) {\n                this.el.classList.add(\"ic-side-navigation-keyline\");\n                if (this.foregroundColor === \"light\") {\n                    this.theme = \"dark\";\n                }\n                else {\n                    this.theme = \"light\";\n                }\n            }\n        }\n    }\n    componentWillRender() {\n        this.updateMonochromeState();\n    }\n    render() {\n        const { borderStyle, label, labelPlacement, monochrome, orientation, weight, } = this;\n        const { theme } = this;\n        const invalidPropCombination = (placement) => {\n            console.error(`${placement.charAt(0).toUpperCase() + placement.slice(1)} label placement is not applicable for a ${orientation} ic-divider (web-components) / IcDivider (react)`);\n        };\n        if (((labelPlacement === \"left\" || labelPlacement === \"right\") &&\n            orientation === \"vertical\") ||\n            ((labelPlacement === \"top\" || labelPlacement === \"bottom\") &&\n                orientation === \"horizontal\")) {\n            invalidPropCombination(labelPlacement);\n        }\n        const getTypographyVariant = (weight) => {\n            switch (weight) {\n                case \"very-thick\":\n                    return \"h4\";\n                case \"thick\":\n                    return \"subtitle-large\";\n                default:\n                    return \"label\";\n            }\n        };\n        const renderLabel = () => {\n            if (slotHasContent(this.el, \"label\")) {\n                return (h(\"div\", { class: \"ic-divider-label-container\" }, h(\"slot\", { name: \"label\" })));\n            }\n            else if (isPropDefined(label)) {\n                return (h(\"ic-typography\", { class: \"ic-divider-label\", variant: getTypographyVariant(weight) }, h(\"p\", null, label)));\n            }\n            return null;\n        };\n        return (h(Host, Object.assign({ class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                [`ic-divider-monochrome`]: !!monochrome,\n                [`ic-divider-${orientation}`]: true,\n                [`ic-divider-${weight}`]: true,\n                [`ic-divider-${borderStyle}`]: true,\n            } }, ((orientation === \"vertical\" ||\n            (!!renderLabel() && !!isPropDefined(labelPlacement))) && {\n            \"aria-orientation\": orientation,\n            role: \"separator\",\n        })), orientation === \"horizontal\" &&\n            (!renderLabel() || !isPropDefined(labelPlacement)) && h(\"hr\", null), !!isPropDefined(labelPlacement) && !!renderLabel() && renderLabel(), orientation === \"vertical\" &&\n            (!renderLabel() || !isPropDefined(labelPlacement)) && (h(\"div\", { class: \"vertical-divider\" }))));\n    }\n    static get is() { return \"ic-divider\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-divider.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-divider.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"borderStyle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcDividerStyles\",\n                    \"resolved\": \"\\\"dashed\\\" | \\\"solid\\\" | undefined\",\n                    \"references\": {\n                        \"IcDividerStyles\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-divider.types\",\n                            \"id\": \"src/components/ic-divider/ic-divider.types.tsx::IcDividerStyles\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The line style of the divider.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"border-style\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"solid\\\"\"\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\": \"The label for the divider. The label placement will need to be set for the label to be displayed correctly.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"labelPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcDividerLabelPlacement\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"center\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\" | undefined\",\n                    \"references\": {\n                        \"IcDividerLabelPlacement\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-divider.types\",\n                            \"id\": \"src/components/ic-divider/ic-divider.types.tsx::IcDividerLabelPlacement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label-placement\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"center\\\"\"\n            },\n            \"monochrome\": {\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 divider will be displayed in a grey colour.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"orientation\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcOrientation\",\n                    \"resolved\": \"\\\"horizontal\\\" | \\\"vertical\\\" | undefined\",\n                    \"references\": {\n                        \"IcOrientation\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcOrientation\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The orientation of the divider.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"orientation\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"horizontal\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode | IcBrandForeground\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        },\n                        \"IcBrandForeground\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcBrandForeground\"\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            \"weight\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcDividerWeights\",\n                    \"resolved\": \"\\\"medium\\\" | \\\"thick\\\" | \\\"thin\\\" | \\\"very-thick\\\" | undefined\",\n                    \"references\": {\n                        \"IcDividerWeights\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-divider.types\",\n                            \"id\": \"src/components/ic-divider/ic-divider.types.tsx::IcDividerWeights\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The thickness of the divider.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"weight\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"thin\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"foregroundColor\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"brandChange\",\n                \"method\": \"brandChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-divider.js.map\n"],"mappings":"2GAAA,MAAMA,EAAe,8uWACrB,MAAAC,EAAeD,E,MCCFE,EAAO,MAChB,WAAAC,CAAAC,G,UACIC,KAAKC,gBAAkBC,IAIvBF,KAAKG,YAAc,QAInBH,KAAKI,eAAiB,SAEtBJ,KAAKK,WAAa,MAIlBL,KAAKM,YAAc,aAInBN,KAAKO,MAAQ,UAIbP,KAAKQ,OAAS,M,CAElB,kBAAAC,CAAmBC,GACfV,KAAKC,gBAAkBS,EAAGC,OAAOC,I,CAErC,qBAAAC,GACI,IAAIC,EACJ,MAAMC,EAAWf,KAAKgB,GAAGC,cACzB,GAAIF,EAAU,CACV,MAAMG,EAAkBH,EAASI,UAAUC,SAAS,mBACpD,MAAMC,GAAmBP,EAAKC,EAASE,iBAAmB,MAAQH,SAAY,OAAS,EAAIA,EAAGK,UAAUC,SAAS,kBACjH,GAAIL,EAASO,UAAY,sBACpBJ,GAAmBG,EAAkB,CACtCrB,KAAKgB,GAAGG,UAAUI,IAAI,8BACtB,GAAIvB,KAAKC,kBAAoB,QAAS,CAClCD,KAAKO,MAAQ,M,KAEZ,CACDP,KAAKO,MAAQ,O,IAK7B,mBAAAiB,GACIxB,KAAKa,uB,CAET,MAAAY,GACI,MAAMtB,YAAEA,EAAWuB,MAAEA,EAAKtB,eAAEA,EAAcC,WAAEA,EAAUC,YAAEA,EAAWE,OAAEA,GAAYR,KACjF,MAAMO,MAAEA,GAAUP,KAClB,MAAM2B,EAA0BC,IAC5BC,QAAQC,MAAM,GAAGF,EAAUG,OAAO,GAAGC,cAAgBJ,EAAUK,MAAM,8CAA8C3B,oDAA8D,EAErL,IAAMF,IAAmB,QAAUA,IAAmB,UAClDE,IAAgB,aACdF,IAAmB,OAASA,IAAmB,WAC7CE,IAAgB,aAAe,CACnCqB,EAAuBvB,E,CAE3B,MAAM8B,EAAwB1B,IAC1B,OAAQA,GACJ,IAAK,aACD,MAAO,KACX,IAAK,QACD,MAAO,iBACX,QACI,MAAO,Q,EAGnB,MAAM2B,EAAc,KAChB,GAAIC,EAAepC,KAAKgB,GAAI,SAAU,CAClC,OAAQqB,EAAE,MAAO,CAAEC,MAAO,8BAAgCD,EAAE,OAAQ,CAAEE,KAAM,U,MAE3E,GAAIC,EAAcd,GAAQ,CAC3B,OAAQW,EAAE,gBAAiB,CAAEC,MAAO,mBAAoBG,QAASP,EAAqB1B,IAAW6B,EAAE,IAAK,KAAMX,G,CAElH,OAAO,IAAI,EAEf,OAAQW,EAAEK,EAAMC,OAAOC,OAAO,CAAEN,MAAO,CAC/B,CAAC,YAAY/B,KAAUA,IAAU,UACjC,CAAC,2BAA4BF,EAC7B,CAAC,cAAcC,KAAgB,KAC/B,CAAC,cAAcE,KAAW,KAC1B,CAAC,cAAcL,KAAgB,QAC5BG,IAAgB,cACpB6B,OAAmBK,EAAcpC,KAAqB,CACzD,mBAAoBE,EACpBuC,KAAM,cACLvC,IAAgB,gBACf6B,MAAkBK,EAAcpC,KAAoBiC,EAAE,KAAM,QAASG,EAAcpC,MAAqB+B,KAAiBA,IAAe7B,IAAgB,cACxJ6B,MAAkBK,EAAcpC,KAAqBiC,EAAE,MAAO,CAAEC,MAAO,qB","ignoreList":[]}

package/dist/core/p-69f6db9f.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as e,F as s,H as a,g as o}from"./p-8e4e97b4.js";import{c as n}from"./p-e081702e.js";import{f as r,m as l,i as h,b as d}from"./p-b9e73154.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;min-height:100% !important;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);opacity:0}:host(.ic-dialog-fade-in){opacity:1}:host(.disable-height-constraint){background:none;justify-content:unset;align-items:unset}.dialog.disable-height-constraint{max-height:none;position:relative}.dialog.disable-height-constraint .content-area{overflow-y:visible}@media (prefers-reduced-motion: no-preference){:host{transition:opacity var(--ic-easing-transition-slow)}.dialog{transform:translateY(-3rem);transition:transform 1000s}:host(.ic-dialog-fade-in) .dialog{transform:translateY(0);transition:transform var(--ic-easing-transition-slow)}}:host(.ic-dialog-hidden){display:none}.dialog{background-color:var(--ic-dialog-background);color:var(--ic-dialog-text-primary);--ic-typography-color:var(--ic-dialog-text-primary);border:var(--ic-space-1px) solid var(--ic-dialog-border);border-radius:var(--ic-border-radius);padding:var(--ic-space-xs) 0 var(--ic-space-md);display:flex;flex-direction:column;box-sizing:border-box;overflow-x:visible}.small{width:50%;max-width:25rem;min-height:11rem;max-height:70vh}.medium{width:70vw;max-width:44rem;min-height:12.5rem;max-height:70vh}.large{width:90vw;max-width:62.5rem;min-height:12.5rem;max-height:90vh}.heading-area{display:flex;margin-bottom:var(--ic-space-xs);padding:0 var(--ic-space-md)}.heading{overflow-wrap:break-word}.close-icon{margin-left:auto}.close-icon>svg{color:var(--ic-dialog-clear-button)}.content-area{padding:0 var(--ic-space-md);margin:0;overflow-y:auto}#dialog-content{margin-bottom:var(--ic-space-sm)}#dialog-content ::slotted(ic-typography){overflow-wrap:break-word}#dialog-content ::slotted(*){position:relative}.dialog-controls{margin-top:auto;padding:var(--ic-space-xs) var(--ic-space-md) 0;display:flex;justify-content:flex-end;gap:var(--ic-space-md)}.dialog-control-button{width:-moz-fit-content;width:fit-content}.backdrop{overflow-y:auto;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgb(0 0 0 / 60%);z-index:var(--ic-z-index-dialog);padding-top:16px;padding-bottom:16px}.heading ic-typography{--ic-typography-color:var(--ic-dialog-text-primary)}.label ic-typography{--ic-typography-color:var(--ic-dialog-label)}@media (min-width: 800px){:host([size="large"]) .dialog:not(.disable-width-constraint)>.content-area{width:75%}}@media (max-width: 576px){.dialog{width:100vw;height:100vh;transform:translateY(-5rem);max-width:none;max-height:none;box-sizing:border-box}.backdrop{padding:0}.dialog.disable-height-constraint{height:auto;min-height:100vh}}@media (max-width: 364px){.dialog-control-button{width:unset}}';const g=c;const p=class{constructor(a){i(this,a);this.icDialogCancelled=t(this,"icDialogCancelled",7);this.icDialogClosed=t(this,"icDialogClosed",7);this.icDialogConfirmed=t(this,"icDialogConfirmed",7);this.icDialogOpened=t(this,"icDialogOpened",7);this.contentAreaMutationObserver=null;this.DATA_GETS_FOCUS="data-gets-focus";this.DIALOG_CONTROLS="dialog-controls";this.dialogHeight=0;this.focusedElementIndex=0;this.IC_TEXT_FIELD="IC-TEXT-FIELD";this.IC_ACCORDION="IC-ACCORDION";this.IC_ACCORDION_GROUP="IC-ACCORDION-GROUP";this.IC_CHECKBOX="IC-CHECKBOX";this.IC_SEARCH_BAR="IC-SEARCH-BAR";this.resizeObserver=null;this.dialogRendered=false;this.fadeIn=false;this.closeOnBackdropClick=true;this.destructive=false;this.dismissLabel="Dismiss";this.disableHeightConstraint=false;this.disableWidthConstraint=false;this.hideCloseButton=false;this.hideDefaultControls=false;this.open=false;this.size="small";this.theme="inherit";this.dialogOpened=()=>{var i,t;this.dialogRendered=true;if(this.disableHeightConstraint){(i=this.dialogEl)===null||i===void 0?void 0:i.show()}else{(t=this.dialogEl)===null||t===void 0?void 0:t.showModal()}setTimeout((()=>{this.fadeIn=true;if(this.backdropEl&&this.disableHeightConstraint&&this.backdropEl.scrollTop!==0){this.backdropEl.scrollTop=0}}),10);setTimeout((()=>{this.setInitialFocus();r(this.runResizeObserver)}),75);setTimeout((()=>{this.icDialogOpened.emit()}),80)};this.runResizeObserver=()=>{if(this.dialogEl){this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout(this.resizeObserverCallback,80)}));this.resizeObserver.observe(this.dialogEl)}};this.resizeObserverCallback=()=>{if(this.dialogEl&&this.dialogEl.clientHeight!==this.dialogHeight){this.dialogHeight=this.dialogEl.clientHeight}};this.refreshInteractiveElementsOnSlotChange=()=>{var i,t,e;const s=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#dialog-content");if(s){this.contentArea=s.querySelector("slot");(t=this.contentArea)===null||t===void 0?void 0:t.addEventListener("slotchange",this.getInteractiveElements);this.contentAreaMutationObserver=new MutationObserver((()=>{this.getInteractiveElements()}));(e=l(s))===null||e===void 0?void 0:e.forEach((i=>{var t;(t=this.contentAreaMutationObserver)===null||t===void 0?void 0:t.observe(i,{childList:true,subtree:true})}))}};this.removeSlotChangeListener=()=>{var i;if(this.contentArea){this.contentArea.removeEventListener("slotchange",this.getInteractiveElements);(i=this.contentAreaMutationObserver)===null||i===void 0?void 0:i.disconnect()}};this.setInitialFocus=()=>{this.sourceElement=document.activeElement;this.focusedElementIndex=this.interactiveElementList?this.interactiveElementList.findIndex((i=>i.hasAttribute(this.DATA_GETS_FOCUS))):0;this.focusElement(this.interactiveElementList[this.focusedElementIndex])};this.getFocusedElementIndex=()=>{var i;for(let t=0;t<this.interactiveElementList.length;t++){if(this.interactiveElementList[t]===(((i=this.el.shadowRoot)===null||i===void 0?void 0:i.activeElement)||document.activeElement)){this.focusedElementIndex=t}}};this.closeIconClick=()=>{this.open=false};this.getInteractiveElements=()=>{var i;this.interactiveElementList=Array.from(((i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll("ic-button"))||[]);const t=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-group, \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`));if(t.length>0){if(t[0].slot!==this.DIALOG_CONTROLS){t[0].setAttribute(this.DATA_GETS_FOCUS,"")}else if(!this.destructive){t[t.length-1].setAttribute(this.DATA_GETS_FOCUS,"")}}for(let i=0;i<t.length;i++){this.interactiveElementList.splice(1+i,0,t[i])}};this.getNextFocusEl=i=>this.interactiveElementList[i];this.onTabKeyPress=i=>{this.getFocusedElementIndex();if(this.interactiveElementList[this.focusedElementIndex].tagName===this.IC_SEARCH_BAR){return false}this.setFocusIndexBasedOnShiftKey(i);this.loopNextFocusIndexIfLastElement();this.focusElement(this.getNextFocusEl(this.focusedElementIndex),i);return true};this.shouldSkipElement=i=>{const t=getComputedStyle(i).visibility==="hidden"||i.offsetHeight===0||i.hasAttribute("disabled")||i.tagName===this.IC_ACCORDION_GROUP&&i.hasAttribute("single-expansion");const e=i.closest("ic-radio-option");return t||i.getAttribute("type")==="radio"&&!!e&&!e.hasAttribute("selected")};this.focusElement=(i,t=false)=>{let e=i;if(this.shouldSkipElement(i)){this.setFocusIndexBasedOnShiftKey(t);this.loopNextFocusIndexIfLastElement();e=this.getNextFocusEl(this.focusedElementIndex);this.focusElement(e,t)}else{switch(i.tagName){case this.IC_ACCORDION_GROUP:case this.IC_ACCORDION:case this.IC_SEARCH_BAR:case this.IC_TEXT_FIELD:case this.IC_CHECKBOX:i.setFocus();break;default:i.focus()}}};this.renderDialog=()=>{const{hideDefaultControls:i,size:t,heading:a,label:o,destructive:r,dismissLabel:l,hideCloseButton:d,disableHeightConstraint:c,disableWidthConstraint:g,closeIconClick:p,DIALOG_CONTROLS:b}=this;const m=h(this.el,b);return e("dialog",{class:{dialog:true,[`${t}`]:true,"disable-height-constraint":!!c,"disable-width-constraint":!!g},"aria-labelledby":"dialog-label dialog-heading","aria-describedby":"dialog-alert dialog-content",ref:i=>this.dialogEl=i},e("div",{class:"heading-area"},e("div",{class:"heading-content"},e("div",{class:"label"},e("slot",{name:"label"},e("ic-typography",{variant:"label",id:"dialog-label"},o))),e("div",{class:"heading"},e("slot",{name:"heading"},e("ic-typography",{variant:"h4",id:"dialog-heading"},a)))),!d&&e("ic-button",{class:"close-icon",variant:"icon",innerHTML:n,"aria-label":l,onClick:p,"data-gets-focus":r||i&&!m?"":null})),e("div",{class:"content-area"},h(this.el,"alert")&&e("slot",{name:"alert"}),e("div",{id:"dialog-content"},e("slot",null))),(m||!i)&&e("div",{class:{[b]:true}},m?e("slot",{name:b}):e(s,null,e("ic-button",{variant:"tertiary",onClick:()=>this.cancelDialog(),class:"dialog-control-button","data-gets-focus":null},"Cancel"),e("ic-button",{variant:r?"destructive":"primary",onClick:()=>this.confirmDialog(),class:"dialog-control-button","data-gets-focus":""},"Confirm"))))}}watchOpenHandler(){if(this.open){this.dialogOpened()}else{this.fadeIn=false;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}setTimeout((()=>{var i,t;this.dialogRendered=false;(i=this.dialogEl)===null||i===void 0?void 0:i.close();(t=this.sourceElement)===null||t===void 0?void 0:t.focus();this.dialogHeight=0;this.icDialogClosed.emit()}),80)}}disconnectedCallback(){this.removeSlotChangeListener()}componentDidLoad(){this.getInteractiveElements();this.refreshInteractiveElementsOnSlotChange();if(this.open){this.dialogOpened()}!h(this.el,"heading")&&d([{prop:this.heading,propName:"heading"}],"Dialog")}componentDidRender(){document.body.style.overflow=getComputedStyle(this.el).display!=="none"&&this.disableHeightConstraint?"hidden":"auto"}handleKeyboard(i){if(this.dialogRendered){switch(i.key){case"Tab":if(this.onTabKeyPress(i.shiftKey)){i.preventDefault()}break;case"Escape":if(!i.repeat){this.open=false}i.stopImmediatePropagation();break}}}handleClick(i){if(this.dialogEl&&this.closeOnBackdropClick&&i.composedPath().indexOf(this.dialogEl)<=0){const{top:t,height:e,left:s,width:a}=this.dialogEl.getBoundingClientRect();const o=t<=i.clientY&&i.clientY<=t+e&&s<=i.clientX&&i.clientX<=s+a;if(!o){this.open=false}}}async cancelDialog(){this.icDialogCancelled.emit();this.open=false}async confirmDialog(){this.icDialogConfirmed.emit()}loopNextFocusIndexIfLastElement(){if(this.focusedElementIndex>this.interactiveElementList.length-1)this.focusedElementIndex=0;else if(this.focusedElementIndex<0){this.focusedElementIndex=this.interactiveElementList.length-1}}setFocusIndexBasedOnShiftKey(i){if(i){this.focusedElementIndex-=1}else{this.focusedElementIndex+=1}}render(){const{dialogRendered:i,disableHeightConstraint:t,fadeIn:s,theme:o}=this;return e(a,{key:"2920aac3b3891cae0e6575c735e507c4c76752f9",class:{"ic-dialog-hidden":!i,"ic-dialog-fade-in":s,"disable-height-constraint":!!t,[`ic-theme-${o}`]:o!=="inherit"}},t?e("div",{class:"backdrop",ref:i=>this.backdropEl=i},this.renderDialog()):this.renderDialog())}get el(){return o(this)}static get watchers(){return{open:["watchOpenHandler"]}}};p.style=g;export{p as ic_dialog};
-//# sourceMappingURL=p-69f6db9f.entry.js.map

package/dist/core/p-69f6db9f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icDialogCss","IcDialogStyle0","Dialog","constructor","hostRef","this","contentAreaMutationObserver","DATA_GETS_FOCUS","DIALOG_CONTROLS","dialogHeight","focusedElementIndex","IC_TEXT_FIELD","IC_ACCORDION","IC_ACCORDION_GROUP","IC_CHECKBOX","IC_SEARCH_BAR","resizeObserver","dialogRendered","fadeIn","closeOnBackdropClick","destructive","dismissLabel","disableHeightConstraint","disableWidthConstraint","hideCloseButton","hideDefaultControls","open","size","theme","dialogOpened","_a","_b","dialogEl","show","showModal","setTimeout","backdropEl","scrollTop","setInitialFocus","checkResizeObserver","runResizeObserver","icDialogOpened","emit","ResizeObserver","clearTimeout","resizeTimeout","window","resizeObserverCallback","observe","clientHeight","refreshInteractiveElementsOnSlotChange","_c","contentWrapper","el","shadowRoot","querySelector","contentArea","addEventListener","getInteractiveElements","MutationObserver","getSlotElements","forEach","childList","subtree","removeSlotChangeListener","removeEventListener","disconnect","sourceElement","document","activeElement","interactiveElementList","findIndex","element","hasAttribute","focusElement","getFocusedElementIndex","i","length","closeIconClick","Array","from","querySelectorAll","slottedInteractiveElements","slot","setAttribute","splice","getNextFocusEl","onTabKeyPress","shiftKey","tagName","setFocusIndexBasedOnShiftKey","loopNextFocusIndexIfLastElement","shouldSkipElement","isHidden","getComputedStyle","visibility","offsetHeight","radioEl","closest","getAttribute","nextFocusEl","setFocus","focus","renderDialog","heading","label","controlsSlotUsed","isSlotUsed","h","class","dialog","ref","name","variant","id","innerHTML","closeIcon","onClick","Fragment","cancelDialog","confirmDialog","watchOpenHandler","close","icDialogClosed","disconnectedCallback","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidRender","body","style","overflow","display","handleKeyboard","ev","key","preventDefault","repeat","stopImmediatePropagation","handleClick","composedPath","indexOf","top","height","left","width","getBoundingClientRect","isInDialog","clientY","clientX","icDialogCancelled","icDialogConfirmed","render","Host"],"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  --ic-typography-color: var(--ic-dialog-text-primary);\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    transform: translateY(-5rem);\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.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-group, \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\")));\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                        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\", 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: '2920aac3b3891cae0e6575c735e507c4c76752f9', 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"],"mappings":"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","ignoreList":[]}

package/dist/core/p-7d054704.js

@@ -1,2 +0,0 @@
-import{f as n}from"./p-8e4e97b4.js";const t={XS:576,S:768,M:992,L:1200,XL:99999};const e=["ic-hero","ic-top-navigation","ic-footer","ic-side-navigation","ic-alert"];const o=["ic-alert"];const s={"ic-alert":["ic-link"]};var r;(function(n){n["Warning"]="warning";n["Error"]="error";n["Success"]="success"})(r||(r={}));var i;(function(n){n["Default"]="default";n["Dark"]="dark";n["Light"]="light"})(i||(i={}));var a;(function(n){n[n["January"]=0]="January";n[n["February"]=1]="February";n[n["March"]=2]="March";n[n["April"]=3]="April";n[n["May"]=4]="May";n[n["June"]=5]="June";n[n["July"]=6]="July";n[n["August"]=7]="August";n[n["September"]=8]="September";n[n["October"]=9]="October";n[n["November"]=10]="November";n[n["December"]=11]="December"})(a||(a={}));var c;(function(n){n[n["Sun"]=0]="Sun";n[n["Mon"]=1]="Mon";n[n["Tue"]=2]="Tue";n[n["Wed"]=3]="Wed";n[n["Thu"]=4]="Thu";n[n["Fri"]=5]="Fri";n[n["Sat"]=6]="Sat"})(c||(c={}));var u;(function(n){n[n["Sunday"]=0]="Sunday";n[n["Monday"]=1]="Monday";n[n["Tuesday"]=2]="Tuesday";n[n["Wednesday"]=3]="Wednesday";n[n["Thursday"]=4]="Thursday";n[n["Friday"]=5]="Friday";n[n["Saturday"]=6]="Saturday"})(u||(u={}));var d;(function(n){n[n["Sunday"]=0]="Sunday";n[n["Monday"]=1]="Monday";n[n["Tuesday"]=2]="Tuesday";n[n["Wednesday"]=3]="Wednesday";n[n["Thursday"]=4]="Thursday";n[n["Friday"]=5]="Friday";n[n["Saturday"]=6]="Saturday"})(d||(d={}));const l=n=>{const t=[];Object.values(n).forEach((n=>{if(isNaN(Number(n))){const e=n;t.push(e)}}));return t};const f=(n,t)=>{let e;return(...o)=>{const s=t();clearTimeout(e);e=setTimeout(n,s,...o)}};const p=(n,t,e,o,s)=>{if(e!==undefined&&(n||M(t))){const n=t.querySelectorAll("input.ic-input");const r=Array.from(n);const i=r.filter((n=>t===n.parentElement));let a=i[0];if(a===null||a===undefined){a=t.ownerDocument.createElement("input");a.type="hidden";a.classList.add("ic-input");t.appendChild(a)}a.disabled=s;a.name=e;if(o instanceof Date){a.value=o?o.toISOString():""}else{a.value=o||""}}};const y=(n,t=null)=>{var r;const a=n.parentElement||n.getRootNode().host.parentElement;const c=a===null||a===void 0?void 0:a.closest(e.join(","));if(c){const e=c===null||c===void 0?void 0:c.tagName.toLowerCase();const a=n.tagName.toLowerCase();if((r=s[e])===null||r===void 0?void 0:r.includes(a)){return i.Default}else if(t!==null&&!o.includes(e)){return t}else if(c.classList.contains(i.Dark)){return i.Dark}return i.Light}return i.Default};const v=n=>n?n.trim().length===0:true;const m=n=>n!==undefined?n:null;const b=n=>window.matchMedia(`(max-width: ${n}px)`).matches;const N=()=>{if(b(h.S)){return h.S}if(b(h.M)){return h.M}if(b(h.L)){return h.L}if(b(h.XL)){return h.XL}return h.UNDEFINED};const x=n=>getComputedStyle(document.documentElement).getPropertyValue(n);const S=n=>{const t=n.firstElementChild;if(t!==null){const e=t.assignedElements?t.assignedElements():t.childNodes;return e.length?e:n.tagName?[n]:null}else{return n===null?null:[n]}};const h={XS:Number(x("--ic-breakpoint-xs").replace("px","")),S:Number(x("--ic-breakpoint-sm").replace("px","")),M:Number(x("--ic-breakpoint-md").replace("px","")),L:Number(x("--ic-breakpoint-lg").replace("px","")),XL:Number(x("--ic-breakpoint-xl").replace("px","")),UNDEFINED:1200};const w=(n,t)=>Array.from(n.children).some((n=>n.getAttribute("slot")===t));const M=n=>!!n.shadowRoot&&!!n.attachShadow;const $=n=>n+"-helper-text";const g=n=>n+"-validation-text";const k=(n,t,e)=>`${t?$(n):""} ${e?g(n):""}`.trim();const T=(n,t=16)=>`${1/t*parseInt(n)}rem`;const A=n=>/^-?\d+$/.test(n);const F=(n,t)=>{for(let e=0;e<n.length;e++){const{prop:o,propName:s}=n[e];if(o===null||o===undefined){console.error(`No ${s} specified for ${t} component - prop '${s}' (web components) / '${O(s)}' (react) required`)}}};const O=n=>{n=n.toLowerCase();const t=n.split("-");let e=t[0];for(let n=1;n<t.length;n++){e+=t[n].substring(0,1).toUpperCase()+t[n].substring(1)}return e};const j=n=>{if(typeof window!=="undefined"&&typeof window.ResizeObserver!=="undefined"){n()}};const D=(n,t)=>{var e;(e=n.closest("FORM"))===null||e===void 0?void 0:e.addEventListener("reset",t)};const L=(n,t)=>{var e;(e=n.closest("FORM"))===null||e===void 0?void 0:e.removeEventListener("reset",t)};const X=(n,t)=>{if(!n){t.removeAttribute("disabled")}};const I=n=>n.charAt(0).toUpperCase()+n.slice(1);const J=(n,t,e)=>{const o=n=>Array.from(n).some((n=>Array.isArray(e)?e.some((t=>n.slot===t)):n.slot===e));return o(n)||o(t)};const W=(n,t,e)=>{const o={};const s=t.map((n=>n.index));const r=Object.keys(n);const i=Object.values(n);const a=r.length+s.length;for(let n=0,c=0;n<a;n++){if(s.includes(n)){o[t[s.indexOf(n)].key]=e;continue}o[r[c]]=i[c];c++}return o};const q=(n,t)=>n.some((({type:n,addedNodes:e,removedNodes:o})=>n==="childList"?J(e,o,t):false));const E=(t,e,o)=>{if(q(t,e)){n(o)}};export{p as A,h as D,i as I,E as a,v as b,W as c,f as d,b as e,S as f,y as g,j as h,w as i,t as j,u as k,a as l,d as m,c as n,F as o,T as p,N as q,X as r,l as s,m as t,I as u,k as v,L as w,D as x,A as y,r as z};
-//# sourceMappingURL=p-7d054704.js.map