@ukic/canary-web-components 3.0.0-canary.2 → 3.0.0-canary.4

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

@@ -1,2 +0,0 @@
-import{r as e,f as t,h as i,g as a}from"./p-8455d1bb.js";import{c as r,r as o,i as s,o as c,g as d,I as n}from"./p-297e99cf.js";const l='/*! 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{display:flex;--card-max-width:548px;--image-size:114px;--message-max-lines:2}.card.small{--card-max-width:360px}.card.large{--card-max-width:720px;--image-size:142px;--message-max-lines:3}.card.extra-large{--card-max-width:1130px;--image-size:186px;--message-max-lines:5}a{text-decoration:none !important;color:var(--ic-architectural-black) !important}button{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline);padding:0}.card,.card.clickable{display:flex;flex-direction:row;border:var(--ic-border-default);border-radius:var(--ic-border-radius);box-sizing:border-box;text-align:left;color:var(--ic-architectural-black);transition:var(--ic-easing-transition-fast);position:relative;max-width:var(--card-max-width);height:-moz-fit-content;height:fit-content;width:var(--card-horizontal-width, -moz-fit-content);width:var(--card-horizontal-width, fit-content)}.dark.card,.dark.card.clickable{border:var(--ic-border-width) solid var(--ic-architectural-700)}.card.clickable:hover{background-color:var(--ic-action-default-bg-hover);border:var(--ic-border-hover);cursor:pointer}.card.clickable:focus,.card.clickable.focussed{background-color:var(--ic-action-default-bg-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-border-pressed-default)}.card.clickable:active{background-color:var(--ic-action-default-bg-active);box-shadow:var(--ic-border-focus)}.card.disabled{border:var(--ic-border-disabled)}.card-header{display:flex;align-items:center}.icon{display:flex;align-items:center;padding-right:var(--ic-space-xs)}.card.disabled ::slotted(svg){fill:var(--ic-color-text-tertiary)}.card.clickable .card-title{--ic-typography-color:var(--ic-color-hyperlink-default-light);color:var(--ic-color-hyperlink-default-light);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}.card.clickable:hover .card-title,.card.clickable:focus .card-title,.card.clickable.focussed .card-title{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.card.clickable:active .card-title{text-decoration:none}.card.disabled .card-title{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-color-text-tertiary);color:var(--ic-color-text-tertiary);--ic-typography-color:var(--ic-color-text-tertiary)}.card-message{margin-top:var(--ic-space-xxxs);align-items:left}.card.disabled .card-message{--ic-typography-color:var(--ic-color-text-tertiary)}.image{display:flex;height:var(--image-size);width:var(--image-size);border-radius:var(--ic-border-radius)}.card-content{display:flex;flex-direction:column;padding:var(--ic-space-md)}.card .card-title ::slotted([slot="heading"]),.card .card-title ic-typography p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--card-max-width) - var(--ic-space-xl))}.card.with-icon .card-title ::slotted([slot="heading"]),.card.with-icon .card-title ic-typography p{max-width:calc(var(--card-max-width) - (2 * var(--ic-space-xl)))}.card.with-image .card-title ::slotted([slot="heading"]),.card.with-image .card-title ic-typography p{max-width:calc(\n    var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n  )}.card.with-image.with-icon .card-title ::slotted([slot="heading"]),.card.with-image.with-icon .card-title ic-typography p{max-width:calc(\n    var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n  )}.card .card-message ::slotted([slot="message"]),.card .card-message ic-typography{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--message-max-lines, initial);-webkit-line-clamp:var(--message-max-lines, initial);overflow:hidden}@media (forced-colors: active){.card ::slotted(svg){fill:currentcolor}.card.disabled ::slotted(svg){fill:GrayText !important}.card.disabled{border-color:GrayText !important}.card.disabled .card-message,.card.disabled .card-title{color:GrayText;--ic-typography-color:GrayText}}';const h=class{constructor(i){e(this,i);this.hostMutationObserver=null;this.hostMutationCallback=e=>{if(e.some((({type:e,addedNodes:t,removedNodes:i})=>e==="childList"?r(t,i,"image"):false))){t(this)}};this.parentFocussed=()=>{this.isFocussed=true};this.parentBlurred=()=>{this.isFocussed=false};this.appearance="default";this.isFocussed=false;this.parentEl=null;this.parentIsAnchorTag=false;this.clickable=false;this.disabled=false;this.heading=undefined;this.href=undefined;this.hreflang="";this.message="";this.referrerpolicy=undefined;this.rel=undefined;this.size="medium";this.target=undefined}disconnectedCallback(){var e;if(this.parentIsAnchorTag){this.parentEl.removeEventListener("focus",this.parentFocussed);this.parentEl.removeEventListener("blur",this.parentBlurred)}(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.parentEl=this.el.parentElement;if(this.parentEl.tagName==="A"){this.clickable=true;this.parentIsAnchorTag=true;this.parentEl.classList.add("ic-card-wrapper-link");this.parentEl.addEventListener("focus",this.parentFocussed);this.parentEl.addEventListener("blur",this.parentBlurred)}o(this.disabled,this.el)}componentDidLoad(){!s(this.el,"heading")&&c([{prop:this.heading,propName:"heading"}],"Card");this.updateTheme();this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{childList:true})}handleHostClick(e){if(this.disabled){e.stopImmediatePropagation()}}themeChangeHandler(e){const t=e.detail;this.updateTheme(t.mode)}async setFocus(){if(this.el.shadowRoot.querySelector("a")){this.el.shadowRoot.querySelector("a").focus()}else if(this.el.shadowRoot.querySelector("button")){this.el.shadowRoot.querySelector("button").focus()}}updateTheme(e=null){const t=d(this.el,e||null);if(t!==n.Default){this.appearance=t}}render(){const{clickable:e,disabled:t,heading:a,message:r,href:o,hreflang:c,referrerpolicy:d,rel:l,target:h,parentIsAnchorTag:p,isFocussed:b,size:m}=this;const u=p?"div":e?this.href===undefined?"button":"a":"div";const g=u=="a"&&{href:o,hrefLang:c,referrerPolicy:d,rel:l,target:h};return i(u,Object.assign({class:{["card"]:true,["clickable"]:e&&!t,["disabled"]:t,["focussed"]:b,["dark"]:this.appearance===n.Dark,[`${m}`]:true,["with-icon"]:s(this.el,"icon"),["with-image"]:s(this.el,"image")},tabindex:e&&!p?0:null,"aria-disabled":t?"true":null,disabled:t?true:null},g),s(this.el,"image")&&i("div",{class:{["image"]:true}},i("slot",{name:"image"})),i("div",{class:"card-content"},i("div",{class:"card-header"},s(this.el,"icon")&&i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"card-title"},i("slot",{name:"heading"},i("ic-typography",{variant:"h4"},i("p",null,a))))),(r||s(this.el,"message"))&&i("div",{class:{["card-message"]:true}},r&&i("ic-typography",{variant:"body"},r),s(this.el,"message")&&i("slot",{name:"message"}))),s(this.el,"badge")&&i("slot",{name:"badge"}))}get el(){return a(this)}};h.style=l;export{h as ic_card_horizontal};
-//# sourceMappingURL=p-28323849.entry.js.map

package/dist/core/p-28323849.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icCardHorizontalCss","Card","this","hostMutationObserver","hostMutationCallback","mutationList","some","type","addedNodes","removedNodes","checkSlotInChildMutations","forceUpdate","parentFocussed","isFocussed","parentBlurred","disconnectedCallback","parentIsAnchorTag","parentEl","removeEventListener","_a","disconnect","componentWillLoad","el","parentElement","tagName","clickable","classList","add","addEventListener","removeDisabledFalse","disabled","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","heading","propName","updateTheme","MutationObserver","observe","childList","handleHostClick","event","stopImmediatePropagation","themeChangeHandler","ev","theme","detail","mode","setFocus","shadowRoot","querySelector","focus","newTheme","foregroundColor","getThemeFromContext","IcThemeForegroundEnum","Default","appearance","render","message","href","hreflang","referrerpolicy","rel","target","size","Component","undefined","attrs","hrefLang","referrerPolicy","h","Object","assign","class","Dark","tabindex","name","variant"],"sources":["src/components/ic-card-horizontal/ic-card-horizontal.css?tag=ic-card-horizontal&encapsulation=shadow","src/components/ic-card-horizontal/ic-card-horizontal.tsx"],"sourcesContent":["@import \"../../../dist/core/normalize.css\";\n\n/**\n  * @prop --card-horizontal-width: Width of the horizontal card\n  */\n\n:host {\n  display: flex;\n\n  --card-max-width: 548px;\n  --image-size: 114px;\n  --message-max-lines: 2;\n}\n\n.card.small {\n  --card-max-width: 360px;\n}\n\n.card.large {\n  --card-max-width: 720px;\n  --image-size: 142px;\n  --message-max-lines: 3;\n}\n\n.card.extra-large {\n  --card-max-width: 1130px;\n  --image-size: 186px;\n  --message-max-lines: 5;\n}\n\na {\n  text-decoration: none !important;\n  color: var(--ic-architectural-black) !important;\n}\n\nbutton {\n  border: none;\n  background-color: transparent;\n  outline: var(--ic-hc-focus-outline);\n  padding: 0;\n}\n\n.card,\n.card.clickable {\n  display: flex;\n  flex-direction: row;\n  border: var(--ic-border-default);\n  border-radius: var(--ic-border-radius);\n  box-sizing: border-box;\n  text-align: left;\n  color: var(--ic-architectural-black);\n  transition: var(--ic-easing-transition-fast);\n  position: relative;\n  max-width: var(--card-max-width);\n  height: fit-content;\n  width: var(--card-horizontal-width, fit-content);\n}\n\n.dark.card,\n.dark.card.clickable {\n  border: var(--ic-border-width) solid var(--ic-architectural-700);\n}\n\n.card.clickable:hover {\n  background-color: var(--ic-action-default-bg-hover);\n  border: var(--ic-border-hover);\n  cursor: pointer;\n}\n\n.card.clickable:focus,\n.card.clickable.focussed {\n  background-color: var(--ic-action-default-bg-hover);\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n  border: var(--ic-border-pressed-default);\n}\n\n.card.clickable:active {\n  background-color: var(--ic-action-default-bg-active);\n  box-shadow: var(--ic-border-focus);\n}\n\n.card.disabled {\n  border: var(--ic-border-disabled);\n}\n\n.card-header {\n  display: flex;\n  align-items: center;\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  padding-right: var(--ic-space-xs);\n}\n\n.card.disabled ::slotted(svg) {\n  fill: var(--ic-color-text-tertiary);\n}\n\n.card.clickable .card-title {\n  --ic-typography-color: var(--ic-color-hyperlink-default-light);\n\n  color: var(--ic-color-hyperlink-default-light);\n  text-decoration: underline;\n  text-decoration-thickness: var(--ic-space-1px);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n  display: inline-block;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n.card.clickable:active .card-title {\n  text-decoration: none;\n}\n\n.card.disabled .card-title {\n  text-decoration: underline;\n  text-decoration-thickness: var(--ic-space-1px);\n  text-decoration-color: var(--ic-color-text-tertiary);\n  color: var(--ic-color-text-tertiary);\n\n  --ic-typography-color: var(--ic-color-text-tertiary);\n}\n\n.card-message {\n  margin-top: var(--ic-space-xxxs);\n  align-items: left;\n}\n\n.card.disabled .card-message {\n  --ic-typography-color: var(--ic-color-text-tertiary);\n}\n\n.image {\n  display: flex;\n  height: var(--image-size);\n  width: var(--image-size);\n  border-radius: var(--ic-border-radius);\n}\n\n.card-content {\n  display: flex;\n  flex-direction: column;\n  padding: var(--ic-space-md);\n}\n\n.card .card-title ::slotted([slot=\"heading\"]),\n.card .card-title ic-typography p {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: calc(var(--card-max-width) - var(--ic-space-xl));\n}\n\n.card.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-icon .card-title ic-typography p {\n  max-width: calc(var(--card-max-width) - (2 * var(--ic-space-xl)));\n}\n\n.card.with-image .card-title ::slotted([slot=\"heading\"]),\n.card.with-image .card-title ic-typography p {\n  max-width: calc(\n    var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n  );\n}\n\n.card.with-image.with-icon .card-title ::slotted([slot=\"heading\"]),\n.card.with-image.with-icon .card-title ic-typography p {\n  max-width: calc(\n    var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n  );\n}\n\n.card .card-message ::slotted([slot=\"message\"]),\n.card .card-message ic-typography {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  line-clamp: var(--message-max-lines, initial);\n  -webkit-line-clamp: var(--message-max-lines, initial);\n  overflow: hidden;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .card ::slotted(svg) {\n    fill: currentcolor;\n  }\n\n  .card.disabled ::slotted(svg) {\n    fill: GrayText !important;\n  }\n\n  .card.disabled {\n    border-color: GrayText !important;\n  }\n\n  .card.disabled .card-message,\n  .card.disabled .card-title {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\n  }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  ::slotted([slot=\"icon\"]) {\n    fill: var(--ic-architectural-white);\n  }\n} */\n","import {\n  Component,\n  Element,\n  Listen,\n  Prop,\n  State,\n  h,\n  Method,\n  forceUpdate,\n} from \"@stencil/core\";\nimport {\n  onComponentRequiredPropUndefined,\n  isSlotUsed,\n  getThemeFromContext,\n  removeDisabledFalse,\n  checkSlotInChildMutations,\n} from \"../../utils/helpers\";\nimport {\n  IcTheme,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport { IcCardSizes } from \"./ic-card-horizontal.types\";\n\n/**\n * @slot heading - Content will be placed at the top of the horizontal card to the right of the icon.\n * @slot message - Content will be placed in the main body of the horizontal card.\n * @slot image - Content will be placed to the left of all other content.\n * @slot icon - Content will be placed to the left of the horizontal card heading.\n * @slot badge - Badge component overlaying the top right of the horizontal card.\n */\n@Component({\n  tag: \"ic-card-horizontal\",\n  styleUrl: \"ic-card-horizontal.css\",\n  shadow: true,\n})\nexport class Card {\n  private hostMutationObserver: MutationObserver = null;\n\n  @Element() el: HTMLIcCardHorizontalElement;\n\n  @State() appearance?: IcThemeForeground = \"default\";\n  @State() isFocussed: boolean = false;\n  @State() parentEl: HTMLElement | null = null;\n  @State() parentIsAnchorTag: boolean = false;\n\n  /**\n   * If `true`, the horizontal card will be a clickable variant, instead of static.\n   */\n  @Prop({ mutable: true }) clickable?: boolean = false;\n\n  /**\n   * If `true`, the horizontal card will be disabled if it is clickable.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * The heading for the horizontal card. This is required, unless a slotted heading is used.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * The URL that the clickable horizontal card link points to. If set, the clickable horizontal card will render as an \"a\" tag, otherwise it will render as a button.\n   */\n  @Prop() href?: string | undefined;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string = \"\";\n\n  /**\n   * The main body message of the horizontal card.\n   */\n  @Prop() message?: string = \"\";\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * The size of the horizontal card.\n   */\n  @Prop() size: IcCardSizes = \"medium\";\n\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n\n  disconnectedCallback(): void {\n    if (this.parentIsAnchorTag) {\n      this.parentEl.removeEventListener(\"focus\", this.parentFocussed);\n      this.parentEl.removeEventListener(\"blur\", this.parentBlurred);\n    }\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.parentEl = this.el.parentElement;\n\n    if (this.parentEl.tagName === \"A\") {\n      this.clickable = true;\n      this.parentIsAnchorTag = true;\n      this.parentEl.classList.add(\"ic-card-wrapper-link\");\n      this.parentEl.addEventListener(\"focus\", this.parentFocussed);\n      this.parentEl.addEventListener(\"blur\", this.parentBlurred);\n    }\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    !isSlotUsed(this.el, \"heading\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.heading, propName: \"heading\" }],\n        \"Card\"\n      );\n    this.updateTheme();\n\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  @Listen(\"click\", { capture: true })\n  handleHostClick(event: Event): void {\n    if (this.disabled) {\n      event.stopImmediatePropagation();\n    }\n  }\n\n  @Listen(\"themeChange\", { target: \"document\" })\n  themeChangeHandler(ev: CustomEvent): void {\n    const theme: IcTheme = ev.detail;\n    this.updateTheme(theme.mode);\n  }\n\n  /**\n   * Sets focus on the card.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.el.shadowRoot.querySelector(\"a\")) {\n      this.el.shadowRoot.querySelector(\"a\").focus();\n    } else if (this.el.shadowRoot.querySelector(\"button\")) {\n      this.el.shadowRoot.querySelector(\"button\").focus();\n    }\n  }\n\n  private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n    if (\n      mutationList.some(({ type, addedNodes, removedNodes }) =>\n        type === \"childList\"\n          ? checkSlotInChildMutations(addedNodes, removedNodes, \"image\")\n          : false\n      )\n    ) {\n      forceUpdate(this);\n    }\n  };\n\n  private parentFocussed = (): void => {\n    this.isFocussed = true;\n  };\n\n  private parentBlurred = (): void => {\n    this.isFocussed = false;\n  };\n\n  private updateTheme(newTheme: IcThemeForeground = null): void {\n    const foregroundColor = getThemeFromContext(this.el, newTheme || null);\n\n    if (foregroundColor !== IcThemeForegroundEnum.Default) {\n      this.appearance = foregroundColor;\n    }\n  }\n\n  render() {\n    const {\n      clickable,\n      disabled,\n      heading,\n      message,\n      href,\n      hreflang,\n      referrerpolicy,\n      rel,\n      target,\n      parentIsAnchorTag,\n      isFocussed,\n      size,\n    } = this;\n\n    const Component = parentIsAnchorTag\n      ? \"div\"\n      : clickable\n      ? this.href === undefined\n        ? \"button\"\n        : \"a\"\n      : \"div\";\n\n    const attrs = Component == \"a\" && {\n      href: href,\n      hrefLang: hreflang,\n      referrerPolicy: referrerpolicy,\n      rel: rel,\n      target: target,\n    };\n\n    return (\n      <Component\n        class={{\n          [\"card\"]: true,\n          [\"clickable\"]: clickable && !disabled,\n          [\"disabled\"]: disabled,\n          [\"focussed\"]: isFocussed,\n          [\"dark\"]: this.appearance === IcThemeForegroundEnum.Dark,\n          [`${size}`]: true,\n          [\"with-icon\"]: isSlotUsed(this.el, \"icon\"),\n          [\"with-image\"]: isSlotUsed(this.el, \"image\"),\n        }}\n        tabindex={clickable && !parentIsAnchorTag ? 0 : null}\n        aria-disabled={disabled ? \"true\" : null}\n        disabled={disabled ? true : null}\n        {...attrs}\n      >\n        {isSlotUsed(this.el, \"image\") && (\n          <div class={{ [\"image\"]: true }}>\n            <slot name=\"image\"></slot>\n          </div>\n        )}\n        <div class=\"card-content\">\n          <div class=\"card-header\">\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <div class=\"card-title\">\n              <slot name=\"heading\">\n                <ic-typography variant=\"h4\">\n                  <p>{heading}</p>\n                </ic-typography>\n              </slot>\n            </div>\n          </div>\n          {(message || isSlotUsed(this.el, \"message\")) && (\n            <div\n              class={{\n                [\"card-message\"]: true,\n              }}\n            >\n              {message && (\n                <ic-typography variant=\"body\">{message}</ic-typography>\n              )}\n              {isSlotUsed(this.el, \"message\") && <slot name=\"message\"></slot>}\n            </div>\n          )}\n        </div>\n        {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n      </Component>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/core/p-297e99cf.js

@@ -1,2 +0,0 @@
-const n=["aria-atomic","aria-autocomplete","aria-busy","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-dropeffect","aria-errormessage","aria-expanded","aria-flowto","aria-grabbed","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-live","aria-owns","aria-relevant","aria-roledescription"];const a=["ic-hero","ic-top-navigation","ic-footer","ic-side-navigation","ic-alert"];const e=["ic-alert"];const t={"ic-alert":["ic-link"]};var r;(function(n){n["Warning"]="warning";n["Error"]="error";n["Success"]="success"})(r||(r={}));var o;(function(n){n["Default"]="default";n["Dark"]="dark";n["Light"]="light"})(o||(o={}));var s;(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"})(s||(s={}));var i;(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"})(i||(i={}));var c;(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"})(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={}));const l=n=>{const a=[];Object.values(n).forEach((n=>{if(isNaN(Number(n))){const e=n;a.push(e)}}));return a};const d=(n,a=[])=>{const e={};a.forEach((a=>{if(n.hasAttribute(a)){const t=n.getAttribute(a);if(t!==null){e[a]=n.getAttribute(a)}n.removeAttribute(a)}}));return e};const f=(n,a)=>{let e;return(...t)=>{const r=a();clearTimeout(e);e=setTimeout(n,r,...t)}};const p=(n,a,e,t,r)=>{if(e!==undefined&&(n||x(a))){const n=a.querySelectorAll("input.ic-input");const o=Array.from(n);const s=o.filter((n=>a===n.parentElement));let i=s[0];if(i===null||i===undefined){i=a.ownerDocument.createElement("input");i.type="hidden";i.classList.add("ic-input");a.appendChild(i)}i.disabled=r;i.name=e;if(t instanceof Date){i.value=t?t.toISOString():null}else{i.value=t||""}}};const b=(n,r=null)=>{var s;const i=n.parentElement||n.getRootNode().host.parentElement;const c=i.closest(a.join(","));if(c!==null){const a=c.tagName.toLowerCase();const i=n.tagName.toLowerCase();if((s=t[a])===null||s===void 0?void 0:s.includes(i)){return o.Default}else if(r!==null&&!e.includes(a)){return r}else if(c.classList.contains(o.Dark)){return o.Dark}return o.Light}return o.Default};const y=n=>n?n.trim().length===0:true;const v=n=>n!==undefined?n:null;const m=n=>getComputedStyle(document.documentElement).getPropertyValue(n);({XS:Number(m("--ic-breakpoint-xs").replace("px","")),S:Number(m("--ic-breakpoint-sm").replace("px","")),M:Number(m("--ic-breakpoint-md").replace("px","")),L:Number(m("--ic-breakpoint-lg").replace("px","")),XL:Number(m("--ic-breakpoint-xl").replace("px","")),UNDEFINED:1200});const h=(n,a)=>Array.from(n.children).some((n=>n.getAttribute("slot")===a));const x=n=>!!n.shadowRoot&&!!n.attachShadow;const N=n=>n+"-helper-text";const g=n=>n+"-validation-text";const w=(n,a,e)=>`${a?N(n):""} ${e?g(n):""}`.trim();const S=()=>"maxTouchPoints"in navigator?navigator.maxTouchPoints>0:false;const k=(n,a,e="value",t="label")=>{const r=[];if(a.length>0&&a.map){a.map((n=>{if(n.children){n.children.map((n=>r.push(n)))}else{r.push(n)}}));const o=r.find((a=>a[e]===n));if(o!==undefined)return o[t]}return undefined};const T=(n,a,e,t,r="label")=>n.filter((n=>{var o;const s=n[r].toLowerCase();const i=(o=n.description)===null||o===void 0?void 0:o.toLowerCase();const c=e.toLowerCase();return t==="anywhere"?a?s.includes(c)||(i===null||i===void 0?void 0:i.includes(c)):s.includes(c):a?s.startsWith(c)||(i===null||i===void 0?void 0:i.startsWith(c)):s.startsWith(c)}));const M=n=>{const a=[];if(n.length>0&&n.map){n.map((n=>{if(n.children){n.children.map((n=>a.push(n)))}else{a.push(n)}}))}return a.length};const $=(n,a=16)=>`${1/a*parseInt(n)}rem`;const A=n=>/^-?\d+$/.test(n);const F=(n,a)=>n!==""&&!a;const D=(n,a)=>{for(let e=0;e<n.length;e++){const{prop:t,propName:r}=n[e];if(t===null||t===undefined){console.error(`No ${r} specified for ${a} component - prop '${r}' (web components) / '${O(r)}' (react) required`)}}};const O=n=>{n=n.toLowerCase();const a=n.split("-");let e=a[0];for(let n=1;n<a.length;n++){e+=a[n].substring(0,1).toUpperCase()+a[n].substring(1)}return e};const j=n=>{if(typeof window!=="undefined"&&typeof window.ResizeObserver!=="undefined"){n()}};const C=n=>n.closest("FORM");const E=(n,a)=>{const e=C(n);if(e!==null){e.addEventListener("reset",a)}};const I=(n,a)=>{const e=C(n);if(e!==null){e.removeEventListener("reset",a)}};const J=(n,a)=>{if(!n){a.removeAttribute("disabled")}};const W=()=>window.navigator.userAgent.toUpperCase().indexOf("MAC")>=0;const q=n=>n.charAt(0).toUpperCase()+n.slice(1);const L=(n,a,e)=>{const t=n=>Array.from(n).some((n=>n.slot===e));return t(n)||t(a)};const X=(n,a,e)=>{const t={};const r=a.map((n=>n.index));let o=0;Object.keys(n).forEach((s=>{if(r.includes(o)){t[a[r.indexOf(o)].key]=e;o++}t[s]=n[s];o++}));return t};export{v as A,A as B,q as C,j as D,W as E,o as I,y as a,X as b,L as c,f as d,c as e,s as f,b as g,u as h,h as i,i as j,k,T as l,M as m,I as n,D as o,$ as p,d as q,J as r,l as s,E as t,p as u,w as v,S as w,F as x,n as y,r as z};
-//# sourceMappingURL=p-297e99cf.js.map

package/dist/core/p-297e99cf.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IC_INHERITED_ARIA","IC_BLOCK_COLOR_COMPONENTS","IC_FIXED_COLOR_COMPONENTS","IC_BLOCK_COLOR_EXCEPTIONS","IcInformationStatus","IcThemeForegroundEnum","IcDateInputMonths","IcShortDayNames","IcDayNames","IcWeekDays","stringEnumToArray","theEnum","arr","Object","values","forEach","val","isNaN","Number","str","push","inheritAttributes","element","attributes","attributeObject","attr","hasAttribute","value","getAttribute","removeAttribute","dynamicDebounce","func","getDelay","timer","args","delay","clearTimeout","setTimeout","renderHiddenInput","always","container","name","disabled","undefined","hasShadowDom","inputs","querySelectorAll","inputEls","Array","from","filtered","filter","el","parentElement","input","ownerDocument","createElement","type","classList","add","appendChild","Date","toISOString","getThemeFromContext","themeFromEvent","getRootNode","host","blockColorParent","closest","join","parentTag","tagName","toLowerCase","currentTag","_a","includes","Default","contains","Dark","Light","isEmptyString","trim","length","isPropDefined","prop","getCssProperty","cssVar","getComputedStyle","document","documentElement","getPropertyValue","XS","replace","S","M","L","XL","UNDEFINED","isSlotUsed","slotName","children","some","child","shadowRoot","attachShadow","getInputHelperTextID","id","getInputValidationTextID","getInputDescribedByText","inputId","helperText","validationText","isMobileOrTablet","navigator","maxTouchPoints","getLabelFromValue","options","valueField","labelField","ungroupedOptions","map","option","matchingValue","find","getFilteredMenuOptions","includeDescriptions","searchString","position","label","description","lowerSearchString","startsWith","getOptionsWithoutGroupTitlesCount","optionsWithoutGroupTitles","pxToRem","px","base","parseInt","isNumeric","test","hasValidationStatus","status","onComponentRequiredPropUndefined","props","component","i","propName","console","error","kebabToCamelCase","kebabCase","individualWords","split","camelCase","substring","toUpperCase","checkResizeObserver","callbackFn","window","ResizeObserver","getForm","addFormResetListener","form","addEventListener","removeFormResetListener","removeEventListener","removeDisabledFalse","isMacDevice","userAgent","indexOf","capitalize","text","charAt","slice","checkSlotInChildMutations","addedNodes","removedNodes","hasSlot","nodeList","node","slot","addDataToPosition","dataObject","newKeys","newValue","newData","newIndexes","key","index","controlledIndex","keys","dataKey"],"sources":["src/utils/constants.ts","src/utils/types.ts","src/utils/helpers.ts"],"sourcesContent":["import errorIcon from \"../assets/error-icon.svg\";\nimport infoIcon from \"../assets/info-icon.svg\";\nimport neutralIcon from \"../assets/neutral-icon.svg\";\nimport successIcon from \"../assets/success-icon.svg\";\nimport warningIcon from \"../assets/warning-icon.svg\";\n\n// Global status icons\nexport const VARIANT_ICONS = {\n  neutral: {\n    icon: neutralIcon,\n    ariaLabel: \"Neutral\",\n  },\n  info: {\n    icon: infoIcon,\n    ariaLabel: \"For your information\",\n  },\n  warning: {\n    icon: warningIcon,\n    ariaLabel: \"Warning\",\n  },\n  error: {\n    icon: errorIcon,\n    ariaLabel: \"Error\",\n  },\n  success: {\n    icon: successIcon,\n    ariaLabel: \"Success\",\n  },\n};\n\n// Global ARIA attributes\nexport const IC_INHERITED_ARIA = [\n  \"aria-atomic\",\n  \"aria-autocomplete\",\n  \"aria-busy\",\n  \"aria-controls\",\n  \"aria-current\",\n  \"aria-describedby\",\n  \"aria-description\",\n  \"aria-details\",\n  \"aria-disabled\",\n  \"aria-dropeffect\",\n  \"aria-errormessage\",\n  \"aria-expanded\",\n  \"aria-flowto\",\n  \"aria-grabbed\",\n  \"aria-haspopup\",\n  \"aria-hidden\",\n  \"aria-invalid\",\n  \"aria-keyshortcuts\",\n  \"aria-label\",\n  \"aria-labelledby\",\n  \"aria-live\",\n  \"aria-owns\",\n  \"aria-relevant\",\n  \"aria-roledescription\",\n];\n\nexport const IC_DEVICE_SIZES = {\n  XS: 576,\n  S: 768,\n  M: 992,\n  L: 1200,\n  XL: 99999,\n};\n\nexport const IC_BLOCK_COLOR_COMPONENTS = [\n  \"ic-hero\",\n  \"ic-top-navigation\",\n  \"ic-footer\",\n  \"ic-side-navigation\",\n  \"ic-alert\",\n];\n\nexport const IC_FIXED_COLOR_COMPONENTS = [\"ic-alert\"];\n\nexport interface IcColorExceptions {\n  [details: string]: string[];\n}\n\nexport const IC_BLOCK_COLOR_EXCEPTIONS: IcColorExceptions = {\n  \"ic-alert\": [\"ic-link\"],\n};\n\n/* Range within which the chosen theme colour would not have a sufficient brightness difference with either of the black or white foreground colours\n * The brightness difference must be greater than 125 to provide good colour visibility\n * Calculated by:\n * - Using the brightness formula for both colours: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding 125 to the brightness of the black foreground colour - RGB(11, 12, 12)\n * - Subtracting 125 from the brightness of the white foreground colour - RGB(255, 255, 255)\n */\nexport const BLACK_MIN_COLOR_BRIGHTNESS = 136.701;\nexport const WHITE_MAX_COLOR_BRIGHTNESS = 130;\n","import {\n  IcPaginationLabelTypes,\n  IcPaginationTypes,\n  IcPaginationAlignmentOptions,\n} from \"../components\";\n\nexport type IcFocusableComponents =\n  | HTMLIcBreadcrumbElement\n  | HTMLIcButtonElement\n  | HTMLIcCardVerticalElement\n  | HTMLIcCheckboxElement\n  | HTMLIcChipElement\n  | HTMLIcLinkElement\n  | HTMLIcNavigationButtonElement\n  | HTMLIcNavigationGroupElement\n  | HTMLIcNavigationItemElement\n  | HTMLIcRadioOptionElement\n  | HTMLIcSearchBarElement\n  | HTMLIcSelectElement\n  | HTMLIcSwitchElement\n  | HTMLIcTabElement\n  | HTMLIcTextFieldElement;\n\nexport type IcStatusVariants =\n  | \"neutral\"\n  | \"info\"\n  | \"warning\"\n  | \"error\"\n  | \"success\";\n\nexport enum IcInformationStatus {\n  Warning = \"warning\",\n  Error = \"error\",\n  Success = \"success\",\n}\n\nexport type IcSizes = \"medium\" | \"large\" | \"small\";\n\nexport type IcSizesNoLarge = \"medium\" | \"small\";\n\nexport type IcInformationStatusOrEmpty = \"warning\" | \"error\" | \"success\" | \"\";\n\nexport type IcNavType = \"side\" | \"top\" | \"page-header\";\n\n// From: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\nexport type IcAutocompleteTypes =\n  | \"on\"\n  | \"off\"\n  | \"name\"\n  | \"honorific-prefix\"\n  | \"given-name\"\n  | \"additional-name\"\n  | \"family-name\"\n  | \"honorific-suffix\"\n  | \"nickname\"\n  | \"email\"\n  | \"username\"\n  | \"new-password\"\n  | \"current-password\"\n  | \"one-time-code\"\n  | \"organization-title\"\n  | \"organization\"\n  | \"street-address\"\n  | \"address-line1\"\n  | \"address-line2\"\n  | \"address-line3\"\n  | \"address-level4\"\n  | \"address-level3\"\n  | \"address-level2\"\n  | \"address-level1\"\n  | \"country\"\n  | \"country-name\"\n  | \"postal-code\"\n  | \"cc-name\"\n  | \"cc-given-name\"\n  | \"cc-additional-name\"\n  | \"cc-family-name\"\n  | \"cc-family-name\"\n  | \"cc-number\"\n  | \"cc-exp\"\n  | \"cc-exp-month\"\n  | \"cc-exp-year\"\n  | \"cc-csc\"\n  | \"cc-type\"\n  | \"transaction-currency\"\n  | \"transaction-amount\"\n  | \"language\"\n  | \"bday\"\n  | \"bday-day\"\n  | \"bday-month\"\n  | \"bday-year\"\n  | \"sex\"\n  | \"tel\"\n  | \"tel-country-code\"\n  | \"tel-national\"\n  | \"tel-area-code\"\n  | \"tel-local\"\n  | \"tel-extension\"\n  | \"impp\"\n  | \"url\"\n  | \"photo\";\n\nexport type IcAlignment = \"left\" | \"center\" | \"full-width\";\n\nexport enum IcThemeForegroundEnum {\n  Default = \"default\",\n  Dark = \"dark\",\n  Light = \"light\",\n}\n\nexport type IcThemeForeground = \"default\" | \"dark\" | \"light\";\n\nexport type IcThemeForegroundNoDefault = \"dark\" | \"light\";\n\nexport type IcTheme = {\n  mode: IcThemeForeground;\n  color: IcColorRGB;\n};\n\nexport type IcAdditionalFieldTypes = \"static\" | \"dynamic\";\n\nexport type IcColorRGB = {\n  r: number;\n  g: number;\n  b: number;\n};\n\nexport type IcColorRGBA = IcColorRGB & {\n  a: number;\n};\n\nexport type IcActivationTypes = \"automatic\" | \"manual\";\n\nexport type IcAutocorrectStates = \"on\" | \"off\";\n\nexport type IcNavParentDetails = {\n  navType: IcNavType | \"\";\n  parent: HTMLElement;\n};\n\nexport type IcTypographyVariants =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"subtitle-large\"\n  | \"subtitle-small\"\n  | \"body\"\n  | \"label\"\n  | \"label-uppercase\"\n  | \"caption\"\n  | \"caption-uppercase\"\n  | \"code-large\"\n  | \"code-small\"\n  | \"code-extra-small\"\n  | \"badge\"\n  | \"badge-small\";\n\n/**\n * @interface IcMenuOption\n * @field {string} A label field to options. Defaults to \"label\", but can have any custom name.\n * @field {string} A value field to options. Defaults to \"value\", but can have any custom name.\n */\nexport interface IcMenuOption {\n  description?: string;\n  disabled?: boolean;\n  recommended?: boolean;\n  children?: IcMenuOption[];\n  loading?: boolean;\n  timedOut?: boolean;\n  [key: string]: any;\n  element?: {\n    component: any;\n    ariaLabel: string;\n  };\n  icon?: any;\n}\n\nexport type IcSearchMatchPositions = \"start\" | \"anywhere\";\n\nexport interface IcPaginationBarOptions {\n  itemsPerPageOptions?: { label: string; value: string }[];\n  rangeLabelType?: IcPaginationLabelTypes;\n  type?: IcPaginationTypes;\n  showItemsPerPageControl?: boolean;\n  showGoToPageControl?: boolean;\n  alignment?: IcPaginationAlignmentOptions;\n  appearance?: IcThemeForeground;\n  itemLabel?: string;\n  pageLabel?: string;\n  hideRangeLabel?: boolean;\n}\n\nexport type IcCallbackFunctionNoReturn = (...args: unknown[]) => void;\n\nexport type IcDateFormat = \"DD/MM/YYYY\" | \"MM/DD/YYYY\" | \"YYYY/MM/DD\";\n\nexport enum IcDateInputMonths {\n  \"January\",\n  \"February\",\n  \"March\",\n  \"April\",\n  \"May\",\n  \"June\",\n  \"July\",\n  \"August\",\n  \"September\",\n  \"October\",\n  \"November\",\n  \"December\",\n}\n\nexport enum IcShortDayNames {\n  \"Sun\",\n  \"Mon\",\n  \"Tue\",\n  \"Wed\",\n  \"Thu\",\n  \"Fri\",\n  \"Sat\",\n}\n\nexport enum IcDayNames {\n  \"Sunday\",\n  \"Monday\",\n  \"Tuesday\",\n  \"Wednesday\",\n  \"Thursday\",\n  \"Friday\",\n  \"Saturday\",\n}\n\nexport enum IcWeekDays {\n  Sunday = 0,\n  Monday = 1,\n  Tuesday = 2,\n  Wednesday = 3,\n  Thursday = 4,\n  Friday = 5,\n  Saturday = 6,\n}\n\nexport interface IcValueEventDetail {\n  value: string | string[];\n  keyPressed?: string;\n}\n","/**\n * To investigate:\n * IcColorRGBA works via @ukic/web-components but IcThemeForeground does not even though they are exported\n * from @ukic/web-components in the same file. Why?\n */\nimport {\n  IcCallbackFunctionNoReturn,\n  IcInformationStatusOrEmpty,\n  IcNavParentDetails,\n  IcPropObject,\n  IcSearchMatchPositions,\n  IcColorRGBA,\n} from \"@ukic/web-components\";\nimport {\n  IC_BLOCK_COLOR_COMPONENTS,\n  IC_BLOCK_COLOR_EXCEPTIONS,\n  IC_FIXED_COLOR_COMPONENTS,\n} from \"./constants\"; // Using @ukic/web-components/dist/types/utils/constants does not work so duplicated constants into canary package\nimport {\n  IcMenuOption,\n  IcThemeForeground,\n  IcThemeForegroundEnum,\n} from \"./types\"; // Using @ukic/web-components/dist/types/utils/types does not work so duplicated constants into canary package\nimport { EventEmitter } from \"@stencil/core\";\nimport { IcDataTableDataType } from \"../interface\";\n\nconst DARK_MODE_THRESHOLD = 133.3505;\n\n/**\n * converts an enum of strings into an array of strings\n */\nexport const stringEnumToArray = (\n  theEnum: Record<string, string | number>\n): string[] => {\n  const arr: string[] = [];\n  Object.values(theEnum).forEach((val) => {\n    if (isNaN(Number(val))) {\n      const str = val as string;\n      arr.push(str);\n    }\n  });\n  return arr;\n};\n\n/**\n * Used to inherit global attributes set on the host. Called in componentWillLoad and assigned\n * to a variable that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (\n  element: HTMLElement,\n  attributes: string[] = []\n): { [key: string]: unknown } => {\n  const attributeObject: { [key: string]: unknown } = {};\n\n  attributes.forEach((attr) => {\n    if (element.hasAttribute(attr)) {\n      const value = element.getAttribute(attr);\n      if (value !== null) {\n        attributeObject[attr] = element.getAttribute(attr);\n      }\n      element.removeAttribute(attr);\n    }\n  });\n\n  return attributeObject;\n};\n\nexport const debounceEvent = (\n  event: EventEmitter,\n  wait: number\n): EventEmitter => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const original = (event as any)._original || event;\n  return {\n    _original: event,\n    emit: debounce(original.emit.bind(original), wait),\n  } as EventEmitter;\n};\n\nexport const debounce = (\n  func: (...args: unknown[]) => void,\n  wait = 0\n): unknown => {\n  let timer: ReturnType<typeof setTimeout>;\n  return (...args: unknown[]) => {\n    clearTimeout(timer);\n    timer = setTimeout(func, wait, ...args);\n  };\n};\n\nexport const dynamicDebounce = (\n  func: (...args: unknown[]) => void,\n  getDelay: () => number\n): unknown => {\n  let timer: ReturnType<typeof setTimeout>;\n  return (...args: unknown[]) => {\n    const delay = getDelay();\n    clearTimeout(timer);\n    timer = setTimeout(func, delay, ...args);\n  };\n};\n\n/**\n * This method is used to add a hidden input to a host element that contains\n * a Shadow DOM. It does not add the input inside of the Shadow root which\n * allows it to be picked up inside of forms. It should contain the same\n * values as the host element.\n *\n * @param always Add a hidden input even if the container does not use Shadow\n * @param container The element where the input will be added\n * @param name The name of the input\n * @param value The value of the input\n * @param disabled If true, the input is disabled\n */\nexport const renderHiddenInput = (\n  always: boolean,\n  container: HTMLElement,\n  name: string,\n  value: string | Date | undefined | null,\n  disabled: boolean\n): void => {\n  if (name !== undefined && (always || hasShadowDom(container))) {\n    const inputs = container.querySelectorAll(\"input.ic-input\");\n    const inputEls = Array.from(inputs);\n    const filtered = inputEls.filter((el) => container === el.parentElement);\n\n    let input = filtered[0] as HTMLInputElement;\n    if (input === null || input === undefined) {\n      input = container.ownerDocument.createElement(\"input\");\n      input.type = \"hidden\";\n      input.classList.add(\"ic-input\");\n      container.appendChild(input);\n    }\n    input.disabled = disabled;\n    input.name = name;\n\n    if (value instanceof Date) {\n      input.value = value ? value.toISOString() : null;\n    } else {\n      input.value = value || \"\";\n    }\n  }\n};\n\nexport const removeHiddenInput = (container: HTMLElement): void => {\n  const inputs = container.querySelectorAll(\"input.ic-input\");\n  const inputEls = Array.from(inputs);\n  const filtered = inputEls.filter((el) => container === el.parentElement);\n  const input = filtered[0] as HTMLInputElement;\n  input?.remove();\n};\n\n/**\n * This method helps to understand the context in which a component exists,\n * to assist with choosing appropriate foreground colours to use. For example,\n * this method will help you use the 'white' version of a button if it's within\n * a block colour element using white foreground text.\n *\n * This only works for components/elements passed via <slot> and not if they\n * are part of an IC component.\n *\n * \"\"\n * @returns IcThemeForeground depending on the context\n */\nexport const getThemeFromContext = (\n  el: Element,\n  themeFromEvent: IcThemeForeground = null\n): IcThemeForeground => {\n  const parentElement =\n    el.parentElement || (<ShadowRoot>el.getRootNode()).host.parentElement;\n  const blockColorParent = parentElement.closest(\n    IC_BLOCK_COLOR_COMPONENTS.join(\",\")\n  );\n\n  // If within a block color component\n  if (blockColorParent !== null) {\n    const parentTag = blockColorParent.tagName.toLowerCase();\n    const currentTag = el.tagName.toLowerCase();\n\n    if (IC_BLOCK_COLOR_EXCEPTIONS[parentTag]?.includes(currentTag)) {\n      return IcThemeForegroundEnum.Default;\n    } else if (\n      themeFromEvent !== null &&\n      !IC_FIXED_COLOR_COMPONENTS.includes(parentTag)\n    ) {\n      return themeFromEvent;\n    } else if (\n      blockColorParent.classList.contains(IcThemeForegroundEnum.Dark)\n    ) {\n      return IcThemeForegroundEnum.Dark;\n    }\n\n    return IcThemeForegroundEnum.Light;\n  }\n\n  return IcThemeForegroundEnum.Default;\n};\n\n/**\n * Will create a button within the lightDOM which interacts with the parent form.\n * This is required as buttons within the shadowDOM will not invoke a submit or reset\n *\n * @param form - parent form element which contains shadowDom button\n * @param button - shadowDOM button\n */\nexport const handleHiddenFormButtonClick = (\n  form: HTMLFormElement,\n  button: HTMLIcButtonElement | HTMLButtonElement\n): void => {\n  const hiddenFormButton = document.createElement(\"button\");\n\n  hiddenFormButton.setAttribute(\"type\", button.type);\n  hiddenFormButton.style.display = \"none\";\n\n  form.appendChild(hiddenFormButton);\n\n  hiddenFormButton.click();\n  hiddenFormButton.remove();\n};\n\nexport const isEmptyString = (value: string): boolean =>\n  value ? value.trim().length === 0 : true;\n\n// A helper function that checks if a prop has been defined\nexport const isPropDefined = (prop: string): string | null =>\n  prop !== undefined ? prop : null;\n\nexport const deviceSizeMatches = (size: number): boolean =>\n  window.matchMedia(`(max-width: ${size}px)`).matches;\n\nexport const getCurrentDeviceSize = (): number => {\n  if (deviceSizeMatches(DEVICE_SIZES.S)) {\n    return DEVICE_SIZES.S;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.M)) {\n    return DEVICE_SIZES.M;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.L)) {\n    return DEVICE_SIZES.L;\n  }\n  if (deviceSizeMatches(DEVICE_SIZES.XL)) {\n    return DEVICE_SIZES.XL;\n  }\n  //fallback needed as all of above get initialised to 0 in jest tests\n  return DEVICE_SIZES.UNDEFINED;\n};\n\nexport const getCssProperty = (cssVar: string): string =>\n  getComputedStyle(document.documentElement).getPropertyValue(cssVar);\n\n/**\n * Returns the brightness of the theme colour, calculated by using the theme RGB CSS values by:\n * - Multiplying each RGB value by a set number: https://www.w3.org/TR/AERT/#color-contrast\n * - Adding them together and dividing by 1000\n * This is a similar calculation to its CSS counterpart: \"--ic-theme-text\"\n * @returns number representing the brightness of the theme colour\n */\nexport const getThemeColorBrightness = (): number => {\n  const themeRed = getCssProperty(\"--ic-theme-primary-r\");\n  const themeGreen = getCssProperty(\"--ic-theme-primary-g\");\n  const themeBlue = getCssProperty(\"--ic-theme-primary-b\");\n  return (\n    (parseInt(themeRed) * 299 +\n      parseInt(themeGreen) * 587 +\n      parseInt(themeBlue) * 114) /\n    1000\n  );\n};\n\n/**\n * Returns if dark or light foreground colors should be used for color contrast reasons\n * @returns \"dark\" or \"light\"\n */\nexport const getThemeForegroundColor = (): IcThemeForeground =>\n  getThemeColorBrightness() > DARK_MODE_THRESHOLD\n    ? IcThemeForegroundEnum.Dark\n    : IcThemeForegroundEnum.Light;\n\nexport const getSlot = (element: HTMLElement, name: string): Element | null => {\n  if (element && element.querySelector) {\n    return element.querySelector(`[slot=\"${name}\"]`);\n  }\n  return null;\n};\n\nexport const slotHasContent = (element: HTMLElement, name: string): boolean =>\n  getSlot(element, name) !== null;\n\nexport const getSlotContent = (\n  element: HTMLElement,\n  name: string\n): Element[] | NodeListOf<ChildNode> | null => {\n  const slot = getSlot(element, name);\n  if (slot) {\n    return getSlotElements(slot);\n  }\n\n  return null;\n};\n\nexport const getSlotElements = (\n  slot: Element\n): NodeListOf<ChildNode> | Element[] => {\n  const slotContent = slot.firstElementChild as HTMLSlotElement;\n\n  if (slotContent !== null) {\n    const elements = slotContent.assignedElements\n      ? slotContent.assignedElements()\n      : slotContent.childNodes;\n    return elements.length ? elements : slot.tagName ? [slot] : null;\n  } else {\n    //check for single element\n    return slot === null ? null : [slot];\n  }\n};\n\nexport const getNavItemParentDetails = (\n  el: HTMLElement\n): IcNavParentDetails => {\n  let navType: IcNavParentDetails = { navType: \"\", parent: null };\n  switch (getParentElementType(el)) {\n    case \"IC-NAVIGATION-GROUP\":\n      navType = getNavItemParentDetails(el.parentElement);\n      break;\n    case \"IC-TOP-NAVIGATION\":\n      navType = { navType: \"top\", parent: getParentElement(el) };\n      break;\n    case \"IC-SIDE-NAVIGATION\":\n      navType = { navType: \"side\", parent: getParentElement(el) };\n      break;\n    case \"IC-PAGE-HEADER\":\n      navType = { navType: \"page-header\", parent: null };\n      break;\n  }\n  return navType;\n};\n\nexport const DEVICE_SIZES = {\n  XS: Number(getCssProperty(\"--ic-breakpoint-xs\").replace(\"px\", \"\")), // 0\n  S: Number(getCssProperty(\"--ic-breakpoint-sm\").replace(\"px\", \"\")), // 576\n  M: Number(getCssProperty(\"--ic-breakpoint-md\").replace(\"px\", \"\")), // 768\n  L: Number(getCssProperty(\"--ic-breakpoint-lg\").replace(\"px\", \"\")), // 992\n  XL: Number(getCssProperty(\"--ic-breakpoint-xl\").replace(\"px\", \"\")), // 1200\n  UNDEFINED: 1200,\n};\n\nexport const isSlotUsed = (element: HTMLElement, slotName: string): boolean =>\n  Array.from(element.children).some(\n    (child) => child.getAttribute(\"slot\") === slotName\n  );\n\n// added as a common method to allow detection of gatsby hydration issue, where (camelCase) props are initially undefined & then update\n// with a value. Allows a callback function to be executed when this is the case\nexport const onComponentPropUndefinedChange = (\n  oldValue: string | undefined,\n  newValue: string | undefined,\n  callback: IcCallbackFunctionNoReturn\n): void => {\n  if (oldValue === undefined && newValue !== oldValue) {\n    callback();\n  }\n};\n\nexport const hasShadowDom = (el: HTMLElement): boolean =>\n  !!el.shadowRoot && !!el.attachShadow;\n\nexport const getInputHelperTextID = (id: string): string => id + \"-helper-text\";\n\nexport const getInputValidationTextID = (id: string): string =>\n  id + \"-validation-text\";\n\nexport const getInputDescribedByText = (\n  inputId: string,\n  helperText: boolean,\n  validationText: boolean\n): string =>\n  `${helperText ? getInputHelperTextID(inputId) : \"\"} ${\n    validationText ? getInputValidationTextID(inputId) : \"\"\n  }`.trim();\n\nexport const isMobileOrTablet = (): boolean =>\n  \"maxTouchPoints\" in navigator ? navigator.maxTouchPoints > 0 : false;\n\n/**\n * Extracts the label using the value from an object. Requires the object to have a label and value property.\n * @param value - value from object\n * @param options - list of menu items\n * @returns - label corresponding to value\n */\nexport const getLabelFromValue = (\n  value: string,\n  options: IcMenuOption[],\n  valueField = \"value\",\n  labelField = \"label\"\n): string | undefined => {\n  const ungroupedOptions: IcMenuOption[] = [];\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option: IcMenuOption) =>\n          ungroupedOptions.push(option)\n        );\n      } else {\n        ungroupedOptions.push(option);\n      }\n    });\n    const matchingValue = ungroupedOptions.find(\n      (option) => option[valueField] === value\n    );\n    if (matchingValue !== undefined) return matchingValue[labelField];\n  }\n\n  return undefined;\n};\n\n/**\n * Filters the options based on the search string.\n * @param options - array of options\n * @param includeDescriptions - determines whether option descriptions are included when filtering options\n * @param searchString - string used to filter the options\n * @param position - whether the search string matches the start of or anywhere in the options\n * @returns filtered array of options\n */\nexport const getFilteredMenuOptions = (\n  options: IcMenuOption[],\n  includeDescriptions: boolean,\n  searchString: string,\n  position: IcSearchMatchPositions,\n  labelField = \"label\"\n): IcMenuOption[] =>\n  options.filter((option) => {\n    const label: string = option[labelField].toLowerCase();\n    const description = option.description?.toLowerCase();\n    const lowerSearchString = searchString.toLowerCase();\n\n    return position === \"anywhere\"\n      ? includeDescriptions\n        ? label.includes(lowerSearchString) ||\n          description?.includes(lowerSearchString)\n        : label.includes(lowerSearchString)\n      : includeDescriptions\n      ? label.startsWith(lowerSearchString) ||\n        description?.startsWith(lowerSearchString)\n      : label.startsWith(lowerSearchString);\n  });\n\n/**\n * Gets count of options where only group title \"parent\" options have been removed.\n * Disabled options are included in the count.\n * @param options - array of options\n * @returns number of options not including group titles\n */\nexport const getOptionsWithoutGroupTitlesCount = (\n  options: IcMenuOption[]\n): number => {\n  const optionsWithoutGroupTitles: IcMenuOption[] = [];\n\n  if (options.length > 0 && options.map) {\n    options.map((option) => {\n      if (option.children) {\n        option.children.map((option) => optionsWithoutGroupTitles.push(option));\n      } else {\n        optionsWithoutGroupTitles.push(option);\n      }\n    });\n  }\n\n  return optionsWithoutGroupTitles.length;\n};\n\nconst hex2dec = function (v: string) {\n  return parseInt(v, 16);\n};\n\nexport const hexToRgba = (hex: string): IcColorRGBA => {\n  let c;\n  if (hex.length === 4) {\n    c = hex.replace(\"#\", \"\").split(\"\");\n    return {\n      r: hex2dec(c[0] + c[0]),\n      g: hex2dec(c[1] + c[1]),\n      b: hex2dec(c[2] + c[2]),\n      a: 1,\n    };\n  } else {\n    return {\n      r: hex2dec(hex.slice(1, 3)),\n      g: hex2dec(hex.slice(3, 5)),\n      b: hex2dec(hex.slice(5)),\n      a: 1,\n    };\n  }\n};\n\nexport const rgbaStrToObj = (rgbaStr: string): IcColorRGBA => {\n  const fourthChar = rgbaStr.slice(3, 4);\n  let colorRGBA: IcColorRGBA;\n  if (fourthChar.toLowerCase() === \"a\") {\n    colorRGBA = { r: null, g: null, b: null, a: null };\n    const rgba = rgbaStr\n      .substring(5, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgba[0]);\n    colorRGBA.g = Number(rgba[1]);\n    colorRGBA.b = Number(rgba[2]);\n    colorRGBA.a = Number(rgba[3]);\n  } else {\n    colorRGBA = { r: null, g: null, b: null, a: 1 };\n    const rgb = rgbaStr\n      .substring(4, rgbaStr.length - 1)\n      .replace(/ /g, \"\")\n      .split(\",\");\n    colorRGBA.r = Number(rgb[0]);\n    colorRGBA.g = Number(rgb[1]);\n    colorRGBA.b = Number(rgb[2]);\n  }\n\n  return colorRGBA;\n};\n\nexport const elementOverflowsX = (element: HTMLElement): boolean =>\n  element.scrollWidth > element.clientWidth;\n\n/**\n *\n * @param child - The child element\n * @returns string\n */\nexport const getParentElementType = (child: HTMLElement): string =>\n  child.parentElement.tagName;\n\nexport const getParentElement = (child: HTMLElement): HTMLElement =>\n  child.parentElement;\n\nexport const hasClassificationBanner = (): boolean =>\n  !!document.querySelector(\"ic-classification-banner:not([inline='true'])\");\n\nexport const pxToRem = (px: string, base = 16): string =>\n  `${(1 / base) * parseInt(px)}rem`;\n\nexport const isNumeric = (value: string): boolean => {\n  return /^-?\\d+$/.test(value);\n};\n\nexport const hasValidationStatus = (\n  status: IcInformationStatusOrEmpty,\n  disabled: boolean\n): boolean => {\n  return status !== \"\" && !disabled;\n};\n\nexport const onComponentRequiredPropUndefined = (\n  props: IcPropObject[],\n  component: string\n): void => {\n  for (let i = 0; i < props.length; i++) {\n    const { prop, propName } = props[i];\n    if (prop === null || prop === undefined) {\n      console.error(\n        `No ${propName} specified for ${component} component - prop '${propName}' (web components) / '${kebabToCamelCase(\n          propName\n        )}' (react) required`\n      );\n    }\n  }\n};\n\nexport const kebabToCamelCase = (kebabCase: string): string => {\n  kebabCase = kebabCase.toLowerCase();\n  const individualWords: string[] = kebabCase.split(\"-\");\n  let camelCase = individualWords[0];\n  for (let i = 1; i < individualWords.length; i++) {\n    camelCase +=\n      individualWords[i].substring(0, 1).toUpperCase() +\n      individualWords[i].substring(1);\n  }\n  return camelCase;\n};\n\nexport const checkResizeObserver = (\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  if (\n    typeof window !== \"undefined\" &&\n    typeof window.ResizeObserver !== \"undefined\"\n  ) {\n    callbackFn();\n  }\n};\n\nexport const getForm = (el: HTMLElement): HTMLFormElement => el.closest(\"FORM\");\n\nexport const addFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.addEventListener(\"reset\", callbackFn);\n  }\n};\n\nexport const removeFormResetListener = (\n  el: HTMLElement,\n  callbackFn: IcCallbackFunctionNoReturn\n): void => {\n  const form = getForm(el);\n  if (form !== null) {\n    form.removeEventListener(\"reset\", callbackFn);\n  }\n};\n\nexport const removeDisabledFalse = (\n  disabled: boolean,\n  element: HTMLElement\n): void => {\n  if (!disabled) {\n    element.removeAttribute(\"disabled\");\n  }\n};\n\nexport const isMacDevice = (): boolean => {\n  return window.navigator.userAgent.toUpperCase().indexOf(\"MAC\") >= 0;\n};\n\nexport async function waitForHydration(): Promise<boolean> {\n  const elements = document.getElementsByTagName(\"*\");\n\n  for (let i = 0; i < elements.length; i++) {\n    if (elements[i].tagName.startsWith(\"IC-\")) {\n      if (elements[i].classList.contains(\"hydrated\")) {\n        return true;\n      }\n    } else {\n      return false;\n    }\n  }\n\n  return false;\n}\n\nexport const capitalize = (text: string): string => {\n  return text.charAt(0).toUpperCase() + text.slice(1);\n};\n\nexport const checkSlotInChildMutations = (\n  addedNodes: NodeList,\n  removedNodes: NodeList,\n  slotName: string\n): boolean => {\n  const hasSlot = (nodeList: NodeList) =>\n    Array.from(nodeList).some((node) => (node as Element).slot === slotName);\n  return hasSlot(addedNodes) || hasSlot(removedNodes);\n};\n\nexport const addDataToPosition = (\n  dataObject: IcDataTableDataType,\n  newKeys: { key: string; index: number }[],\n  newValue: unknown\n): IcDataTableDataType => {\n  const newData: IcDataTableDataType = {};\n  const newIndexes = newKeys.map((key) => key.index);\n  let controlledIndex = 0; // When a new key is added to the data, need to increment the index to account for this new object value\n\n  Object.keys(dataObject).forEach((dataKey) => {\n    if (newIndexes.includes(controlledIndex)) {\n      newData[newKeys[newIndexes.indexOf(controlledIndex)].key] = newValue;\n      controlledIndex++;\n    }\n    newData[dataKey] = dataObject[dataKey];\n    controlledIndex++;\n  });\n  return newData;\n};\n"],"mappings":"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"}

package/dist/core/p-2ff4e283.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as e,h as t,F as s,H as c,g as n}from"./p-8455d1bb.js";import{C as o}from"./p-0aa9ce8b.js";import{a}from"./p-9397b15b.js";import{c as r}from"./p-aae38bee.js";const h='html.sc-ic-menu{line-height:1.15;-webkit-text-size-adjust:100%}body.sc-ic-menu{margin:0}main.sc-ic-menu{display:block}h1.sc-ic-menu{font-size:2em;margin:0.67em 0}hr.sc-ic-menu{box-sizing:content-box;height:0;overflow:visible}pre.sc-ic-menu{font-family:monospace, monospace;font-size:1em}a.sc-ic-menu{background-color:transparent}abbr[title].sc-ic-menu{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b.sc-ic-menu,strong.sc-ic-menu{font-weight:bolder}code.sc-ic-menu,kbd.sc-ic-menu,samp.sc-ic-menu{font-family:monospace, monospace;font-size:1em}small.sc-ic-menu{font-size:80%}sub.sc-ic-menu,sup.sc-ic-menu{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub.sc-ic-menu{bottom:-0.25em}sup.sc-ic-menu{top:-0.5em}img.sc-ic-menu{border-style:none}button.sc-ic-menu,input.sc-ic-menu,optgroup.sc-ic-menu,select.sc-ic-menu,textarea.sc-ic-menu{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button.sc-ic-menu,input.sc-ic-menu{overflow:visible}button.sc-ic-menu,select.sc-ic-menu{text-transform:none}button.sc-ic-menu,[type="button"].sc-ic-menu,[type="reset"].sc-ic-menu,[type="submit"].sc-ic-menu{-webkit-appearance:button}button.sc-ic-menu::-moz-focus-inner,[type="button"].sc-ic-menu::-moz-focus-inner,[type="reset"].sc-ic-menu::-moz-focus-inner,[type="submit"].sc-ic-menu::-moz-focus-inner{border-style:none;padding:0}button.sc-ic-menu:-moz-focusring,[type="button"].sc-ic-menu:-moz-focusring,[type="reset"].sc-ic-menu:-moz-focusring,[type="submit"].sc-ic-menu:-moz-focusring{outline:1px dotted ButtonText}fieldset.sc-ic-menu{padding:0.35em 0.75em 0.625em}legend.sc-ic-menu{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress.sc-ic-menu{vertical-align:baseline}textarea.sc-ic-menu{overflow:auto}[type="checkbox"].sc-ic-menu,[type="radio"].sc-ic-menu{box-sizing:border-box;padding:0}[type="number"].sc-ic-menu::-webkit-inner-spin-button,[type="number"].sc-ic-menu::-webkit-outer-spin-button{height:auto}[type="search"].sc-ic-menu{-webkit-appearance:textfield;outline-offset:-2px}[type="search"].sc-ic-menu::-webkit-search-decoration{-webkit-appearance:none}.sc-ic-menu::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details.sc-ic-menu{display:block}summary.sc-ic-menu{display:list-item}template.sc-ic-menu{display:none}[hidden].sc-ic-menu{display:none}html.sc-ic-menu,body.sc-ic-menu,div.sc-ic-menu,span.sc-ic-menu,applet.sc-ic-menu,object.sc-ic-menu,iframe.sc-ic-menu,h1.sc-ic-menu,h2.sc-ic-menu,h3.sc-ic-menu,h4.sc-ic-menu,h5.sc-ic-menu,h6.sc-ic-menu,p.sc-ic-menu,blockquote.sc-ic-menu,pre.sc-ic-menu,a.sc-ic-menu,abbr.sc-ic-menu,acronym.sc-ic-menu,address.sc-ic-menu,big.sc-ic-menu,cite.sc-ic-menu,code.sc-ic-menu,del.sc-ic-menu,dfn.sc-ic-menu,em.sc-ic-menu,img.sc-ic-menu,ins.sc-ic-menu,kbd.sc-ic-menu,q.sc-ic-menu,s.sc-ic-menu,samp.sc-ic-menu,small.sc-ic-menu,strike.sc-ic-menu,strong.sc-ic-menu,sub.sc-ic-menu,sup.sc-ic-menu,tt.sc-ic-menu,var.sc-ic-menu,b.sc-ic-menu,u.sc-ic-menu,i.sc-ic-menu,center.sc-ic-menu,dl.sc-ic-menu,dt.sc-ic-menu,dd.sc-ic-menu,ol.sc-ic-menu,ul.sc-ic-menu,li.sc-ic-menu,fieldset.sc-ic-menu,form.sc-ic-menu,label.sc-ic-menu,legend.sc-ic-menu,table.sc-ic-menu,caption.sc-ic-menu,tbody.sc-ic-menu,tfoot.sc-ic-menu,thead.sc-ic-menu,tr.sc-ic-menu,th.sc-ic-menu,td.sc-ic-menu,article.sc-ic-menu,aside.sc-ic-menu,canvas.sc-ic-menu,details.sc-ic-menu,embed.sc-ic-menu,figure.sc-ic-menu,figcaption.sc-ic-menu,footer.sc-ic-menu,header.sc-ic-menu,hgroup.sc-ic-menu,menu.sc-ic-menu,nav.sc-ic-menu,output.sc-ic-menu,ruby.sc-ic-menu,section.sc-ic-menu,summary.sc-ic-menu,time.sc-ic-menu,mark.sc-ic-menu,audio.sc-ic-menu,video.sc-ic-menu{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{transition:max-height var(--ic-transition-duration-slow)}}.sc-ic-menu-h{border-radius:var(--ic-border-radius);max-height:0;width:var(--input-width, 20rem);color:var(--ic-color-text-primary);--ic-typography-color:var(--ic-color-text-primary);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-menu);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay)}.sc-ic-menu-h:not(.ic-menu-no-focus):focus-within{box-shadow:var(--ic-border-focus)}#retry-button.sc-ic-menu::part(button){height:var(--ic-space-lg)}.small.sc-ic-menu #retry-button.sc-ic-menu::part(button){height:var(--ic-space-md)}.on-dialog.sc-ic-menu-h{inset:auto !important}.menu.sc-ic-menu{text-decoration:none;list-style-type:none;border:var(--ic-border-width) solid var(--ic-architectural-400);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;max-height:0;overflow-y:hidden}.menu-scroll.sc-ic-menu{overflow-y:auto}.menu.sc-ic-menu:focus-visible{outline:none}.ic-menu-open.sc-ic-menu-h{max-height:none;display:block}.ic-menu-open.sc-ic-menu-h .menu.sc-ic-menu{visibility:visible;max-height:calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs))}.ic-menu-full-width.sc-ic-menu-h{width:100%}.option.sc-ic-menu{padding:var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));cursor:pointer;display:flex;align-items:center;overflow-wrap:anywhere}.option.sc-ic-menu:not(.loading-option){justify-content:space-between}.ic-menu-small.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px))}.ic-menu-large.sc-ic-menu-h .option.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))}.option.sc-ic-menu:last-child{border-radius:0 0 var(--ic-space-1px) var(--ic-space-1px)}.option.sc-ic-menu:first-child{border-radius:var(--ic-space-1px) var(--ic-space-1px) 0 0}.option.sc-ic-menu:not(.disabled-option):hover{background-color:var(--ic-action-dark-bg-hover)}.option.sc-ic-menu:not(.disabled-option):active{background-color:var(--ic-action-dark-bg-pressed)}.option.sc-ic-menu:focus-visible{outline:var(--ic-hc-focus-outline)}.option.sc-ic-menu:not(.disabled-option) .option-description.sc-ic-menu{--ic-typography-color:var(--ic-color-text-secondary)}.option.sc-ic-menu .option-label.sc-ic-menu{display:flex;flex-direction:row;align-items:top}.option.sc-ic-menu .option-element.sc-ic-menu{margin-top:var(--ic-space-xxs)}.option.sc-ic-menu .option-icon.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);margin-top:var(--ic-space-xxs);margin-right:var(--ic-space-xxxs)}.option-text-container.sc-ic-menu{pointer-events:none}.option.loading-option.sc-ic-menu .option-text-container.sc-ic-menu{margin-left:calc(var(--ic-space-xs) + var(--ic-space-xxxs));color:var(--ic-color-text-secondary);--ic-typography-color:var(--ic-color-text-secondary)}.error-icon-svg.sc-ic-menu{height:var(--ic-space-md);width:var(--ic-space-md);fill:var(--ic-status-error-default);align-self:center;display:flex;margin-right:calc(var(--ic-space-xxs) * 1.2)}.loading-error-info.sc-ic-menu{display:flex}.check-icon.sc-ic-menu{height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-xs);pointer-events:none}.focused-option.sc-ic-menu .check-icon.sc-ic-menu *.sc-ic-menu{fill:currentcolor}.option-group-title.sc-ic-menu{padding:var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);--ic-typography-color:var(--ic-color-text-tertiary)}.ic-menu-small.sc-ic-menu-h .option-group-title.sc-ic-menu{padding:var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs)}.last-recommended-option.sc-ic-menu{border-bottom:var(--ic-border-default)}.disabled-option.sc-ic-menu{color:var(--ic-architectural-200);--ic-typography-color:var(--ic-architectural-200);cursor:default;pointer-events:none}.focused-option.sc-ic-menu,.focused-option.sc-ic-menu .option-description.sc-ic-menu{background-color:var(--ic-color-focus-inner) !important;color:var(--ic-architectural-white) !important;--ic-typography-color:var(--ic-architectural-white) !important}.no-results.sc-ic-menu-h li.sc-ic-menu{cursor:no-drop}.no-results.sc-ic-menu-h li.sc-ic-menu:hover{background-color:transparent}@media (forced-colors: active){.focused-option.sc-ic-menu:focus{outline:none;border:0.125rem solid transparent}}';const u=class{constructor(c){i(this,c);this.menuKeyPress=e(this,"menuKeyPress",7);this.menuOptionId=e(this,"menuOptionId",7);this.menuOptionSelect=e(this,"menuOptionSelect",7);this.menuStateChange=e(this,"menuStateChange",7);this.menuValueChange=e(this,"menuValueChange",7);this.retryButtonClicked=e(this,"retryButtonClicked",7);this.timeoutBlur=e(this,"timeoutBlur",7);this.ungroupedOptionsSet=e(this,"ungroupedOptionsSet",7);this.disabledOptionSelected=false;this.hasPreviouslyBlurred=false;this.hasTimedOut=false;this.isLoading=false;this.isSearchBar=false;this.isSearchableSelect=false;this.preventClickOpen=false;this.ungroupedOptions=[];this.handleClearListener=()=>{this.optionHighlighted=""};this.handleSubmitSearch=()=>{const i=this.options.findIndex((i=>i[this.valueField]===this.optionHighlighted));this.setInputValue(i)};this.handleMenuChange=(i,e)=>{this.menuStateChange.emit({open:i,focusInput:e});if(!i&&e!==false){this.inputEl.focus();this.preventClickOpen=false}};this.setNextOptionValue=i=>{if(this.ungroupedOptions[i+1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i+1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i+1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[0][this.valueField])})}};this.setPreviousOptionValue=i=>{if(this.ungroupedOptions[i-1]){this.menuOptionSelect.emit({value:this.ungroupedOptions[i-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[i-1][this.valueField])})}else{this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField],optionId:this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField])})}};this.getParentEl=i=>{if(i.tagName==="IC-SEARCH-BAR"){this.isSearchBar=true}else if(i.tagName==="IC-SELECT"&&i.getAttribute("searchable")!==null&&i.getAttribute("searchable")!==undefined){this.isSearchableSelect=true}};this.arrowBehaviour=i=>{i.preventDefault();this.handleMenuChange(true)};this.setMenuOptions=()=>this.isSearchBar?this.options:this.ungroupedOptions;this.setHighlightedOption=i=>{const e=this.setMenuOptions();e[i]&&!e[i].timedOut&&(this.optionHighlighted=e[i][this.valueField]||undefined)};this.autoSetInputValueKeyboardOpen=i=>{const e=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));this.keyboardNav=false;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);this.setNextOptionValue(e);break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);this.setPreviousOptionValue(e);break;case" ":case"Enter":if(i.target.id!=="clear-button"){this.handleMenuChange(true)}break}};this.manSetInputValueKeyboardOpen=i=>{const e=this.setMenuOptions();const t=e.findIndex((i=>i[this.valueField]===this.optionHighlighted));const s=i=>{var e;return(e=Array.from(this.host.querySelectorAll("li"))[i])===null||e===void 0?void 0:e.id};const c=this.isSearchBar||this.isSearchableSelect||this.open;switch(i.key){case"ArrowDown":this.keyboardNav=true;this.arrowBehaviour(i);if(t<e.length-1){this.setHighlightedOption(t+1);this.menuOptionId.emit({optionId:s(t+1)})}else{this.setHighlightedOption(0);this.menuOptionId.emit({optionId:s(0)})}this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"ArrowUp":this.keyboardNav=true;this.arrowBehaviour(i);if(t<=0||t>e.length+1){this.setHighlightedOption(e.length-1);this.menuOptionId.emit({optionId:s(e.length-1)})}else{this.setHighlightedOption(t-1);this.menuOptionId.emit({optionId:s(t-1)})}this.preventIncorrectTabOrder=false;this.focusFromSearchKeypress=false;break;case"Home":this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(0);this.menuOptionId.emit({optionId:s(0)});break;case"End":this.keyboardNav=true;i.preventDefault();this.arrowBehaviour(i);this.setHighlightedOption(e.length-1);this.menuOptionId.emit({optionId:s(e.length-1)});break;case" ":this.keyboardNav=false;if(this.isSearchBar||this.isSearchableSelect){break}else{if(i.target.id!=="clear-button"){this.handleMenuChange(true)}}break;case"Enter":i.preventDefault();this.keyboardNav=false;if(c){if(t>=0){if(e[t]!==undefined){if(this.isSearchBar&&e[t].disabled===true){this.disabledOptionSelected=true}else{this.setInputValue(t);this.value=e[t][this.valueField]}}}else{this.setInputValue(t)}}else{this.handleMenuChange(true)}break;case"Escape":if(this.open){i.stopImmediatePropagation()}this.handleMenuChange(false);this.menuOptionId.emit({optionId:undefined});break;case"Shift":case"Tab":if(this.isSearchBar){this.keyboardNav=true}this.preventIncorrectTabOrder=true;break;default:this.keyboardNav=false;this.focusOnSearchOrSelectInput(e,t);break}};this.setInputValue=i=>{const e=this.setMenuOptions();if(e[i]!==undefined){this.menuOptionSelect.emit({value:e[i][this.valueField]});this.optionHighlighted=undefined;this.menuOptionId.emit({optionId:undefined})}if(!this.hasTimedOut)this.handleMenuChange(false);else this.parentEl.setFocus()};this.handleOptionClick=i=>{const{value:e,label:t}=i.target.dataset;this.menuOptionSelect.emit({value:e,label:t});this.handleMenuChange(false)};this.handleRetry=()=>{this.retryButtonClicked.emit({value:this.value})};this.handleRetryKeyDown=i=>{if(i.key==="Enter"||i.key===" "){i.preventDefault();this.retryButtonClicked.emit({value:this.value,keyPressed:i.key})}};this.handleBlur=i=>{if(i.relatedTarget!==this.inputEl){if(!this.menu.contains(i.relatedTarget)){this.handleMenuChange(false,this.hasPreviouslyBlurred)}}else{this.handleMenuChange(false);this.preventClickOpen=true}if(!this.isSearchBar)this.hasPreviouslyBlurred=!!i.relatedTarget};this.handleMouseDown=i=>{i.preventDefault()};this.handleMenuKeyDown=i=>{if(this.activationType==="automatic"){this.autoSetValueOnMenuKeyDown(i)}else if(this.activationType==="manual"&&!this.isSearchBar){this.manSetInputValueKeyboardOpen(i)}};this.emitMenuKeyPress=(i,e)=>{this.menuKeyPress.emit({isNavKey:i,key:e})};this.autoSetValueOnMenuKeyDown=i=>{i.cancelBubble=true;const e=this.ungroupedOptions.findIndex((i=>i[this.valueField]===this.value));const t=this.inputEl.tagName==="INPUT";this.keyboardNav=false;switch(i.key){case" ":i.preventDefault();break;case"ArrowUp":if(!this.hasTimedOut){i.preventDefault();this.setPreviousOptionValue(e);this.keyboardNav=true}break;case"ArrowDown":if(!this.hasTimedOut){i.preventDefault();this.setNextOptionValue(e);this.keyboardNav=true}break;case"Home":this.menuOptionSelect.emit({value:this.ungroupedOptions[0][this.valueField]});this.keyboardNav=true;break;case"End":this.menuOptionSelect.emit({value:this.ungroupedOptions[this.ungroupedOptions.length-1][this.valueField]});this.keyboardNav=true;break;case"Enter":!this.hasTimedOut&&this.handleMenuChange(false);break;case"Escape":this.handleMenuChange(false);break;case"Backspace":if(t){this.inputEl.focus()}break;case"Shift":break;default:if(t&&i.key!=="Tab"&&!this.hasTimedOut){this.inputEl.focus()}if(i.key.length===1){this.keyboardNav=true}break}this.emitMenuKeyPress(this.keyboardNav,i.key)};this.handleMenuKeyUp=i=>{if(i.key==="Tab"&&i.shiftKey){this.preventClickOpen=false}if(i.key==="Enter"&&this.disabledOptionSelected){this.disabledOptionSelected=false;i.stopImmediatePropagation()}};this.getOptionId=i=>`${this.menuId}-${i}`;this.getOptionAriaLabel=(i,e)=>{let t=i[this.labelField];if(i.description){t=`${t}, ${i.description}`}if(i.element){t=`${t}, ${i.element.ariaLabel}`}if(e){return`${t}, ${e[this.labelField]} group`}else{return t}};this.getSortedOptions=i=>{let e=[];if(i.sort){e=i.sort(((i,e)=>i.recommended&&!e.recommended?-1:0))}return e};this.isManualMode=this.activationType==="manual";this.scrollToSelected=i=>{const e=this.selectOnEnter?this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`):i.querySelector(".option[aria-selected='true']");if(e){const t=e.offsetTop+e.offsetHeight;if(t>i.scrollTop+i.offsetHeight||t<i.scrollTop+i.offsetHeight){i.scrollTop=e.offsetTop}e.focus()}};this.loadUngroupedOptions=()=>{if(this.options.length>0&&this.options.map){this.options.map((i=>{if(i.children){i.children.map((i=>!i.disabled&&this.ungroupedOptions.push(i)))}else if(!i.disabled){this.ungroupedOptions.push(i)}}))}this.ungroupedOptions=this.getSortedOptions(this.ungroupedOptions);this.ungroupedOptionsSet.emit({options:this.ungroupedOptions})};this.setMenuScrollbar=()=>{let i=0;this.host.querySelectorAll(".option").forEach((e=>i+=e.clientHeight));if(i>=320){this.menu.classList.add("menu-scroll")}};this.handleTimeoutBlur=i=>{this.timeoutBlur.emit({ev:i})};this.optionContent=i=>{var e;return t(s,null,i.loading&&t("ic-loading-indicator",{size:"icon"}),t("div",{class:"option-text-container"},t("div",{class:"option-label"},i.icon&&t("div",{class:"option-icon",innerHTML:i.icon,"aria-hidden":"true"}),t("ic-typography",{variant:"body","aria-hidden":"true"},i[this.labelField])),i.description&&t("ic-typography",{id:`${this.getOptionId(i[this.valueField])}-description`,class:"option-description",variant:"caption","aria-hidden":"true"},t("p",null,i.description)),i.element&&t("div",{class:"option-element",innerHTML:i.element.component,"aria-hidden":"true"})),!!i[this.valueField]&&!!this.value&&i[this.valueField].toLowerCase()===((e=this.value)===null||e===void 0?void 0:e.toLowerCase())&&this.parentEl.tagName!=="IC-SEARCH-BAR"&&t("span",{class:"check-icon",innerHTML:o}))};this.displayOption=(i,e,c)=>{const{open:n,value:o,keyboardNav:a,isManualMode:r,initialOptionsListRender:h,optionHighlighted:u,options:l}=this;return t("li",{id:this.getOptionId(i[this.valueField]),class:{option:true,"focused-option":r?(a||h)&&i[this.valueField]===u:a&&i[this.valueField]===o,"last-recommended-option":i.recommended&&l[e+1]&&!l[e+1].recommended,"disabled-option":i.disabled,"loading-option":i.loading,timeout:i.timedOut},role:"option",tabindex:n&&(i[this.valueField]===o||i[this.valueField]===u)&&a?"0":"-1","aria-label":this.getOptionAriaLabel(i,c),"aria-selected":`${i[this.valueField]===o}`,"aria-disabled":i.disabled?"true":"false",onClick:!i.timedOut&&!i.loading&&this.handleOptionClick,onBlur:this.handleBlur,onMouseDown:this.handleMouseDown,"data-value":i[this.valueField],"data-label":i[this.labelField]},i.timedOut?t(s,null,t("div",{class:"loading-error-info"},t("svg",{class:"error-icon-svg","aria-labelledby":"error-title",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"#000000"},t("title",{id:"error-title"},"Error"),t("g",{id:"close-octagon"},t("path",{id:"Vector",d:"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41"}))),t("ic-typography",{variant:"label"},i[this.labelField])),t("ic-button",{size:"small",variant:"tertiary",onClick:this.handleRetry,onKeyDown:this.handleRetryKeyDown,onBlur:this.handleTimeoutBlur,id:"retry-button"},"Retry")):this.optionContent(i))};this.focusFromSearchKeypress=false;this.initialOptionsListRender=false;this.keyboardNav=false;this.optionHighlighted=undefined;this.preventIncorrectTabOrder=false;this.activationType="automatic";this.anchorEl=undefined;this.autoFocusOnSelected=true;this.fullWidth=false;this.inputEl=undefined;this.inputLabel=undefined;this.labelField="label";this.menuId=undefined;this.open=undefined;this.parentEl=undefined;this.searchMode="navigation";this.selectOnEnter=false;this.size="medium";this.options=undefined;this.value=undefined;this.valueField="value"}watchOpenHandler(){if(!this.open&&this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}watchOptionsHandler(i){this.hasTimedOut=i.some((i=>i.timedOut));this.isLoading=i.some((i=>i.loading));this.ungroupedOptions=[];this.loadUngroupedOptions()}watchValueHandler(){this.menuValueChange.emit({value:this.value})}connectedCallback(){this.getParentEl(this.parentEl);if(this.isSearchBar){if(this.searchMode==="navigation")this.setHighlightedOption(0);this.initialOptionsListRender=true}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy()}this.parentEl.removeEventListener("icClear",this.handleClearListener);this.parentEl.removeEventListener("icSubmitSearch",this.handleSubmitSearch)}componentWillLoad(){var i,e;this.loadUngroupedOptions();this.parentEl.addEventListener("icClear",this.handleClearListener);this.parentEl.addEventListener("icSubmitSearch",this.handleSubmitSearch);this.hasTimedOut=(i=this.options)===null||i===void 0?void 0:i.some((i=>i.timedOut));this.isLoading=(e=this.options)===null||e===void 0?void 0:e.some((i=>i.loading))}componentDidLoad(){if(this.isSearchBar&&this.parentEl.disableAutoFiltering){this.focusFromSearchKeypress=true}a([{prop:this.open,propName:"open"},{prop:this.options,propName:"options"},{prop:this.menuId,propName:"menu-id"},{prop:this.inputLabel,propName:"input-label"}],"Menu")}componentDidUpdate(){const i=this.options.some((i=>i[this.valueField]===this.value));if(this.open&&this.options.length!==0){if(this.value&&this.keyboardNav&&i&&this.autoFocusOnSelected&&!this.isSearchableSelect){this.scrollToSelected(this.menu)}else if(this.inputEl.tagName!=="IC-TEXT-FIELD"&&this.inputEl.tagName!=="INPUT"){this.menu.focus()}else if(!!this.optionHighlighted&&!this.focusFromSearchKeypress&&!this.preventIncorrectTabOrder){const i=this.host.querySelector(`li[data-value="${this.optionHighlighted}"]`);if(i){i.focus()}}}if(this.open&&!this.value&&this.selectOnEnter){this.scrollToSelected(this.menu)}}componentDidRender(){if(this.open&&!this.popperInstance&&this.anchorEl){this.initPopperJs(this.anchorEl)}if(this.open&&!!this.options.length){this.setMenuScrollbar()}}async handleClickOpen(){if(!this.preventClickOpen){this.menuStateChange.emit({open:!this.open});this.keyboardNav=false}this.preventClickOpen=false}async handleKeyboardOpen(i){if(this.activationType==="automatic"){this.autoSetInputValueKeyboardOpen(i)}else{this.manSetInputValueKeyboardOpen(i)}}async handleSetFirstOption(){this.setHighlightedOption(0)}async initPopperJs(i){this.popperInstance=r(i,this.host,{placement:"bottom",modifiers:[{name:"offset",options:{offset:[0,7]}},{name:"flip",options:{fallbackPlacements:["top"],rootBoundary:"viewport"}}]})}focusOnSearchOrSelectInput(i,e){if(!i[e])return;if(this.isSearchBar){this.parentEl.setFocus();if(this.searchMode==="navigation")this.setHighlightedOption(0)}if(this.isSearchableSelect){this.parentEl.setFocus()}this.focusFromSearchKeypress=true}render(){const{inputLabel:i,options:e,menuId:s,value:n,fullWidth:o,hasTimedOut:a,isLoading:r,size:h,open:u,inputEl:l,keyboardNav:m}=this;return t(c,{class:{"ic-menu-full-width":o,"ic-menu-no-focus":(l===null||l===void 0?void 0:l.tagName)==="INPUT"||a||r,[`ic-menu-${h}`]:true,"ic-menu-open":u}},e.length!==0&&t("ul",{id:s,class:"menu",role:"listbox","aria-label":i,"aria-activedescendant":n!=null&&n!==""?this.getOptionId(n):"",tabindex:u&&!m&&(l===null||l===void 0?void 0:l.tagName)!=="INPUT"?"0":"-1",ref:i=>this.menu=i,onKeyDown:this.handleMenuKeyDown,onKeyUp:this.handleMenuKeyUp,onBlur:this.handleBlur},this.getSortedOptions(e).map(((i,e)=>{if(i.children){if(i.children.length>0){return t("div",null,t("ic-typography",{class:"option-group-title",role:"presentation",variant:"subtitle-small"},t("p",null,i[this.labelField])),i.children.map((t=>this.displayOption(t,e,i))))}else{return null}}else{return this.displayOption(i,e)}}))))}get host(){return n(this)}static get watchers(){return{open:["watchOpenHandler"],options:["watchOptionsHandler"],value:["watchValueHandler"]}}};u.style=h;export{u as ic_menu};
-//# sourceMappingURL=p-2ff4e283.entry.js.map

package/dist/core/p-2ff4e283.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icMenuCss","Menu","constructor","hostRef","this","disabledOptionSelected","hasPreviouslyBlurred","hasTimedOut","isLoading","isSearchBar","isSearchableSelect","preventClickOpen","ungroupedOptions","handleClearListener","optionHighlighted","handleSubmitSearch","highlightedOptionIndex","options","findIndex","option","valueField","setInputValue","handleMenuChange","open","focusInput","menuStateChange","emit","inputEl","focus","setNextOptionValue","selectedOptionIndex","menuOptionSelect","value","optionId","getOptionId","setPreviousOptionValue","length","getParentEl","parent","tagName","getAttribute","undefined","arrowBehaviour","event","preventDefault","setMenuOptions","setHighlightedOption","highlightedIndex","menuOptions","timedOut","autoSetInputValueKeyboardOpen","keyboardNav","key","target","id","manSetInputValueKeyboardOpen","index","_a","Array","from","host","querySelectorAll","isOpen","menuOptionId","preventIncorrectTabOrder","focusFromSearchKeypress","disabled","stopImmediatePropagation","focusOnSearchOrSelectInput","parentEl","setFocus","handleOptionClick","label","dataset","handleRetry","retryButtonClicked","handleRetryKeyDown","ev","keyPressed","handleBlur","relatedTarget","menu","contains","handleMouseDown","handleMenuKeyDown","activationType","autoSetValueOnMenuKeyDown","emitMenuKeyPress","isNavKey","menuKeyPress","cancelBubble","handleMenuKeyUp","shiftKey","menuId","getOptionAriaLabel","parentOption","ariaLabel","labelField","description","element","getSortedOptions","sorted","sort","optionA","optionB","recommended","isManualMode","scrollToSelected","selectedOption","selectOnEnter","querySelector","elTop","offsetTop","offsetHeight","scrollTop","loadUngroupedOptions","map","children","push","ungroupedOptionsSet","setMenuScrollbar","optionsHeight","forEach","clientHeight","classList","add","handleTimeoutBlur","timeoutBlur","optionContent","h","Fragment","loading","size","class","icon","innerHTML","variant","component","toLowerCase","Check","displayOption","initialOptionsListRender","timeout","role","tabindex","onClick","onBlur","onMouseDown","xmlns","viewBox","fill","d","onKeyDown","anchorEl","autoFocusOnSelected","fullWidth","inputLabel","searchMode","watchOpenHandler","popperInstance","destroy","watchOptionsHandler","newOptions","some","opt","watchValueHandler","menuValueChange","connectedCallback","disconnectedCallback","removeEventListener","componentWillLoad","_b","addEventListener","componentDidLoad","disableAutoFiltering","onComponentRequiredPropUndefined","prop","propName","componentDidUpdate","inputValueInOptions","highlightedEl","componentDidRender","initPopperJs","handleClickOpen","handleKeyboardOpen","handleSetFirstOption","anchor","createPopper","placement","modifiers","name","offset","fallbackPlacements","rootBoundary","render","Host","ref","el","onKeyUp","childOption"],"sources":["../web-components/dist/collection/components/ic-menu/ic-menu.css?tag=ic-menu&encapsulation=scoped","../web-components/dist/collection/components/ic-menu/ic-menu.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-menu: z-index of menu\n */\n\n@media (prefers-reduced-motion: no-preference) {\n  :host(.ic-menu-open) .menu {\n    transition: max-height var(--ic-transition-duration-slow);\n  }\n}\n\n:host {\n  border-radius: var(--ic-border-radius);\n  max-height: 0;\n  width: var(--input-width, 20rem);\n  color: var(--ic-color-text-primary);\n\n  --ic-typography-color: var(--ic-color-text-primary);\n\n  background-color: var(--ic-architectural-white);\n  position: relative;\n  z-index: var(--ic-z-index-menu);\n  box-sizing: border-box;\n  box-shadow: var(--ic-elevation-overlay);\n}\n\n:host(:not(.ic-menu-no-focus):focus-within) {\n  box-shadow: var(--ic-border-focus);\n}\n\n#retry-button::part(button) {\n  height: var(--ic-space-lg);\n}\n\n.small #retry-button::part(button) {\n  height: var(--ic-space-md);\n}\n\n:host(.on-dialog) {\n  inset: auto !important;\n}\n\n.menu {\n  text-decoration: none;\n  list-style-type: none;\n  border: var(--ic-border-width) solid var(--ic-architectural-400);\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-architectural-white);\n  visibility: hidden;\n  max-height: 0;\n  overflow-y: hidden;\n}\n\n.menu-scroll {\n  overflow-y: auto;\n}\n\n.menu:focus-visible {\n  outline: none;\n}\n\n:host(.ic-menu-open) {\n  max-height: none;\n  display: block;\n}\n\n:host(.ic-menu-open) .menu {\n  visibility: visible;\n  max-height: calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs));\n}\n\n:host(.ic-menu-full-width) {\n  width: 100%;\n}\n\n.option {\n  padding: var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  overflow-wrap: anywhere;\n}\n\n.option:not(.loading-option) {\n  justify-content: space-between;\n}\n\n:host(.ic-menu-small) .option {\n  padding: var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n:host(.ic-menu-large) .option {\n  padding: var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n.option:last-child {\n  border-radius: 0 0 var(--ic-space-1px) var(--ic-space-1px);\n}\n\n.option:first-child {\n  border-radius: var(--ic-space-1px) var(--ic-space-1px) 0 0;\n}\n\n.option:not(.disabled-option):hover {\n  background-color: var(--ic-action-dark-bg-hover);\n}\n\n.option:not(.disabled-option):active {\n  background-color: var(--ic-action-dark-bg-pressed);\n}\n\n.option:focus-visible {\n  outline: var(--ic-hc-focus-outline);\n}\n\n.option:not(.disabled-option) .option-description {\n  --ic-typography-color: var(--ic-color-text-secondary);\n}\n\n.option .option-label {\n  display: flex;\n  flex-direction: row;\n  align-items: top;\n}\n\n.option .option-element {\n  margin-top: var(--ic-space-xxs);\n}\n\n.option .option-icon {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n  margin-top: var(--ic-space-xxs);\n  margin-right: var(--ic-space-xxxs);\n}\n\n.option-text-container {\n  pointer-events: none;\n}\n\n.option.loading-option .option-text-container {\n  margin-left: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n  color: var(--ic-color-text-secondary);\n\n  --ic-typography-color: var(--ic-color-text-secondary);\n}\n\n.error-icon-svg {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n  fill: var(--ic-status-error-default);\n  align-self: center;\n  display: flex;\n  margin-right: calc(var(--ic-space-xxs) * 1.2);\n}\n\n.loading-error-info {\n  display: flex;\n}\n\n.check-icon {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  margin-left: var(--ic-space-xs);\n  pointer-events: none;\n}\n\n.focused-option .check-icon * {\n  fill: currentcolor;\n}\n\n.option-group-title {\n  padding: var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);\n\n  --ic-typography-color: var(--ic-color-text-tertiary);\n}\n\n:host(.ic-menu-small) .option-group-title {\n  padding: var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs);\n}\n\n.last-recommended-option {\n  border-bottom: var(--ic-border-default);\n}\n\n.disabled-option {\n  color: var(--ic-architectural-200);\n\n  --ic-typography-color: var(--ic-architectural-200);\n\n  cursor: default;\n  pointer-events: none;\n}\n\n.focused-option,\n.focused-option .option-description {\n  background-color: var(--ic-color-focus-inner) !important;\n  color: var(--ic-architectural-white) !important;\n\n  --ic-typography-color: var(--ic-architectural-white) !important;\n}\n\n:host(.no-results) li {\n  cursor: no-drop;\n}\n\n:host(.no-results) li:hover {\n  background-color: transparent;\n}\n\n@media (forced-colors: active) {\n  .focused-option:focus {\n    outline: none;\n    border: 0.125rem solid transparent;\n  }\n}\n","import { h, Host, Fragment, } from \"@stencil/core\";\nimport { createPopper } from \"@popperjs/core\";\nimport Check from \"../../assets/check-icon.svg\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Menu {\n    constructor() {\n        this.disabledOptionSelected = false;\n        this.hasPreviouslyBlurred = false;\n        this.hasTimedOut = false;\n        this.isLoading = false;\n        this.isSearchBar = false;\n        this.isSearchableSelect = false;\n        // Prevents menu re-opening immediately after it is closed on blur when clicking input.\n        this.preventClickOpen = false;\n        this.ungroupedOptions = [];\n        this.handleClearListener = () => {\n            this.optionHighlighted = \"\";\n        };\n        this.handleSubmitSearch = () => {\n            const highlightedOptionIndex = this.options.findIndex((option) => option[this.valueField] === this.optionHighlighted);\n            this.setInputValue(highlightedOptionIndex);\n        };\n        this.handleMenuChange = (open, focusInput) => {\n            this.menuStateChange.emit({ open, focusInput });\n            if (!open && focusInput !== false) {\n                this.inputEl.focus();\n                this.preventClickOpen = false;\n            }\n        };\n        this.setNextOptionValue = (selectedOptionIndex) => {\n            if (this.ungroupedOptions[selectedOptionIndex + 1]) {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[selectedOptionIndex + 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex + 1][this.valueField]),\n                });\n            }\n            else {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[0][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[0][this.valueField]),\n                });\n            }\n        };\n        this.setPreviousOptionValue = (selectedOptionIndex) => {\n            if (this.ungroupedOptions[selectedOptionIndex - 1]) {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[selectedOptionIndex - 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex - 1][this.valueField]),\n                });\n            }\n            else {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField]),\n                });\n            }\n        };\n        this.getParentEl = (parent) => {\n            if (parent.tagName === \"IC-SEARCH-BAR\") {\n                this.isSearchBar = true;\n            }\n            else if (parent.tagName === \"IC-SELECT\" &&\n                parent.getAttribute(\"searchable\") !== null &&\n                parent.getAttribute(\"searchable\") !== undefined) {\n                this.isSearchableSelect = true;\n            }\n        };\n        this.arrowBehaviour = (event) => {\n            event.preventDefault();\n            this.handleMenuChange(true);\n        };\n        this.setMenuOptions = () => this.isSearchBar ? this.options : this.ungroupedOptions;\n        this.setHighlightedOption = (highlightedIndex) => {\n            const menuOptions = this.setMenuOptions();\n            menuOptions[highlightedIndex] &&\n                !menuOptions[highlightedIndex].timedOut &&\n                (this.optionHighlighted =\n                    menuOptions[highlightedIndex][this.valueField] || undefined);\n        };\n        this.autoSetInputValueKeyboardOpen = (event) => {\n            const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n            this.keyboardNav = false;\n            switch (event.key) {\n                case \"ArrowDown\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    this.setNextOptionValue(selectedOptionIndex);\n                    break;\n                case \"ArrowUp\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    this.setPreviousOptionValue(selectedOptionIndex);\n                    break;\n                case \" \":\n                case \"Enter\":\n                    if (event.target.id !== \"clear-button\") {\n                        this.handleMenuChange(true);\n                    }\n                    break;\n            }\n        };\n        this.manSetInputValueKeyboardOpen = (event) => {\n            const menuOptions = this.setMenuOptions();\n            const highlightedOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);\n            const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll(\"li\"))[index]) === null || _a === void 0 ? void 0 : _a.id; };\n            const isOpen = this.isSearchBar || this.isSearchableSelect || this.open;\n            switch (event.key) {\n                case \"ArrowDown\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    if (highlightedOptionIndex < menuOptions.length - 1) {\n                        this.setHighlightedOption(highlightedOptionIndex + 1);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(highlightedOptionIndex + 1),\n                        });\n                    }\n                    else {\n                        this.setHighlightedOption(0);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(0),\n                        });\n                    }\n                    this.preventIncorrectTabOrder = false;\n                    this.focusFromSearchKeypress = false;\n                    break;\n                case \"ArrowUp\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    if (highlightedOptionIndex <= 0 ||\n                        highlightedOptionIndex > menuOptions.length + 1) {\n                        this.setHighlightedOption(menuOptions.length - 1);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(menuOptions.length - 1),\n                        });\n                    }\n                    else {\n                        this.setHighlightedOption(highlightedOptionIndex - 1);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(highlightedOptionIndex - 1),\n                        });\n                    }\n                    this.preventIncorrectTabOrder = false;\n                    this.focusFromSearchKeypress = false;\n                    break;\n                case \"Home\":\n                    this.keyboardNav = true;\n                    event.preventDefault();\n                    this.arrowBehaviour(event);\n                    this.setHighlightedOption(0);\n                    this.menuOptionId.emit({\n                        optionId: getOptionId(0),\n                    });\n                    break;\n                case \"End\":\n                    this.keyboardNav = true;\n                    event.preventDefault();\n                    this.arrowBehaviour(event);\n                    this.setHighlightedOption(menuOptions.length - 1);\n                    this.menuOptionId.emit({\n                        optionId: getOptionId(menuOptions.length - 1),\n                    });\n                    break;\n                case \" \":\n                    this.keyboardNav = false;\n                    if (this.isSearchBar || this.isSearchableSelect) {\n                        break;\n                    }\n                    else {\n                        if (event.target.id !== \"clear-button\") {\n                            this.handleMenuChange(true);\n                        }\n                    }\n                    break;\n                case \"Enter\":\n                    event.preventDefault();\n                    this.keyboardNav = false;\n                    if (isOpen) {\n                        if (highlightedOptionIndex >= 0) {\n                            if (menuOptions[highlightedOptionIndex] !== undefined) {\n                                if (this.isSearchBar &&\n                                    menuOptions[highlightedOptionIndex].disabled === true) {\n                                    this.disabledOptionSelected = true;\n                                }\n                                else {\n                                    this.setInputValue(highlightedOptionIndex);\n                                    this.value =\n                                        menuOptions[highlightedOptionIndex][this.valueField];\n                                }\n                            }\n                        }\n                        else {\n                            this.setInputValue(highlightedOptionIndex);\n                        }\n                    }\n                    else {\n                        this.handleMenuChange(true);\n                    }\n                    break;\n                case \"Escape\":\n                    if (this.open) {\n                        event.stopImmediatePropagation();\n                    }\n                    this.handleMenuChange(false);\n                    this.menuOptionId.emit({ optionId: undefined });\n                    break;\n                case \"Shift\":\n                case \"Tab\":\n                    if (this.isSearchBar) {\n                        this.keyboardNav = true;\n                    }\n                    this.preventIncorrectTabOrder = true;\n                    break;\n                default:\n                    this.keyboardNav = false;\n                    this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);\n                    break;\n            }\n        };\n        this.setInputValue = (highlightedOptionIndex) => {\n            const menuOptions = this.setMenuOptions();\n            if (menuOptions[highlightedOptionIndex] !== undefined) {\n                this.menuOptionSelect.emit({\n                    value: menuOptions[highlightedOptionIndex][this.valueField],\n                });\n                this.optionHighlighted = undefined;\n                this.menuOptionId.emit({ optionId: undefined });\n            }\n            if (!this.hasTimedOut)\n                this.handleMenuChange(false);\n            else\n                this.parentEl.setFocus();\n        };\n        this.handleOptionClick = (event) => {\n            const { value, label } = event.target.dataset;\n            this.menuOptionSelect.emit({ value, label });\n            this.handleMenuChange(false);\n        };\n        this.handleRetry = () => {\n            this.retryButtonClicked.emit({ value: this.value });\n        };\n        this.handleRetryKeyDown = (ev) => {\n            if (ev.key === \"Enter\" || ev.key === \" \") {\n                ev.preventDefault();\n                this.retryButtonClicked.emit({ value: this.value, keyPressed: ev.key });\n            }\n        };\n        this.handleBlur = (event) => {\n            if (event.relatedTarget !== this.inputEl) {\n                if (!this.menu.contains(event.relatedTarget)) {\n                    this.handleMenuChange(false, this.hasPreviouslyBlurred);\n                }\n            }\n            else {\n                this.handleMenuChange(false);\n                this.preventClickOpen = true;\n            }\n            if (!this.isSearchBar)\n                this.hasPreviouslyBlurred = !!event.relatedTarget;\n        };\n        this.handleMouseDown = (event) => {\n            event.preventDefault();\n        };\n        this.handleMenuKeyDown = (event) => {\n            if (this.activationType === \"automatic\") {\n                this.autoSetValueOnMenuKeyDown(event);\n            }\n            else if (this.activationType === \"manual\" && !this.isSearchBar) {\n                this.manSetInputValueKeyboardOpen(event);\n            }\n        };\n        this.emitMenuKeyPress = (isNavKey, key) => {\n            this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });\n        };\n        this.autoSetValueOnMenuKeyDown = (event) => {\n            event.cancelBubble = true;\n            const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n            const isSearchableSelect = this.inputEl.tagName === \"INPUT\";\n            this.keyboardNav = false;\n            switch (event.key) {\n                case \" \":\n                    event.preventDefault();\n                    break;\n                case \"ArrowUp\":\n                    if (!this.hasTimedOut) {\n                        event.preventDefault();\n                        this.setPreviousOptionValue(selectedOptionIndex);\n                        this.keyboardNav = true;\n                    }\n                    break;\n                case \"ArrowDown\":\n                    if (!this.hasTimedOut) {\n                        event.preventDefault();\n                        this.setNextOptionValue(selectedOptionIndex);\n                        this.keyboardNav = true;\n                    }\n                    break;\n                case \"Home\":\n                    this.menuOptionSelect.emit({\n                        value: this.ungroupedOptions[0][this.valueField],\n                    });\n                    this.keyboardNav = true;\n                    break;\n                case \"End\":\n                    this.menuOptionSelect.emit({\n                        value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n                    });\n                    this.keyboardNav = true;\n                    break;\n                case \"Enter\":\n                    !this.hasTimedOut && this.handleMenuChange(false);\n                    break;\n                case \"Escape\":\n                    this.handleMenuChange(false);\n                    break;\n                case \"Backspace\":\n                    if (isSearchableSelect) {\n                        this.inputEl.focus();\n                    }\n                    break;\n                case \"Shift\":\n                    break;\n                default:\n                    if (isSearchableSelect && event.key !== \"Tab\" && !this.hasTimedOut) {\n                        this.inputEl.focus();\n                    }\n                    if (event.key.length === 1) {\n                        this.keyboardNav = true;\n                    }\n                    break;\n            }\n            this.emitMenuKeyPress(this.keyboardNav, event.key);\n        };\n        this.handleMenuKeyUp = (event) => {\n            if (event.key === \"Tab\" && event.shiftKey) {\n                this.preventClickOpen = false;\n            }\n            if (event.key === \"Enter\" && this.disabledOptionSelected) {\n                this.disabledOptionSelected = false;\n                event.stopImmediatePropagation();\n            }\n        };\n        this.getOptionId = (value) => {\n            return `${this.menuId}-${value}`;\n        };\n        this.getOptionAriaLabel = (option, parentOption) => {\n            let ariaLabel = option[this.labelField];\n            if (option.description) {\n                ariaLabel = `${ariaLabel}, ${option.description}`;\n            }\n            if (option.element) {\n                ariaLabel = `${ariaLabel}, ${option.element.ariaLabel}`;\n            }\n            if (parentOption) {\n                return `${ariaLabel}, ${parentOption[this.labelField]} group`;\n            }\n            else {\n                return ariaLabel;\n            }\n        };\n        this.getSortedOptions = (options) => {\n            let sorted = [];\n            if (options.sort) {\n                sorted = options.sort((optionA, optionB) => optionA.recommended && !optionB.recommended ? -1 : 0);\n            }\n            return sorted;\n        };\n        this.isManualMode = this.activationType === \"manual\";\n        this.scrollToSelected = (menu) => {\n            const selectedOption = this.selectOnEnter\n                ? this.host.querySelector(`li[data-value=\"${this.optionHighlighted}\"]`)\n                : menu.querySelector(\".option[aria-selected='true']\");\n            if (selectedOption) {\n                const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;\n                if (elTop > menu.scrollTop + menu.offsetHeight ||\n                    elTop < menu.scrollTop + menu.offsetHeight) {\n                    menu.scrollTop = selectedOption.offsetTop;\n                }\n                selectedOption.focus();\n            }\n        };\n        this.loadUngroupedOptions = () => {\n            if (this.options.length > 0 && this.options.map) {\n                this.options.map((option) => {\n                    if (option.children) {\n                        option.children.map((option) => !option.disabled && this.ungroupedOptions.push(option));\n                    }\n                    else if (!option.disabled) {\n                        this.ungroupedOptions.push(option);\n                    }\n                });\n            }\n            this.ungroupedOptions = this.getSortedOptions(this.ungroupedOptions);\n            this.ungroupedOptionsSet.emit({ options: this.ungroupedOptions });\n        };\n        this.setMenuScrollbar = () => {\n            let optionsHeight = 0;\n            this.host\n                .querySelectorAll(\".option\")\n                .forEach((option) => (optionsHeight += option.clientHeight));\n            if (optionsHeight >= 320) {\n                this.menu.classList.add(\"menu-scroll\");\n            }\n        };\n        this.handleTimeoutBlur = (ev) => {\n            this.timeoutBlur.emit({ ev });\n        };\n        this.optionContent = (option) => {\n            var _a;\n            return (h(Fragment, null, option.loading && h(\"ic-loading-indicator\", { size: \"icon\" }), h(\"div\", { class: \"option-text-container\" }, h(\"div\", { class: \"option-label\" }, option.icon && (h(\"div\", { class: \"option-icon\", innerHTML: option.icon, \"aria-hidden\": \"true\" })), h(\"ic-typography\", { variant: \"body\", \"aria-hidden\": \"true\" }, option[this.labelField])), option.description && (h(\"ic-typography\", { id: `${this.getOptionId(option[this.valueField])}-description`, class: \"option-description\", variant: \"caption\", \"aria-hidden\": \"true\" }, h(\"p\", null, option.description))), option.element && (h(\"div\", { class: \"option-element\", innerHTML: option.element.component, \"aria-hidden\": \"true\" }))), !!option[this.valueField] &&\n                !!this.value &&\n                option[this.valueField].toLowerCase() === ((_a = this.value) === null || _a === void 0 ? void 0 : _a.toLowerCase()) &&\n                this.parentEl.tagName !== \"IC-SEARCH-BAR\" && (h(\"span\", { class: \"check-icon\", innerHTML: Check }))));\n        };\n        this.displayOption = (option, index, parentOption) => {\n            const { open, value, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;\n            return (h(\"li\", { id: this.getOptionId(option[this.valueField]), class: {\n                    option: true,\n                    \"focused-option\": isManualMode\n                        ? (keyboardNav || initialOptionsListRender) &&\n                            option[this.valueField] === optionHighlighted\n                        : keyboardNav && option[this.valueField] === value,\n                    \"last-recommended-option\": option.recommended &&\n                        options[index + 1] &&\n                        !options[index + 1].recommended,\n                    \"disabled-option\": option.disabled,\n                    \"loading-option\": option.loading,\n                    timeout: option.timedOut,\n                }, role: \"option\", tabindex: open &&\n                    (option[this.valueField] === value ||\n                        option[this.valueField] === optionHighlighted) &&\n                    keyboardNav\n                    ? \"0\"\n                    : \"-1\", \"aria-label\": this.getOptionAriaLabel(option, parentOption), \"aria-selected\": `${option[this.valueField] === value}`, \"aria-disabled\": option.disabled ? \"true\" : \"false\", onClick: !option.timedOut && !option.loading && this.handleOptionClick, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, \"data-value\": option[this.valueField], \"data-label\": option[this.labelField] }, option.timedOut ? (h(Fragment, null, h(\"div\", { class: \"loading-error-info\" }, h(\"svg\", { class: \"error-icon-svg\", \"aria-labelledby\": \"error-title\", xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 24 24\", fill: \"#000000\" }, h(\"title\", { id: \"error-title\" }, \"Error\"), h(\"g\", { id: \"close-octagon\" }, h(\"path\", { id: \"Vector\", d: \"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41\" }))), h(\"ic-typography\", { variant: \"label\" }, option[this.labelField])), h(\"ic-button\", { size: \"small\", variant: \"tertiary\", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: \"retry-button\" }, \"Retry\"))) : (this.optionContent(option))));\n        };\n        this.focusFromSearchKeypress = false;\n        this.initialOptionsListRender = false;\n        this.keyboardNav = false;\n        this.optionHighlighted = undefined;\n        this.preventIncorrectTabOrder = false;\n        this.activationType = \"automatic\";\n        this.anchorEl = undefined;\n        this.autoFocusOnSelected = true;\n        this.fullWidth = false;\n        this.inputEl = undefined;\n        this.inputLabel = undefined;\n        this.labelField = \"label\";\n        this.menuId = undefined;\n        this.open = undefined;\n        this.parentEl = undefined;\n        this.searchMode = \"navigation\";\n        this.selectOnEnter = false;\n        this.size = \"medium\";\n        this.options = undefined;\n        this.value = undefined;\n        this.valueField = \"value\";\n    }\n    watchOpenHandler() {\n        if (!this.open && this.popperInstance) {\n            this.popperInstance.destroy();\n            this.popperInstance = null;\n        }\n    }\n    watchOptionsHandler(newOptions) {\n        this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n        this.isLoading = newOptions.some((opt) => opt.loading);\n        this.ungroupedOptions = [];\n        this.loadUngroupedOptions();\n    }\n    watchValueHandler() {\n        this.menuValueChange.emit({ value: this.value });\n    }\n    connectedCallback() {\n        this.getParentEl(this.parentEl);\n        if (this.isSearchBar) {\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n            this.initialOptionsListRender = true;\n        }\n    }\n    disconnectedCallback() {\n        if (this.popperInstance) {\n            this.popperInstance.destroy();\n        }\n        this.parentEl.removeEventListener(\"icClear\", this.handleClearListener);\n        this.parentEl.removeEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n    }\n    componentWillLoad() {\n        var _a, _b;\n        this.loadUngroupedOptions();\n        this.parentEl.addEventListener(\"icClear\", this.handleClearListener);\n        this.parentEl.addEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n        this.hasTimedOut = (_a = this.options) === null || _a === void 0 ? void 0 : _a.some((opt) => opt.timedOut);\n        this.isLoading = (_b = this.options) === null || _b === void 0 ? void 0 : _b.some((opt) => opt.loading);\n    }\n    componentDidLoad() {\n        if (this.isSearchBar &&\n            this.parentEl.disableAutoFiltering) {\n            this.focusFromSearchKeypress = true;\n        }\n        onComponentRequiredPropUndefined([\n            { prop: this.open, propName: \"open\" },\n            { prop: this.options, propName: \"options\" },\n            { prop: this.menuId, propName: \"menu-id\" },\n            { prop: this.inputLabel, propName: \"input-label\" },\n            //NOTE: no check for value, input-el or anchor-el as otherwise get console errors on first load of select component\n        ], \"Menu\");\n    }\n    componentDidUpdate() {\n        const inputValueInOptions = this.options.some((option) => option[this.valueField] === this.value);\n        if (this.open && this.options.length !== 0) {\n            if (this.value &&\n                this.keyboardNav &&\n                inputValueInOptions &&\n                this.autoFocusOnSelected &&\n                !this.isSearchableSelect) {\n                this.scrollToSelected(this.menu);\n            }\n            else if (this.inputEl.tagName !== \"IC-TEXT-FIELD\" &&\n                this.inputEl.tagName !== \"INPUT\") {\n                this.menu.focus();\n            }\n            else if (!!this.optionHighlighted &&\n                !this.focusFromSearchKeypress &&\n                !this.preventIncorrectTabOrder) {\n                const highlightedEl = this.host.querySelector(`li[data-value=\"${this.optionHighlighted}\"]`);\n                if (highlightedEl) {\n                    highlightedEl.focus();\n                }\n            }\n        }\n        if (this.open && !this.value && this.selectOnEnter) {\n            this.scrollToSelected(this.menu);\n        }\n    }\n    componentDidRender() {\n        if (this.open && !this.popperInstance && this.anchorEl) {\n            this.initPopperJs(this.anchorEl);\n        }\n        if (this.open && !!this.options.length) {\n            this.setMenuScrollbar();\n        }\n    }\n    /**\n     * @internal If menu is opened with the mouse, emit menuStateChange custom event.\n     */\n    async handleClickOpen() {\n        if (!this.preventClickOpen) {\n            this.menuStateChange.emit({ open: !this.open });\n            this.keyboardNav = false;\n        }\n        this.preventClickOpen = false;\n    }\n    /**\n     * Used alongside activationType\n     * If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\n     * @param {KeyboardEvent} event The keyboard event which is available when handleKeyboardOpen is invoked.\n     */\n    async handleKeyboardOpen(event) {\n        if (this.activationType === \"automatic\") {\n            this.autoSetInputValueKeyboardOpen(event);\n        }\n        else {\n            this.manSetInputValueKeyboardOpen(event);\n        }\n    }\n    /**\n     * @internal Used to highlight the first option in the menu.\n     */\n    async handleSetFirstOption() {\n        this.setHighlightedOption(0);\n    }\n    /**\n     * @internal Used to initialize popperJS with an anchor element.\n     * 5/12/2023: Tested with Floating UI, however, discovered inconsistent\n     * boundary behaviour so sticking with PopperJS.\n     */\n    async initPopperJs(anchor) {\n        this.popperInstance = createPopper(anchor, this.host, {\n            placement: \"bottom\",\n            modifiers: [\n                {\n                    name: \"offset\",\n                    options: {\n                        offset: [0, 7],\n                    },\n                },\n                {\n                    name: \"flip\",\n                    options: {\n                        fallbackPlacements: [\"top\"],\n                        rootBoundary: \"viewport\",\n                    },\n                },\n            ],\n        });\n    }\n    focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex) {\n        if (!menuOptions[highlightedOptionIndex])\n            return;\n        if (this.isSearchBar) {\n            this.parentEl.setFocus();\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n        }\n        if (this.isSearchableSelect) {\n            this.parentEl.setFocus();\n        }\n        this.focusFromSearchKeypress = true;\n    }\n    render() {\n        const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, } = this;\n        return (h(Host, { class: {\n                \"ic-menu-full-width\": fullWidth,\n                \"ic-menu-no-focus\": (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === \"INPUT\" || hasTimedOut || isLoading,\n                [`ic-menu-${size}`]: true,\n                \"ic-menu-open\": open,\n            } }, options.length !== 0 && (h(\"ul\", { id: menuId, class: \"menu\", role: \"listbox\", \"aria-label\": inputLabel, \"aria-activedescendant\": value != null && value !== \"\" ? this.getOptionId(value) : \"\", tabindex: open && !keyboardNav && (inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== \"INPUT\" ? \"0\" : \"-1\", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {\n            if (option.children) {\n                if (option.children.length > 0) {\n                    return (h(\"div\", null, h(\"ic-typography\", { class: \"option-group-title\", role: \"presentation\", variant: \"subtitle-small\" }, h(\"p\", null, option[this.labelField])), option.children.map((childOption) => this.displayOption(childOption, index, option))));\n                }\n                else {\n                    return null;\n                }\n            }\n            else {\n                return this.displayOption(option, index);\n            }\n        })))));\n    }\n    static get is() { return \"ic-menu\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-menu.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-menu.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"activationType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcActivationTypes\",\n                    \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\"\",\n                    \"references\": {\n                        \"IcActivationTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcActivationTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\"\n                },\n                \"attribute\": \"activation-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"automatic\\\"\"\n            },\n            \"anchorEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The reference to an anchor element the menu will position itself from when rendered.\"\n                }\n            },\n            \"autoFocusOnSelected\": {\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                            \"name\": \"internal\",\n                            \"text\": \"If `true`, autofocus will be applied on selected item when menu is open.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"auto-focus-on-selected\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"fullWidth\": {\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 `true`, the menu will fill the width of the container.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"inputEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The reference to the input element.\"\n                }\n            },\n            \"inputLabel\": {\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 for the input element.\"\n                },\n                \"attribute\": \"input-label\",\n                \"reflect\": false\n            },\n            \"labelField\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom name for the label field for IcMenuOption.\"\n                },\n                \"attribute\": \"label-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"label\\\"\"\n            },\n            \"menuId\": {\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 ID of the menu.\"\n                },\n                \"attribute\": \"menu-id\",\n                \"reflect\": false\n            },\n            \"open\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the menu will be displayed open.\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true\n            },\n            \"parentEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- The parent element if ic-menu is nested inside another component.\"\n                        }],\n                    \"text\": \"\"\n                }\n            },\n            \"searchMode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSearchBarSearchModes\",\n                    \"resolved\": \"\\\"navigation\\\" | \\\"query\\\"\",\n                    \"references\": {\n                        \"IcSearchBarSearchModes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-search-bar/ic-search-bar.types\",\n                            \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\"\n                },\n                \"attribute\": \"search-mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"navigation\\\"\"\n            },\n            \"selectOnEnter\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"select-on-enter\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the menu component.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"options\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcMenuOption[]\",\n                    \"resolved\": \"IcMenuOption[]\",\n                    \"references\": {\n                        \"IcMenuOption\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMenuOption\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The possible menu selection options.\"\n                }\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the currently selected option.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"valueField\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom name for the value field for IcMenuOption.\"\n                },\n                \"attribute\": \"value-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"value\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"focusFromSearchKeypress\": {},\n            \"initialOptionsListRender\": {},\n            \"keyboardNav\": {},\n            \"optionHighlighted\": {},\n            \"preventIncorrectTabOrder\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"menuKeyPress\",\n                \"name\": \"menuKeyPress\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when key is pressed while menu is open\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ isNavKey: boolean; key: string }\",\n                    \"resolved\": \"{ isNavKey: boolean; key: string; }\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"menuOptionId\",\n                \"name\": \"menuOptionId\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when an option has been highlighted\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMenuOptionIdEventDetail\",\n                    \"resolved\": \"IcMenuOptionIdEventDetail\",\n                    \"references\": {\n                        \"IcMenuOptionIdEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuOptionIdEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"menuOptionSelect\",\n                \"name\": \"menuOptionSelect\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when an option is selected.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcOptionSelectEventDetail\",\n                    \"resolved\": \"IcOptionSelectEventDetail\",\n                    \"references\": {\n                        \"IcOptionSelectEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"menuStateChange\",\n                \"name\": \"menuStateChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when state of menu changes (i.e. open or close).\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMenuChangeEventDetail\",\n                    \"resolved\": \"IcMenuChangeEventDetail\",\n                    \"references\": {\n                        \"IcMenuChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"menuValueChange\",\n                \"name\": \"menuValueChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when menu value changes.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"retryButtonClicked\",\n                \"name\": \"retryButtonClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the retry button is clicked\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"timeoutBlur\",\n                \"name\": \"timeoutBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the timeout menu loses focus\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ ev: FocusEvent }\",\n                    \"resolved\": \"{ ev: FocusEvent; }\",\n                    \"references\": {\n                        \"FocusEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FocusEvent\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ungroupedOptionsSet\",\n                \"name\": \"ungroupedOptionsSet\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the ungrouped options have been set.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ options: IcMenuOption[] }\",\n                    \"resolved\": \"{ options: IcMenuOption[]; }\",\n                    \"references\": {\n                        \"IcMenuOption\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMenuOption\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"handleClickOpen\": {\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\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If menu is opened with the mouse, emit menuStateChange custom event.\"\n                        }]\n                }\n            },\n            \"handleKeyboardOpen\": {\n                \"complexType\": {\n                    \"signature\": \"(event: KeyboardEvent) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"event\",\n                            \"type\": \"KeyboardEvent\",\n                            \"docs\": \"The keyboard event which is available when handleKeyboardOpen is invoked.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"KeyboardEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::KeyboardEvent\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Used alongside activationType\\nIf menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"event The keyboard event which is available when handleKeyboardOpen is invoked.\"\n                        }]\n                }\n            },\n            \"handleSetFirstOption\": {\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\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to highlight the first option in the menu.\"\n                        }]\n                }\n            },\n            \"initPopperJs\": {\n                \"complexType\": {\n                    \"signature\": \"(anchor: HTMLElement) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"anchor\",\n                            \"type\": \"HTMLElement\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to initialize popperJS with an anchor element.\\n5/12/2023: Tested with Floating UI, however, discovered inconsistent\\nboundary behaviour so sticking with PopperJS.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"watchOpenHandler\"\n            }, {\n                \"propName\": \"options\",\n                \"methodName\": \"watchOptionsHandler\"\n            }, {\n                \"propName\": \"value\",\n                \"methodName\": \"watchValueHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-menu.js.map\n"],"mappings":"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"}

package/dist/core/p-30b046b2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,H as s,g as a}from"./p-8455d1bb.js";import{c as o}from"./p-e081702e.js";import{f as n,i as r,a as l}from"./p-9397b15b.js";const h='/*! 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-architectural-white);color:var(--ic-architectural-black);border:var(--ic-border-default);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}.content-area{-ms-overflow-style:none;scrollbar-width:none;padding:0 var(--ic-space-md);margin:0;overflow-y:auto}.content-area::-webkit-scrollbar{display:none}#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}@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 d=class{constructor(s){t(this,s);this.icDialogCancelled=i(this,"icDialogCancelled",7);this.icDialogClosed=i(this,"icDialogClosed",7);this.icDialogConfirmed=i(this,"icDialogConfirmed",7);this.icDialogOpened=i(this,"icDialogOpened",7);this.DATA_GETS_FOCUS="data-gets-focus";this.DATA_GETS_FOCUS_SELECTOR="[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.resizeObserver=null;this.dialogOpened=()=>{var t;this.dialogRendered=true;if(this.disableHeightConstraint){this.dialogEl.show()}else{(t=this.dialogEl)===null||t===void 0?void 0:t.showModal()}setTimeout((()=>{this.fadeIn=true;if(this.disableHeightConstraint&&this.backdropEl.scrollTop!==0){this.backdropEl.scrollTop=0}}),10);setTimeout((()=>{this.setInitialFocus();n(this.runResizeObserver)}),75);setTimeout((()=>{this.getFocusedElementIndex();this.icDialogOpened.emit()}),80)};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout(this.resizeObserverCallback,80)}));this.resizeObserver.observe(this.dialogEl)};this.resizeObserverCallback=()=>{if(this.dialogEl.clientHeight!==this.dialogHeight){this.dialogHeight=this.dialogEl.clientHeight}};this.refreshInteractiveElementsOnSlotChange=()=>{this.contentArea=this.el.shadowRoot.querySelector("#dialog-content slot");this.contentArea.addEventListener("slotchange",this.getInteractiveElements)};this.removeSlotChangeListener=()=>{if(this.contentArea){this.contentArea.removeEventListener("slotchange",this.getInteractiveElements)}};this.setInitialFocus=()=>{this.sourceElement=document.activeElement;let t;if(this.el.querySelector(this.DATA_GETS_FOCUS_SELECTOR)!==null){t=this.el.querySelector(this.DATA_GETS_FOCUS_SELECTOR)}else{t=this.el.shadowRoot.querySelector(this.DATA_GETS_FOCUS_SELECTOR)}if(t.tagName===this.IC_TEXT_FIELD){t.setFocus()}else if(t.tagName===this.IC_ACCORDION_GROUP){t.setFocus()}else if(t.tagName===this.IC_ACCORDION){t.setFocus()}else{t.focus({preventScroll:this.disableHeightConstraint?true:false})}};this.getFocusedElementIndex=()=>{for(let t=0;t<this.interactiveElementList.length;t++){if(this.interactiveElementList[t]===(this.el.shadowRoot.activeElement||document.activeElement)){this.focusedElementIndex=t}}};this.closeIconClick=()=>{this.open=false};this.getInteractiveElements=()=>{this.interactiveElementList=Array.from(this.el.shadowRoot.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, ic-radio-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`));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=t=>this.interactiveElementList[t];this.focusNextInteractiveElement=t=>{this.getFocusedElementIndex();this.setFocusIndexBasedOnShiftKey(t);this.loopNextFocusIndexIfLastElement();let i=this.getNextFocusEl(this.focusedElementIndex);const e=getComputedStyle(i).visibility==="hidden"||i.tagName===this.IC_ACCORDION_GROUP&&i.hasAttribute("single-expansion");if(i.tagName===this.IC_TEXT_FIELD){i.setFocus()}else{if(e){this.setFocusIndexBasedOnShiftKey(t);this.loopNextFocusIndexIfLastElement();i=this.getNextFocusEl(this.focusedElementIndex)}if(i.tagName===this.IC_ACCORDION_GROUP){i.setFocus()}else if(i.tagName===this.IC_ACCORDION){i.setFocus()}else{i.focus()}}};this.renderDialog=()=>{const{buttons:t,size:i,heading:s,label:a,destructive:n,dismissLabel:l,hideCloseButton:h}=this;return e("dialog",{class:{["dialog"]:true,[`${i}`]:true,["disable-height-constraint"]:this.disableHeightConstraint,["disable-width-constraint"]:this.disableWidthConstraint},"aria-labelledby":"dialog-label dialog-heading","aria-describedby":"dialog-alert dialog-content",ref:t=>this.dialogEl=t},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"},a))),e("div",{class:"heading"},e("slot",{name:"heading"},e("ic-typography",{variant:"h4",id:"dialog-heading"},s)))),!h&&e("ic-button",{class:"close-icon",variant:"icon",innerHTML:o,"aria-label":l,onClick:this.closeIconClick,"data-gets-focus":n||!t?"":null})),e("div",{class:"content-area"},r(this.el,"alert")&&e("slot",{name:"alert"}),e("div",{id:"dialog-content"},e("slot",null))),t&&(r(this.el,this.DIALOG_CONTROLS)?e("div",{class:{[this.DIALOG_CONTROLS]:true}},e("slot",{name:this.DIALOG_CONTROLS})):e("div",{class:{[this.DIALOG_CONTROLS]:true}},e("ic-button",{variant:"tertiary",onClick:()=>this.cancelDialog(),class:"dialog-control-button","data-gets-focus":null},"Cancel"),e("ic-button",{variant:this.destructive?"destructive":"primary",onClick:()=>this.confirmDialog(),class:"dialog-control-button","data-gets-focus":""},"Confirm"))))};this.dialogRendered=false;this.fadeIn=false;this.buttons=true;this.closeOnBackdropClick=true;this.destructive=false;this.dismissLabel="Dismiss";this.disableHeightConstraint=false;this.disableWidthConstraint=false;this.hideCloseButton=false;this.heading=undefined;this.label=undefined;this.open=undefined;this.size="small"}watchOpenHandler(){if(this.open){this.dialogOpened()}else{this.fadeIn=false;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}setTimeout((()=>{var t;this.dialogRendered=false;this.dialogEl.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()}!r(this.el,"heading")&&l([{prop:this.heading,propName:"heading"}],"Dialog")}componentDidRender(){if(getComputedStyle(this.el).display!=="none"&&this.disableHeightConstraint){document.body.style.overflow="hidden"}else{document.body.style.overflow="auto"}}handleKeyboard(t){if(this.dialogRendered){switch(t.key){case"Tab":t.preventDefault();this.focusNextInteractiveElement(t.shiftKey);break;case"Escape":if(!t.repeat){this.open=false}t.stopImmediatePropagation();break}}}handleClick(t){const i=this.el.shadowRoot.querySelector("dialog");if(this.closeOnBackdropClick&&t.composedPath().indexOf(i)<=0){const i=this.dialogEl.getBoundingClientRect();const e=i.top<=t.clientY&&t.clientY<=i.top+i.height&&i.left<=t.clientX&&t.clientX<=i.left+i.width;if(!e){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(t){if(t){this.focusedElementIndex-=1}else{this.focusedElementIndex+=1}}render(){return e(s,{class:{["ic-dialog-hidden"]:!this.dialogRendered,["ic-dialog-fade-in"]:this.fadeIn,["disable-height-constraint"]:this.disableHeightConstraint}},this.disableHeightConstraint?e("div",{class:"backdrop",ref:t=>this.backdropEl=t},this.renderDialog()):this.renderDialog())}get el(){return a(this)}static get watchers(){return{open:["watchOpenHandler"]}}};d.style=h;export{d as ic_dialog};
-//# sourceMappingURL=p-30b046b2.entry.js.map