@ukic/web-components 3.10.0 → 3.12.0

package/dist/core/{p-8b5022bc.entry.js → p-9cf6ccfd.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as s,H as t,g as e}from"./p-8e4e97b4.js";const o=":host{display:block}ic-link{position:absolute;left:-9999px}ic-link:focus{z-index:var(--ic-z-index-skip-link);left:var(--ic-space-sm);padding:var(--ic-space-sm);box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);width:-moz-fit-content;width:fit-content}.display-top:focus{top:var(--ic-skip-link-position-top, var(--ic-space-sm))}.inline:focus{position:static;display:inline-block;margin:var(--ic-space-xs) 0}.full-width:focus{display:flex;right:var(--ic-space-sm);width:auto}.inline.full-width:focus{justify-content:start}.show-background{background:var(--ic-skip-link-background)}";const a=o;const c=class{constructor(s){i(this,s);this.fullWidth=false;this.inline=false;this.label="Skip to main content";this.monochrome=false;this.theme="inherit";this.transparentBackground=false}async setFocus(){if(this.linkEl)this.linkEl.setFocus()}render(){const{fullWidth:i,inline:e,label:o,monochrome:a,target:c,theme:n,transparentBackground:r}=this;return s(t,{key:"a6229f2e79e16d35283ae63e617e5dbee39f1a31",class:{[`ic-theme-${n}`]:n!=="inherit"}},s("ic-link",{key:"f54ffd72b46d9124023ef6bfe0cf60f7b1091c25",class:{"display-top":!e,"full-width":!!i,"show-background":!r,inline:!!e},href:`#${c}`,monochrome:a,theme:n,ref:i=>this.linkEl=i},o))}get el(){return e(this)}};c.style=a;export{c as ic_skip_link};
-//# sourceMappingURL=p-8b5022bc.entry.js.map
+import{r as i,h as s,H as t,g as e}from"./p-8e4e97b4.js";const c=":host{display:block}ic-link{position:absolute;left:-9999px}ic-link:focus{z-index:var(--ic-z-index-skip-link);left:var(--ic-space-sm);padding:var(--ic-space-sm);box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);width:-moz-fit-content;width:fit-content}.display-top:focus{top:var(--ic-skip-link-position-top, var(--ic-space-sm))}.inline:focus{position:static;display:inline-block;margin:var(--ic-space-xs) 0}.full-width:focus{display:flex;right:var(--ic-space-sm);width:auto}.inline.full-width:focus{justify-content:start}.show-background{background:var(--ic-skip-link-background)}";const o=c;const n=class{constructor(s){i(this,s);this.fullWidth=false;this.inline=false;this.label="Skip to main content";this.monochrome=false;this.theme="inherit";this.transparentBackground=false}async setFocus(){if(this.linkEl)this.linkEl.setFocus()}render(){const{fullWidth:i,inline:e,label:c,monochrome:o,target:n,theme:a,transparentBackground:r}=this;return s(t,{key:"d5ded3b300f0b8dbe65235d6be9dec8ec8d88b5b",class:{[`ic-theme-${a}`]:a!=="inherit"}},s("ic-link",{key:"8f81758c7ebf977b264890c2df38de381bf1b4f7",class:{"display-top":!e,"full-width":!!i,"show-background":!r,inline:!!e},href:`#${n}`,monochrome:o,theme:a,ref:i=>this.linkEl=i},c))}get el(){return e(this)}};n.style=o;export{n as ic_skip_link};
+//# sourceMappingURL=p-9cf6ccfd.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as i,f as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{O as s}from"./p-426ec638.js";import{w as r,j as l,I as a}from"./p-b57e59b7.js";import{I as c}from"./p-bddf799a.js";const d='/*! 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(.ic-link) .link,:host(.ic-link) ::slotted(a){color:var(--ic-link-text);text-decoration:underline;font-weight:var(--ic-font-weight-bold);transition:var(--ic-easing-transition-fast)}:host(.ic-link) .link:visited,:host(.ic-link) ::slotted(a:visited),:host(.ic-link) .link:visited:hover,:host(.ic-link) ::slotted(a:visited:hover),:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:visited:active),:host(.ic-link) .link:visited:focus,:host(.ic-link) ::slotted(a:visited:focus){color:var(--ic-link-text-visited)}:host(.ic-link) .link:hover{color:var(--ic-link-text-hover)}:host(.ic-link) .link:active{color:var(--ic-link-text-pressed)}:host(.ic-link) .link:focus{color:var(--ic-link-text-focused)}:host(.ic-link-monochrome) .link:hover{color:var(--ic-link-text-hover-monochrome)}:host(.ic-link-monochrome) .link:active{color:var(--ic-link-text-pressed-monochrome)}:host(.ic-link-monochrome) .link:focus{color:var(--ic-link-text-focused-monochrome)}:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){outline:none;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}@supports (text-underline-offset: 10%){:host(.ic-link) .link:hover,:host(.ic-link) .link:focus,:host(.ic-link) ::slotted(a:hover),:host(.ic-link) ::slotted(a:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:10%;border-bottom:0 !important;margin-bottom:0 !important}}:host(.ic-link) .link:active,:host(.ic-link) .link:focus:active,:host(.ic-link) .link:visited:active,:host(.ic-link) ::slotted(a:active),:host(.ic-link) ::slotted(a:focus:active),:host(.ic-link) ::slotted(a:visited:active){text-decoration:none}.ic-link-open-in-new-icon{vertical-align:middle;margin-left:var(--ic-space-xxs)}.ic-link-open-in-new-icon>svg{width:var(--ic-space-md);height:var(--ic-space-md);fill:var(--ic-link-icon-launch)}.link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited)}:host(.ic-link-monochrome) .link,:host(.ic-link-monochrome) ::slotted(a){color:var(--ic-link-text-monochrome)}:host(.ic-link-monochrome) .link:visited,:host(.ic-link-monochrome) ::slotted(a:visited),:host(.ic-link-monochrome) .link:visited:hover,:host(.ic-link-monochrome) ::slotted(a:visited:hover),:host(.ic-link-monochrome) .link:visited:active,:host(.ic-link-monochrome) ::slotted(a:visited:active),:host(.ic-link-monochrome) .link:visited:focus,:host(.ic-link-monochrome) ::slotted(a:visited:focus){color:var(--ic-link-text-visited-monochrome)}:host(.ic-link-monochrome) .link>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-monochrome)}:host(.ic-link-monochrome) .link:visited>.ic-link-open-in-new-icon>svg{fill:var(--ic-link-icon-launch-visited-monochrome)}:host(.breadcrumb-link) .link{display:var(--breadcrumb-link-display);align-items:var(--breadcrumb-link-align-items);gap:var(--breadcrumb-link-gap)}:host(.breadcrumb-link) .link ::slotted(.back-icon){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.breadcrumb-link.current-page) a,:host(.breadcrumb-link.current-page) ::slotted(a){font-weight:normal;color:inherit;text-decoration:none;display:flex;align-items:center}:host(.breadcrumb-link.current-page) .link,:host(.breadcrumb-link.current-page) ::slotted(a:focus){outline:var(--ic-hc-focus-outline);text-decoration:none}:host(.breadcrumb-link.current-page) .link:visited{color:var(--ic-color-text-primary)}:host(.footer-link) ::slotted(a){color:var(--ic-footer-link) !important}:host(.footer-link) .ic-link-open-in-new-icon>svg{fill:var(--ic-footer-icon) !important}@media (forced-colors: active){:host(.ic-link) .ic-link-open-in-new-icon>svg{fill:currentcolor !important}}';const h=d;const m=class{constructor(e){i(this,e);this.inheritedAttributes={};this.hostMutationObserver=null;this.download=false;this.monochrome=false;this.theme="inherit";this.hostMutationCallback=i=>{let e=false;i.forEach((({attributeName:i})=>{if(i){const t=this.el.getAttribute(i);if(t&&c.includes(i)){this.inheritedAttributes[i]=t;e=true}}}));if(e){t(this)}};this.setDownloadAttribute=i=>{if(typeof i==="boolean"){return i?"":undefined}else{return i==="true"?"":i==="false"?undefined:i}}}componentWillLoad(){this.inheritedAttributes=r(this.el,c);this.updateTheme();this.el.setAttribute("exportparts","link")}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}brandChangeHandler({detail:i}){this.updateTheme(i.mode)}async setFocus(){var i,t;(t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("a"))===null||t===void 0?void 0:t.focus()}updateTheme(i=null){const t=l(this.el,i);if(t!==a.Default){this.monochrome=true;this.theme=t===a.Light?a.Dark:a.Light}}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}render(){const{download:i,href:t,hreflang:n,referrerpolicy:r,rel:l,target:a,monochrome:c,theme:d}=this;return e(o,{key:"17cbca6abdc9b48879a9d307c5bb73fada03aa2d",class:{["ic-link"]:true,[`ic-theme-${d}`]:d!=="inherit",["ic-link-monochrome"]:!!c}},this.hasRouterSlot()?e("slot",{name:"router-item"}):e("a",Object.assign({class:{["link"]:!!t},download:this.setDownloadAttribute(i),href:t,hrefLang:n,referrerPolicy:r,rel:l,target:a,tabindex:t?"0":"-1"},this.inheritedAttributes,{part:"link"}),e("slot",null),a==="_blank"&&e("span",{class:"ic-link-open-in-new-icon",innerHTML:s})))}static get delegatesFocus(){return true}get el(){return n(this)}};m.style=h;export{m as ic_link};
+//# sourceMappingURL=p-a06c1e4e.entry.js.map

package/dist/core/{p-f6a02202.entry.js.map → p-a06c1e4e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icLinkCss","IcLinkStyle0","Link","constructor","hostRef","this","inheritedAttributes","hostMutationObserver","download","monochrome","theme","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","el","getAttribute","IC_INHERITED_ARIA","includes","forceUpdate","setDownloadAttribute","value","undefined","componentWillLoad","inheritAttributes","updateTheme","setAttribute","componentDidLoad","MutationObserver","observe","attributes","disconnectedCallback","_a","disconnect","brandChangeHandler","detail","mode","setFocus","_b","shadowRoot","querySelector","focus","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","hasRouterSlot","routerSlot","ariaLabel","textContent","render","href","hreflang","referrerpolicy","rel","target","h","Host","key","class","name","Object","assign","hrefLang","referrerPolicy","tabindex","part","innerHTML","OpenInNew"],"sources":["src/components/ic-link/ic-link.css?tag=ic-link&encapsulation=shadow","src/components/ic-link/ic-link.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host(.ic-link) .link,\n:host(.ic-link) ::slotted(a) {\n  color: var(--ic-link-text);\n  text-decoration: underline;\n  font-weight: var(--ic-font-weight-bold);\n  transition: var(--ic-easing-transition-fast);\n}\n\n:host(.ic-link) .link:visited,\n:host(.ic-link) ::slotted(a:visited),\n:host(.ic-link) .link:visited:hover,\n:host(.ic-link) ::slotted(a:visited:hover),\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:visited:active),\n:host(.ic-link) .link:visited:focus,\n:host(.ic-link) ::slotted(a:visited:focus) {\n  color: var(--ic-link-text-visited);\n}\n\n:host(.ic-link) .link:hover {\n  color: var(--ic-link-text-hover);\n}\n\n:host(.ic-link) .link:active {\n  color: var(--ic-link-text-pressed);\n}\n\n:host(.ic-link) .link:focus {\n  color: var(--ic-link-text-focused);\n}\n\n:host(.ic-link-monochrome) .link:hover {\n  color: var(--ic-link-text-hover-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:active {\n  color: var(--ic-link-text-pressed-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:focus {\n  color: var(--ic-link-text-focused-monochrome);\n}\n\n:host(.ic-link) .link:hover,\n:host(.ic-link) .link:focus,\n:host(.ic-link) ::slotted(a:hover),\n:host(.ic-link) ::slotted(a:focus) {\n  outline: none;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n@supports (text-underline-offset: 10%) {\n  :host(.ic-link) .link:hover,\n  :host(.ic-link) .link:focus,\n  :host(.ic-link) ::slotted(a:hover),\n  :host(.ic-link) ::slotted(a:focus) {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 10%;\n    border-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n}\n\n:host(.ic-link) .link:active,\n:host(.ic-link) .link:focus:active,\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:active),\n:host(.ic-link) ::slotted(a:focus:active),\n:host(.ic-link) ::slotted(a:visited:active) {\n  text-decoration: none;\n}\n\n.ic-link-open-in-new-icon {\n  vertical-align: middle;\n  margin-left: var(--ic-space-xxs);\n}\n\n.ic-link-open-in-new-icon > svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n  fill: var(--ic-link-icon-launch);\n}\n\n.link:visited > .ic-link-open-in-new-icon > svg {\n  fill: var(--ic-link-icon-launch-visited);\n}\n\n:host(.ic-link-monochrome) .link,\n:host(.ic-link-monochrome) ::slotted(a) {\n  color: var(--ic-link-text-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited,\n:host(.ic-link-monochrome) ::slotted(a:visited),\n:host(.ic-link-monochrome) .link:visited:hover,\n:host(.ic-link-monochrome) ::slotted(a:visited:hover),\n:host(.ic-link-monochrome) .link:visited:active,\n:host(.ic-link-monochrome) ::slotted(a:visited:active),\n:host(.ic-link-monochrome) .link:visited:focus,\n:host(.ic-link-monochrome) ::slotted(a:visited:focus) {\n  color: var(--ic-link-text-visited-monochrome);\n}\n\n:host(.ic-link-monochrome) .link > .ic-link-open-in-new-icon > svg {\n  fill: var(--ic-link-icon-launch-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited > .ic-link-open-in-new-icon > svg {\n  fill: var(--ic-link-icon-launch-visited-monochrome);\n}\n\n:host(.breadcrumb-link) .link {\n  display: var(--breadcrumb-link-display);\n  align-items: var(--breadcrumb-link-align-items);\n  gap: var(--breadcrumb-link-gap);\n}\n\n:host(.breadcrumb-link) .link ::slotted(.back-icon) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a) {\n  font-weight: normal;\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n}\n\n:host(.breadcrumb-link.current-page) .link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus) {\n  outline: var(--ic-hc-focus-outline);\n  text-decoration: none;\n}\n\n:host(.breadcrumb-link.current-page) .link:visited {\n  color: var(--ic-color-text-primary);\n}\n\n/* Footer link */\n\n:host(.footer-link) ::slotted(a) {\n  color: var(--ic-footer-link) !important;\n}\n\n:host(.footer-link) .ic-link-open-in-new-icon > svg {\n  fill: var(--ic-footer-icon) !important;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  :host(.ic-link) .ic-link-open-in-new-icon > svg {\n    fill: currentcolor !important;\n  }\n}\n","import {\n  Component,\n  Element,\n  Prop,\n  h,\n  Host,\n  Listen,\n  Method,\n  forceUpdate,\n} from \"@stencil/core\";\n\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\nimport { getBrandFromContext, inheritAttributes } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundEnum,\n  IcThemeMode,\n} from \"../../utils/types\";\n\n/**\n * @slot router-item - Handle routing by nesting your routes in this slot.\n */\n\n@Component({\n  tag: \"ic-link\",\n  styleUrl: \"ic-link.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Link {\n  private inheritedAttributes: { [k: string]: string } = {};\n  private routerSlot: HTMLElement | null;\n  private hostMutationObserver: MutationObserver | null = null;\n\n  @Element() el: HTMLIcLinkElement;\n\n  /**\n   * If `true`, the user can save the linked URL instead of navigating to it. If the value is a string, it will be used as the filename for the download.\n   */\n  @Prop() download?: string | boolean = false;\n\n  /**\n   * The URL that the link points to.\n   */\n  @Prop() href?: string;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string;\n\n  /**\n   * If `true`, the link will display as black in the light theme, and white in the dark theme.\n   */\n  @Prop({ mutable: true }) monochrome?: boolean = false;\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 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  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop({ mutable: true }) theme?: IcThemeMode = \"inherit\";\n\n  componentWillLoad(): void {\n    this.inheritedAttributes = inheritAttributes(this.el, IC_INHERITED_ARIA);\n    this.updateTheme();\n    this.el.setAttribute(\"exportparts\", \"link\");\n  }\n\n  componentDidLoad(): void {\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, {\n      attributes: true,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n    this.updateTheme(detail.mode);\n  }\n\n  /**\n   * Sets focus on the link.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.el.shadowRoot?.querySelector(\"a\")?.focus();\n  }\n\n  private updateTheme(mode: IcBrandForeground | null = null): void {\n    const theme = getBrandFromContext(this.el, mode);\n\n    if (theme !== IcBrandForegroundEnum.Default) {\n      this.monochrome = true;\n      this.theme =\n        theme === IcBrandForegroundEnum.Light\n          ? IcBrandForegroundEnum.Dark\n          : IcBrandForegroundEnum.Light;\n    }\n  }\n\n  private hasRouterSlot(): boolean {\n    this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n    if (this.routerSlot) {\n      this.routerSlot.ariaLabel = this.routerSlot.textContent;\n    }\n    return !!this.routerSlot;\n  }\n\n  // triggered when attributes of host element change\n  private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n    let forceComponentUpdate = false;\n    mutationList.forEach(({ attributeName }) => {\n      if (attributeName) {\n        const attribute = this.el.getAttribute(attributeName);\n        if (attribute && IC_INHERITED_ARIA.includes(attributeName)) {\n          this.inheritedAttributes[attributeName] = attribute;\n          forceComponentUpdate = true;\n        }\n      }\n    });\n    if (forceComponentUpdate) {\n      forceUpdate(this);\n    }\n  };\n\n  private setDownloadAttribute = (\n    value: string | boolean | undefined\n  ): string | undefined => {\n    if (typeof value === \"boolean\") {\n      return value ? \"\" : undefined;\n    } else {\n      return value === \"true\" ? \"\" : value === \"false\" ? undefined : value;\n    }\n  };\n\n  render() {\n    const {\n      download,\n      href,\n      hreflang,\n      referrerpolicy,\n      rel,\n      target,\n      monochrome,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [\"ic-link\"]: true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [\"ic-link-monochrome\"]: !!monochrome,\n        }}\n      >\n        {this.hasRouterSlot() ? (\n          <slot name=\"router-item\"></slot>\n        ) : (\n          <a\n            class={{\n              [\"link\"]: !!href,\n            }}\n            download={this.setDownloadAttribute(download)}\n            href={href}\n            hrefLang={hreflang}\n            referrerPolicy={referrerpolicy}\n            rel={rel}\n            target={target}\n            tabindex={href ? \"0\" : \"-1\"}\n            {...this.inheritedAttributes}\n            part=\"link\"\n          >\n            <slot />\n            {target === \"_blank\" && (\n              <span class=\"ic-link-open-in-new-icon\" innerHTML={OpenInNew} />\n            )}\n          </a>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"6JAAA,MAAMA,EAAY,y/LAClB,MAAAC,EAAeD,E,MC+BFE,EAAI,MAPjB,WAAAC,CAAAC,G,UAQUC,KAAAC,oBAA+C,GAE/CD,KAAAE,qBAAgD,KAOhDF,KAAAG,SAA8B,MAebH,KAAAI,WAAuB,MAoBvBJ,KAAAK,MAAsB,UAqDvCL,KAAAM,qBAAwBC,IAC9B,IAAIC,EAAuB,MAC3BD,EAAaE,SAAQ,EAAGC,oBACtB,GAAIA,EAAe,CACjB,MAAMC,EAAYX,KAAKY,GAAGC,aAAaH,GACvC,GAAIC,GAAaG,EAAkBC,SAASL,GAAgB,CAC1DV,KAAKC,oBAAoBS,GAAiBC,EAC1CH,EAAuB,I,MAI7B,GAAIA,EAAsB,CACxBQ,EAAYhB,K,GAIRA,KAAAiB,qBACNC,IAEA,UAAWA,IAAU,UAAW,CAC9B,OAAOA,EAAQ,GAAKC,S,KACf,CACL,OAAOD,IAAU,OAAS,GAAKA,IAAU,QAAUC,UAAYD,C,GAzEnE,iBAAAE,GACEpB,KAAKC,oBAAsBoB,EAAkBrB,KAAKY,GAAIE,GACtDd,KAAKsB,cACLtB,KAAKY,GAAGW,aAAa,cAAe,O,CAGtC,gBAAAC,GACExB,KAAKE,qBAAuB,IAAIuB,iBAAiBzB,KAAKM,sBACtDN,KAAKE,qBAAqBwB,QAAQ1B,KAAKY,GAAI,CACzCe,WAAY,M,CAIhB,oBAAAC,G,OACEC,EAAA7B,KAAKE,wBAAoB,MAAA2B,SAAA,SAAAA,EAAEC,Y,CAI7B,kBAAAC,EAAmBC,OAAEA,IACnBhC,KAAKsB,YAAYU,EAAOC,K,CAO1B,cAAMC,G,SACJC,GAAAN,EAAA7B,KAAKY,GAAGwB,cAAU,MAAAP,SAAA,SAAAA,EAAEQ,cAAc,QAAI,MAAAF,SAAA,SAAAA,EAAEG,O,CAGlC,WAAAhB,CAAYW,EAAiC,MACnD,MAAM5B,EAAQkC,EAAoBvC,KAAKY,GAAIqB,GAE3C,GAAI5B,IAAUmC,EAAsBC,QAAS,CAC3CzC,KAAKI,WAAa,KAClBJ,KAAKK,MACHA,IAAUmC,EAAsBE,MAC5BF,EAAsBG,KACtBH,EAAsBE,K,EAIxB,aAAAE,GACN5C,KAAK6C,WAAa7C,KAAKY,GAAGyB,cAAc,wBACxC,GAAIrC,KAAK6C,WAAY,CACnB7C,KAAK6C,WAAWC,UAAY9C,KAAK6C,WAAWE,W,CAE9C,QAAS/C,KAAK6C,U,CA8BhB,MAAAG,GACE,MAAM7C,SACJA,EAAQ8C,KACRA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,IACdA,EAAGC,OACHA,EAAMjD,WACNA,EAAUC,MACVA,GACEL,KAEJ,OACEsD,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,WAAY,KACb,CAAC,YAAYpD,KAAUA,IAAU,UACjC,CAAC,wBAAyBD,IAG3BJ,KAAK4C,gBACJU,EAAA,QAAMI,KAAK,gBAEXJ,EAAA,IAAAK,OAAAC,OAAA,CACEH,MAAO,CACL,CAAC,UAAWR,GAEd9C,SAAUH,KAAKiB,qBAAqBd,GACpC8C,KAAMA,EACNY,SAAUX,EACVY,eAAgBX,EAChBC,IAAKA,EACLC,OAAQA,EACRU,SAAUd,EAAO,IAAM,MACnBjD,KAAKC,oBAAmB,CAC5B+D,KAAK,SAELV,EAAA,aACCD,IAAW,UACVC,EAAA,QAAMG,MAAM,2BAA2BQ,UAAWC,K","ignoreList":[]}
+{"version":3,"names":["icLinkCss","IcLinkStyle0","Link","constructor","hostRef","this","inheritedAttributes","hostMutationObserver","download","monochrome","theme","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","el","getAttribute","IC_INHERITED_ARIA","includes","forceUpdate","setDownloadAttribute","value","undefined","componentWillLoad","inheritAttributes","updateTheme","setAttribute","componentDidLoad","MutationObserver","observe","attributes","disconnectedCallback","_a","disconnect","brandChangeHandler","detail","mode","setFocus","_b","shadowRoot","querySelector","focus","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","hasRouterSlot","routerSlot","ariaLabel","textContent","render","href","hreflang","referrerpolicy","rel","target","h","Host","key","class","name","Object","assign","hrefLang","referrerPolicy","tabindex","part","innerHTML","OpenInNew"],"sources":["src/components/ic-link/ic-link.css?tag=ic-link&encapsulation=shadow","src/components/ic-link/ic-link.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host(.ic-link) .link,\n:host(.ic-link) ::slotted(a) {\n  color: var(--ic-link-text);\n  text-decoration: underline;\n  font-weight: var(--ic-font-weight-bold);\n  transition: var(--ic-easing-transition-fast);\n}\n\n:host(.ic-link) .link:visited,\n:host(.ic-link) ::slotted(a:visited),\n:host(.ic-link) .link:visited:hover,\n:host(.ic-link) ::slotted(a:visited:hover),\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:visited:active),\n:host(.ic-link) .link:visited:focus,\n:host(.ic-link) ::slotted(a:visited:focus) {\n  color: var(--ic-link-text-visited);\n}\n\n:host(.ic-link) .link:hover {\n  color: var(--ic-link-text-hover);\n}\n\n:host(.ic-link) .link:active {\n  color: var(--ic-link-text-pressed);\n}\n\n:host(.ic-link) .link:focus {\n  color: var(--ic-link-text-focused);\n}\n\n:host(.ic-link-monochrome) .link:hover {\n  color: var(--ic-link-text-hover-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:active {\n  color: var(--ic-link-text-pressed-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:focus {\n  color: var(--ic-link-text-focused-monochrome);\n}\n\n:host(.ic-link) .link:hover,\n:host(.ic-link) .link:focus,\n:host(.ic-link) ::slotted(a:hover),\n:host(.ic-link) ::slotted(a:focus) {\n  outline: none;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n@supports (text-underline-offset: 10%) {\n  :host(.ic-link) .link:hover,\n  :host(.ic-link) .link:focus,\n  :host(.ic-link) ::slotted(a:hover),\n  :host(.ic-link) ::slotted(a:focus) {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 10%;\n    border-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n}\n\n:host(.ic-link) .link:active,\n:host(.ic-link) .link:focus:active,\n:host(.ic-link) .link:visited:active,\n:host(.ic-link) ::slotted(a:active),\n:host(.ic-link) ::slotted(a:focus:active),\n:host(.ic-link) ::slotted(a:visited:active) {\n  text-decoration: none;\n}\n\n.ic-link-open-in-new-icon {\n  vertical-align: middle;\n  margin-left: var(--ic-space-xxs);\n}\n\n.ic-link-open-in-new-icon > svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n  fill: var(--ic-link-icon-launch);\n}\n\n.link:visited > .ic-link-open-in-new-icon > svg {\n  fill: var(--ic-link-icon-launch-visited);\n}\n\n:host(.ic-link-monochrome) .link,\n:host(.ic-link-monochrome) ::slotted(a) {\n  color: var(--ic-link-text-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited,\n:host(.ic-link-monochrome) ::slotted(a:visited),\n:host(.ic-link-monochrome) .link:visited:hover,\n:host(.ic-link-monochrome) ::slotted(a:visited:hover),\n:host(.ic-link-monochrome) .link:visited:active,\n:host(.ic-link-monochrome) ::slotted(a:visited:active),\n:host(.ic-link-monochrome) .link:visited:focus,\n:host(.ic-link-monochrome) ::slotted(a:visited:focus) {\n  color: var(--ic-link-text-visited-monochrome);\n}\n\n:host(.ic-link-monochrome) .link > .ic-link-open-in-new-icon > svg {\n  fill: var(--ic-link-icon-launch-monochrome);\n}\n\n:host(.ic-link-monochrome) .link:visited > .ic-link-open-in-new-icon > svg {\n  fill: var(--ic-link-icon-launch-visited-monochrome);\n}\n\n:host(.breadcrumb-link) .link {\n  display: var(--breadcrumb-link-display);\n  align-items: var(--breadcrumb-link-align-items);\n  gap: var(--breadcrumb-link-gap);\n}\n\n:host(.breadcrumb-link) .link ::slotted(.back-icon) {\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n}\n\n:host(.breadcrumb-link.current-page) a,\n:host(.breadcrumb-link.current-page) ::slotted(a) {\n  font-weight: normal;\n  color: inherit;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n}\n\n:host(.breadcrumb-link.current-page) .link,\n:host(.breadcrumb-link.current-page) ::slotted(a:focus) {\n  outline: var(--ic-hc-focus-outline);\n  text-decoration: none;\n}\n\n:host(.breadcrumb-link.current-page) .link:visited {\n  color: var(--ic-color-text-primary);\n}\n\n/* Footer link */\n\n:host(.footer-link) ::slotted(a) {\n  color: var(--ic-footer-link) !important;\n}\n\n:host(.footer-link) .ic-link-open-in-new-icon > svg {\n  fill: var(--ic-footer-icon) !important;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  :host(.ic-link) .ic-link-open-in-new-icon > svg {\n    fill: currentcolor !important;\n  }\n}\n","import {\n  Component,\n  Element,\n  Prop,\n  h,\n  Host,\n  Listen,\n  Method,\n  forceUpdate,\n} from \"@stencil/core\";\n\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\nimport { getBrandFromContext, inheritAttributes } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundEnum,\n  IcThemeMode,\n} from \"../../utils/types\";\n\n/**\n * @slot router-item - Handle routing by nesting your routes in this slot.\n */\n\n@Component({\n  tag: \"ic-link\",\n  styleUrl: \"ic-link.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Link {\n  private inheritedAttributes: { [k: string]: string } = {};\n  private routerSlot: HTMLElement | null;\n  private hostMutationObserver: MutationObserver | null = null;\n\n  @Element() el: HTMLIcLinkElement;\n\n  /**\n   * If `true`, the user can save the linked URL instead of navigating to it. If the value is a string, it will be used as the filename for the download.\n   */\n  @Prop() download?: string | boolean = false;\n\n  /**\n   * The URL that the link points to.\n   */\n  @Prop() href?: string;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string;\n\n  /**\n   * If `true`, the link will display as black in the light theme, and white in the dark theme.\n   */\n  @Prop({ mutable: true }) monochrome?: boolean = false;\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 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  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop({ mutable: true }) theme?: IcThemeMode = \"inherit\";\n\n  componentWillLoad(): void {\n    this.inheritedAttributes = inheritAttributes(this.el, IC_INHERITED_ARIA);\n    this.updateTheme();\n    this.el.setAttribute(\"exportparts\", \"link\");\n  }\n\n  componentDidLoad(): void {\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, {\n      attributes: true,\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n    this.updateTheme(detail.mode);\n  }\n\n  /**\n   * Sets focus on the link.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.el.shadowRoot?.querySelector(\"a\")?.focus();\n  }\n\n  private updateTheme(mode: IcBrandForeground | null = null): void {\n    const theme = getBrandFromContext(this.el, mode);\n\n    if (theme !== IcBrandForegroundEnum.Default) {\n      this.monochrome = true;\n      this.theme =\n        theme === IcBrandForegroundEnum.Light\n          ? IcBrandForegroundEnum.Dark\n          : IcBrandForegroundEnum.Light;\n    }\n  }\n\n  private hasRouterSlot(): boolean {\n    this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n    if (this.routerSlot) {\n      this.routerSlot.ariaLabel = this.routerSlot.textContent;\n    }\n    return !!this.routerSlot;\n  }\n\n  // triggered when attributes of host element change\n  private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n    let forceComponentUpdate = false;\n    mutationList.forEach(({ attributeName }) => {\n      if (attributeName) {\n        const attribute = this.el.getAttribute(attributeName);\n        if (attribute && IC_INHERITED_ARIA.includes(attributeName)) {\n          this.inheritedAttributes[attributeName] = attribute;\n          forceComponentUpdate = true;\n        }\n      }\n    });\n    if (forceComponentUpdate) {\n      forceUpdate(this);\n    }\n  };\n\n  private setDownloadAttribute = (\n    value: string | boolean | undefined\n  ): string | undefined => {\n    if (typeof value === \"boolean\") {\n      return value ? \"\" : undefined;\n    } else {\n      return value === \"true\" ? \"\" : value === \"false\" ? undefined : value;\n    }\n  };\n\n  render() {\n    const {\n      download,\n      href,\n      hreflang,\n      referrerpolicy,\n      rel,\n      target,\n      monochrome,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [\"ic-link\"]: true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [\"ic-link-monochrome\"]: !!monochrome,\n        }}\n      >\n        {this.hasRouterSlot() ? (\n          <slot name=\"router-item\"></slot>\n        ) : (\n          <a\n            class={{\n              [\"link\"]: !!href,\n            }}\n            download={this.setDownloadAttribute(download)}\n            href={href}\n            hrefLang={hreflang}\n            referrerPolicy={referrerpolicy}\n            rel={rel}\n            target={target}\n            tabindex={href ? \"0\" : \"-1\"}\n            {...this.inheritedAttributes}\n            part=\"link\"\n          >\n            <slot />\n            {target === \"_blank\" && (\n              <span class=\"ic-link-open-in-new-icon\" innerHTML={OpenInNew} />\n            )}\n          </a>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"0LAAA,MAAMA,EAAY,y/LAClB,MAAAC,EAAeD,E,MC+BFE,EAAI,MAPjB,WAAAC,CAAAC,G,UAQUC,KAAAC,oBAA+C,GAE/CD,KAAAE,qBAAgD,KAOhDF,KAAAG,SAA8B,MAebH,KAAAI,WAAuB,MAoBvBJ,KAAAK,MAAsB,UAqDvCL,KAAAM,qBAAwBC,IAC9B,IAAIC,EAAuB,MAC3BD,EAAaE,SAAQ,EAAGC,oBACtB,GAAIA,EAAe,CACjB,MAAMC,EAAYX,KAAKY,GAAGC,aAAaH,GACvC,GAAIC,GAAaG,EAAkBC,SAASL,GAAgB,CAC1DV,KAAKC,oBAAoBS,GAAiBC,EAC1CH,EAAuB,I,MAI7B,GAAIA,EAAsB,CACxBQ,EAAYhB,K,GAIRA,KAAAiB,qBACNC,IAEA,UAAWA,IAAU,UAAW,CAC9B,OAAOA,EAAQ,GAAKC,S,KACf,CACL,OAAOD,IAAU,OAAS,GAAKA,IAAU,QAAUC,UAAYD,C,GAzEnE,iBAAAE,GACEpB,KAAKC,oBAAsBoB,EAAkBrB,KAAKY,GAAIE,GACtDd,KAAKsB,cACLtB,KAAKY,GAAGW,aAAa,cAAe,O,CAGtC,gBAAAC,GACExB,KAAKE,qBAAuB,IAAIuB,iBAAiBzB,KAAKM,sBACtDN,KAAKE,qBAAqBwB,QAAQ1B,KAAKY,GAAI,CACzCe,WAAY,M,CAIhB,oBAAAC,G,OACEC,EAAA7B,KAAKE,wBAAoB,MAAA2B,SAAA,SAAAA,EAAEC,Y,CAI7B,kBAAAC,EAAmBC,OAAEA,IACnBhC,KAAKsB,YAAYU,EAAOC,K,CAO1B,cAAMC,G,SACJC,GAAAN,EAAA7B,KAAKY,GAAGwB,cAAU,MAAAP,SAAA,SAAAA,EAAEQ,cAAc,QAAI,MAAAF,SAAA,SAAAA,EAAEG,O,CAGlC,WAAAhB,CAAYW,EAAiC,MACnD,MAAM5B,EAAQkC,EAAoBvC,KAAKY,GAAIqB,GAE3C,GAAI5B,IAAUmC,EAAsBC,QAAS,CAC3CzC,KAAKI,WAAa,KAClBJ,KAAKK,MACHA,IAAUmC,EAAsBE,MAC5BF,EAAsBG,KACtBH,EAAsBE,K,EAIxB,aAAAE,GACN5C,KAAK6C,WAAa7C,KAAKY,GAAGyB,cAAc,wBACxC,GAAIrC,KAAK6C,WAAY,CACnB7C,KAAK6C,WAAWC,UAAY9C,KAAK6C,WAAWE,W,CAE9C,QAAS/C,KAAK6C,U,CA8BhB,MAAAG,GACE,MAAM7C,SACJA,EAAQ8C,KACRA,EAAIC,SACJA,EAAQC,eACRA,EAAcC,IACdA,EAAGC,OACHA,EAAMjD,WACNA,EAAUC,MACVA,GACEL,KAEJ,OACEsD,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,WAAY,KACb,CAAC,YAAYpD,KAAUA,IAAU,UACjC,CAAC,wBAAyBD,IAG3BJ,KAAK4C,gBACJU,EAAA,QAAMI,KAAK,gBAEXJ,EAAA,IAAAK,OAAAC,OAAA,CACEH,MAAO,CACL,CAAC,UAAWR,GAEd9C,SAAUH,KAAKiB,qBAAqBd,GACpC8C,KAAMA,EACNY,SAAUX,EACVY,eAAgBX,EAChBC,IAAKA,EACLC,OAAQA,EACRU,SAAUd,EAAO,IAAM,MACnBjD,KAAKC,oBAAmB,CAC5B+D,KAAK,SAELV,EAAA,aACCD,IAAW,UACVC,EAAA,QAAMG,MAAM,2BAA2BQ,UAAWC,K","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,f as e,h as s,H as l,g as o}from"./p-8e4e97b4.js";import{F as a,B as n,A as r,G as h,r as c,l as d,w as u,k as p,o as b,m as f,q as v,i as m,H as g,J as x,s as w}from"./p-b57e59b7.js";import{I as y}from"./p-bddf799a.js";const k=`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">\n<path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor" />\n</svg>\n`;const L=`<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n<path d="M12.6666 4.27334L11.7266 3.33334L7.99998 7.06001L4.27331 3.33334L3.33331 4.27334L7.05998 8.00001L3.33331 11.7267L4.27331 12.6667L7.99998 8.94001L11.7266 12.6667L12.6666 11.7267L8.93998 8.00001L12.6666 4.27334Z" fill="currentColor" />\n</svg>\n`;const z='/*! 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:block;position:relative;--ic-input-label-helpertext-padding:var(--ic-space-xs);--menu-max-height:100px;--border-color:var(--ic-select-field-border);--border-color-hover:var(--ic-select-field-border-hover);--border-color-pressed:var(--ic-select-field-border-pressed);--border-color-disabled:var(--ic-select-field-border-disabled);--border-color-error:var(--ic-select-field-border-error);--border-color-error-hover:var(--ic-select-field-border-error-hover);--border-color-error-pressed:var(--ic-select-field-border-error-pressed);--border-color-success:var(--ic-select-field-border-success);--border-color-success-hover:var(--ic-select-field-border-success-hover);--border-color-success-pressed:var(--ic-select-field-border-success-pressed);--border-color-warning:var(--ic-select-field-border-warning);--border-color-warning-hover:var(--ic-select-field-border-warning-hover);--border-color-warning-pressed:var(--ic-select-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-select-field-labe);--ic-input-label-helper-text-color:var(\n    --ic-select-input-field-label-subtitle\n  );--ic-input-validation-status-text-color:var(--ic-select-state-text);--ic-input-validation-error:var(--ic-select-state-icon-error);--ic-input-validation-warning-icon-color:var(--ic-select-state-icon-warning);--ic-input-validation-success-icon-color:var(--ic-select-state-icon-success);--menu-item-text-color:var(--ic-select-list-option-text);--menu-bg-color:var(--ic-select-list-option-background);--menu-border-color:var(--ic-select-dropdown-list-border)}:host(.ic-select-disabled){--ic-input-label-text-color:var(--ic-select-field-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-select-input-field-label-subtitle-disabled\n  )}:host(.ic-select-full-width){width:100%}ic-input-component-container.menu-open{--border-color:var(--ic-select-field-border-pressed)}ic-input-validation .status-icon,ic-input-validation .statustext{visibility:visible}ic-input-validation.menu-open .status-icon,ic-input-validation.menu-open .statustext{visibility:hidden;transition:visibility 0s}ic-input-label{margin-bottom:var(--ic-space-xs)}select{border:0;border-radius:var(--ic-border-radius);background-color:var(--ic-select-field-background);color:var(--ic-select-content-text);line-height:1.5rem;letter-spacing:0.005rem;width:100%;height:100%;padding-left:0.375rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:right 0.375rem center;background-image:var(--ic-select-mobile-dropdown-icon);caret-color:var(--ic-select-input-field-text-cursor)}select option,.select-option-selected{color:var(--ic-select-list-option-text)}select:disabled{color:var(--ic-select-content-text-disabled);background-image:var(--ic-select-mobile-dropdown-icon-disabled)}select:focus{border:0;outline:0}select:not([disabled]){cursor:pointer}.select-container{width:100%;display:flex;align-items:center;position:relative}.select-input{width:100%;height:100%;padding:0 0.375rem;display:flex;cursor:pointer;align-items:center;justify-content:space-between;background:none;border:none;background-color:var(--ic-select-field-background);color:var(--ic-select-content-text)}.select-input:focus{outline:none}.select-input[disabled]{pointer-events:none}:host(.ic-select-searchable) .select-input{cursor:auto}.select-input.with-clear-button{padding-right:0}.value-text{max-width:calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:0 !important}.value-text.with-clear-button{padding-right:calc(var(--ic-space-xl) + var(--ic-space-xs))}.searchable-select-container{align-items:center;display:flex;width:100%;position:relative}.expand-icon{height:var(--ic-space-lg);padding-left:var(--ic-space-xxs);color:var(--ic-select-expand-icon-color)}.expand-icon>svg{display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-select-disabled) .expand-icon,:host(.ic-select-disabled) .expand-icon>svg>path{color:var(--ic-select-disabled-expand-icon-color)}:host(.ic-select-searchable) .expand-icon{padding-left:0;height:2.25rem}:host(.ic-select-searchable) .expand-icon>svg{height:2.25rem;padding:0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n    var(--ic-space-xxs)}:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon>svg{cursor:pointer}.expand-icon-open{color:var(--ic-select-expand-icon-color)}.expand-icon-open,:host(.ic-select-searchable) .expand-icon-open{transform:rotateX(180deg)}.placeholder{color:var(--ic-select-content-placeholder-text)}:host(.ic-select-disabled.ic-select-searchable) .select-input::-moz-placeholder{color:var(--ic-select-content-text-disabled)}:host(.ic-select-disabled) .value-text,:host(.ic-select-disabled) .select-input,:host(.ic-select-disabled) .placeholder,:host(.ic-select-disabled.ic-select-searchable) .select-input::placeholder{color:var(--ic-select-content-text-disabled)}.select-input-end{display:flex;align-items:center}.clear-button-container{display:flex;align-items:center}.divider{width:var(--ic-space-1px);background-color:var(--ic-select-content-divider);margin:var(--ic-space-xxs) 0;border-radius:var(--ic-space-1px);height:var(--ic-space-lg)}:host(.ic-select-small) .divider{height:var(--ic-space-md)}:host(.ic-select-large) .divider{height:var(--ic-space-xl)}.clear-button{color:var(--ic-select-clear-button);position:absolute;right:calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));border-radius:var(--ic-border-radius);transition:box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition)}.clear-button:focus,.clear-button:active{background-color:var(--ic-color-focus-inner);box-shadow:inset 0 0 0 0.125rem var(--ic-color-focus-outer);border-radius:0.25rem}.clear-button:focus,.clear-button:active *{fill:var(--ic-atoms-input-clear-button-focus)}.clear-button.searchable{position:static}.searchable-select-results-status,.multi-select-selected-count{border:0;clip:rect(0, 0, 0, 0, 0);height:var(--ic-space-1px);overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:var(--ic-space-1px)}::slotted([slot="icon"]){fill:var(--ic-select-content-placeholder-text)}.has-value ::slotted([slot="icon"]){fill:var(--ic-select-content-text)}.readonly ::slotted([slot="icon"]){padding:0.375rem;margin-bottom:0.75rem}@media (forced-colors: active){.has-value ::slotted([slot="icon"]){fill:currentcolor}}';const C=z;let O=0;const T=[...y,"tabindex","title"];const $=class{constructor(l){t(this,l);this.icBlur=i(this,"icBlur",7);this.icChange=i(this,"icChange",7);this.icClear=i(this,"icClear",7);this.icClose=i(this,"icClose",7);this.icFocus=i(this,"icFocus",7);this.icInput=i(this,"icInput",7);this.icOpen=i(this,"icOpen",7);this.icOptionSelect=i(this,"icOptionSelect",7);this.icOptionDeselect=i(this,"icOptionDeselect",7);this.icRetryLoad=i(this,"icRetryLoad",7);this.blurredBecauseButtonPressed=false;this.hasSetDefaultValue=false;this.hasTimedOut=false;this.inheritedAttributes={};this.initialOptionsEmpty=false;this.inputId=`ic-select-input-${O++}`;this.menuId=`${this.inputId}-menu`;this.retryButtonClick=false;this.searchableMenuItemSelected=false;this.ungroupedOptions=[];this.hostMutationObserver=null;this.clearButtonFocused=false;this.noOptions=null;this.open=false;this.pressedCharacters="";this.searchableSelectInputValue=null;this.disabled=false;this.disableAutoFiltering=false;this.emptyOptionListText="No results found";this.fullWidth=false;this.helperText="";this.hideLabel=false;this.includeDescriptionsInSearch=false;this.includeGroupTitlesInSearch=false;this.loadingErrorLabel="Loading Error";this.loadingLabel="Loading...";this.multiple=false;this.name=this.inputId;this.placeholder="Select an option";this.readonly=false;this.required=false;this.searchable=false;this.searchMatchPosition="anywhere";this.selectOnEnter=false;this.showClearButton=false;this.size="medium";this.theme="inherit";this.validationAriaLive="polite";this.validationStatus="";this.validationText="";this.loading=false;this.options=[];this.filteredOptions=this.options;this.uniqueOptions=this.options;this.debounce=0;this.currDebounce=this.debounce;this.value=null;this.initialValue=this.value;this.inputValueToFilter=this.value;this.hostMutationCallback=t=>{let i=false;t.forEach((({attributeName:t,type:e,addedNodes:s,removedNodes:l})=>{if(t){const e=this.el.getAttribute(t);if(e&&T.includes(t)){this.inheritedAttributes[t]=e;i=true}}else if(e==="childList"){i=a(s,l,"icon")}}));if(i){e(this)}};this.handleRetry=t=>{var i;if(t.detail.keyPressed)(i=this.searchableSelectElement)===null||i===void 0?void 0:i.focus();this.blurredBecauseButtonPressed=true;this.retryButtonClick=true;this.hasSetDefaultValue=true;this.icRetryLoad.emit({value:this.searchable?this.searchableSelectInputValue:this.hiddenInputValue})};this.emitIcChange=t=>{if(this.multiple&&!Array.isArray(t)&&t!==null){if(this.value){let i=this.value.slice();if(this.value.includes(t)){i.splice(i.indexOf(t),1)}else{i.push(t);i=this.getValueSortedByOptions(i)}this.value=i.length===0?null:i}else{this.value=[t]}}else{this.value=t}this.icChange.emit({value:this.multiple?this.value:t})};this.emitIcInput=t=>{clearTimeout(this.debounceIcInput);this.debounceIcInput=window.setTimeout((()=>this.icInput.emit({value:t})),this.currDebounce)};this.setOptions=()=>{if(!this.hasTimedOut&&this.options!==this.noOptions){this.loading=false;clearTimeout(this.timeoutTimer);if(this.options.length>0){this.setOptionsValuesFromLabels();this.uniqueOptions=this.deduplicateOptions(this.options)}else{this.noOptions=[{label:this.emptyOptionListText,value:""}];this.uniqueOptions=this.noOptions}this.filteredOptions=this.uniqueOptions;if(this.isExternalFiltering()){this.noOptions=null;this.updateSearchableSelectResultAriaLive();this.setDefaultValue()}else if(this.initialOptionsEmpty){this.setDefaultValue();this.initialOptionsEmpty=false}}else if(!this.searchable){this.options=this.noOptions||[]}};this.deduplicateOptions=t=>{const i=[];const e=[];t.forEach((t=>{if(t.children){const s=[];t.children.forEach((t=>{if(i.includes(t.value)){console.warn(`ic-select with label ${this.label} was populated with duplicate option (value: ${t.value}) which has been removed.`)}else{i.push(t.value);s.push(t)}}));e.push(Object.assign(Object.assign({},t),{children:s}))}else{if(i.includes(t.value)){console.warn(`ic-select with label ${this.label} was populated with duplicate option (value: ${t.value}) which has been removed.`)}else{i.push(t.value);e.push(t)}}}));return e};this.setOptionsValuesFromLabels=()=>{if(this.options.length>0){this.options.map((t=>{if(!t.value){t.value=t.label}}))}};this.setUngroupedOptions=t=>{this.ungroupedOptions=t.detail.options};this.setTextColor=()=>{if(this.nativeSelectElement){this.nativeSelectElement.className=this.nativeSelectElement.selectedIndex===0?"placeholder":"select-option-selected"}};this.setMenuChange=t=>{if(this.open!==t){this.open=t}};this.getLabelFromValue=t=>n(t,this.uniqueOptions);this.getMultipleOptionsString=t=>t===null||t===void 0?void 0:t.map((t=>this.getLabelFromValue(t))).filter((t=>!!t)).join(", ");this.getFilteredChildMenuOptions=t=>Object.assign(Object.assign({},t),{children:t.children&&r(t.children,this.searchable&&!!this.includeDescriptionsInSearch,this.searchable?this.searchableSelectInputValue||"":this.pressedCharacters,this.searchable?this.searchMatchPosition:"start")});this.getValueSortedByOptions=t=>{const i=t;const e=this.ungroupedOptions.map((t=>t.value));i.sort(((t,i)=>e.indexOf(t)-e.indexOf(i)));return i};this.handleNativeSelectChange=()=>{if(this.nativeSelectElement){this.icOptionSelect.emit({value:this.nativeSelectElement.value});this.emitIcChange(this.nativeSelectElement.value)}this.setTextColor()};this.handleCustomSelectChange=t=>{var i,e;const{value:s,label:l,optionId:o}=t.detail;if(l===this.emptyOptionListText){(i=this.searchableSelectElement)===null||i===void 0?void 0:i.focus();return}if(this.searchable){this.value=s||null;this.searchableMenuItemSelected=true;if(this.value===this.currValue){this.searchableSelectInputValue=this.getLabelFromValue(this.value)||null}this.inputValueToFilter=null;this.hiddenInputValue=this.getValueFromLabel(this.searchableSelectInputValue)||null}if(s){if(this.multiple&&((e=this.value)===null||e===void 0?void 0:e.includes(s))){this.icOptionDeselect.emit({value:s})}else{this.icOptionSelect.emit({value:s})}}this.ariaActiveDescendant=o;this.emitIcChange(s||null)};this.handleSelectAllChange=({detail:t})=>{const i=this.ungroupedOptions.filter((t=>!t.disabled)).map((t=>t.value));if(t.select){const t=this.value?i.filter((t=>this.value&&!this.value.includes(t))):i;t.forEach((t=>this.icOptionSelect.emit({value:t})))}else{this.value.forEach((t=>this.icOptionDeselect.emit({value:t})))}this.emitIcChange(t.select?i:null)};this.handleMenuChange=t=>{this.open=t.detail.open;this.pressedCharacters="";if(this.searchable)this.handleFocusIndicatorDisplay()};this.handleMenuKeyPress=t=>{t.cancelBubble=true;if(!this.multiple){this.handleCharacterKeyDown(t.detail.key)}};this.handleFocusIndicatorDisplay=()=>{var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".focus-indicator");if(i){if(this.open){i.classList.add("focus-indicator-enabled")}else{i.classList.remove("focus-indicator-enabled")}}};this.handleMouseDown=t=>{if(!this.open){t.preventDefault()}};this.isExternalFiltering=()=>this.searchable&&!!this.disableAutoFiltering;this.handleClick=t=>{var i,e;if(!this.open&&this.menu){if(this.isExternalFiltering()){this.menu.options=this.filteredOptions}else if(!this.hasTimedOut&&!this.loading&&!((i=this.noOptions)===null||i===void 0?void 0:i.length)&&(!this.searchable||this.searchableMenuItemSelected)){this.noOptions=null;this.menu.options=this.uniqueOptions}}if(t.detail!==0){(e=this.menu)===null||e===void 0?void 0:e.handleClickOpen()}};this.handleExpandIconMouseDown=t=>{var i;if(!this.disabled){t.preventDefault();(i=this.searchableSelectElement)===null||i===void 0?void 0:i.focus();this.handleClick(t)}};this.handleClear=t=>{var i,e;t.stopPropagation();this.hasTimedOut=false;clearTimeout(this.timeoutTimer);this.clearInput();this.emitIcChange(null);this.icClear.emit();if(this.searchable){this.hiddenInputValue=null;(i=this.searchableSelectElement)===null||i===void 0?void 0:i.focus()}else{(e=this.customSelectElement)===null||e===void 0?void 0:e.focus()}};this.handleCharacterKeyDown=t=>{if(this.open&&t===" "&&this.pressedCharacters.length===0){this.setMenuChange(false)}if(t.length!==1||this.searchable){this.pressedCharacters="";return}window.clearTimeout(this.characterKeyPressTimer);this.characterKeyPressTimer=window.setTimeout((()=>this.pressedCharacters=""),1e3);if(t!==" "||!!this.pressedCharacters){this.pressedCharacters+=t;this.handleFilter();if(!this.noOptions){this.emitIcChange(this.filteredOptions[0].value)}}};this.handleNativeSelectKeyDown=t=>{if(t.key!=="Escape"&&t.key!=="Tab"||this.open){t.cancelBubble=true}this.handleCharacterKeyDown(t.key)};this.handleKeyDown=t=>{var i;if(t.key!=="Escape"&&t.key!=="Tab"||this.open){t.cancelBubble=true}const e=t.key==="ArrowDown"||t.key==="ArrowUp";if(this.menu&&!this.open){if(this.isExternalFiltering()&&(t.key==="Enter"||e)){this.menu.options=this.filteredOptions}else if(!this.hasTimedOut){this.noOptions=null;this.menu.options=this.uniqueOptions}}if(this.open&&t.key==="Enter"){this.setMenuChange(false)}else{if(!e||this.noOptions===null){if(t.key!==" "||this.pressedCharacters.length<=0){(i=this.menu)===null||i===void 0?void 0:i.handleKeyboardOpen(t)}if(!this.multiple){this.handleCharacterKeyDown(t.key)}}}};this.handleClearButtonFocus=()=>{this.clearButtonFocused=true};this.handleClearButtonBlur=t=>{var i;const e=(i=this.menu)===null||i===void 0?void 0:i.querySelector("#retry-button");if((!this.searchableSelectElement||t.relatedTarget!==this.searchableSelectElement)&&(!e||t.relatedTarget!==e)){this.setMenuChange(false);this.handleFocusIndicatorDisplay()}this.clearButtonFocused=false};this.handleFilter=()=>{var t;const i=this.deduplicateOptions(this.searchable?[...this.uniqueOptions]:this.ungroupedOptions);const e=i.some((t=>!!t.children));let s=[];let l;if(this.searchable){l=r(i,!!this.includeDescriptionsInSearch,this.inputValueToFilter||"",this.searchMatchPosition);this.searchableMenuItemSelected=false}else{l=r(i,false,this.pressedCharacters,"start")}if(!e&&((t=l[0])===null||t===void 0?void 0:t.label)!==this.emptyOptionListText){s=l}else if(e){s=i.map((t=>this.includeGroupTitlesInSearch&&l.indexOf(t)!==-1?t:this.getFilteredChildMenuOptions(t)))}if(s.length>0&&(!e||s.some((({children:t})=>t&&t.length>0)))){this.noOptions=null;this.filteredOptions=s}else{this.noOptions=[{label:this.emptyOptionListText,value:""}];this.filteredOptions=this.noOptions}};this.triggerLoading=()=>{this.hasTimedOut=false;this.noOptions=[{label:this.loadingLabel,value:"",loading:true}];if(this.filteredOptions!==this.noOptions&&this.searchable){this.filteredOptions=this.noOptions}else if(this.uniqueOptions!==this.noOptions&&!this.searchable){this.uniqueOptions=this.noOptions}if(this.timeout){this.timeoutTimer=window.setTimeout((()=>{this.loading=false;this.hasTimedOut=true;this.noOptions=[{label:this.loadingErrorLabel,value:"",timedOut:true}];this.filteredOptions=this.noOptions;if(!this.searchable)this.uniqueOptions=this.noOptions}),this.timeout)}};this.getValueFromLabel=t=>{var i;return t&&((i=this.uniqueOptions.find((i=>i.label===t)))===null||i===void 0?void 0:i.value)};this.handleSearchableSelectInput=t=>{this.searchableSelectInputValue=t.target.value;this.emitIcInput(this.searchableSelectInputValue);if(this.value!=null){this.emitIcChange(null)}this.hiddenInputValue=null;this.inputValueToFilter=this.searchableSelectInputValue;this.setMenuChange(true);if(!this.disableAutoFiltering){this.handleFilter();clearTimeout(this.debounceAria);window.setTimeout((()=>{this.updateSearchableSelectResultAriaLive()}),800)}};this.updateSearchableSelectResultAriaLive=()=>{var t;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".searchable-select-results-status");if(i){i.innerText=this.noOptions!==null?this.emptyOptionListText:""}};this.updateMultiSelectedCountAriaLive=()=>{var t,i;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".multi-select-selected-count");const s=`${(i=this.currValue)===null||i===void 0?void 0:i.length} of ${h(this.options)} selected`;if(e&&e.innerText!==s){e.innerText=s}};this.getDefaultValue=t=>this.getLabelFromValue(t)||null;this.setDefaultValue=()=>{if(!this.hasSetDefaultValue&&this.currValue){this.searchableSelectInputValue=this.searchable?this.getDefaultValue(this.currValue):null;this.initialValue=this.currValue;this.hasSetDefaultValue=true}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=({relatedTarget:t})=>{var i;const e=t;if(e!==null&&(e.tagName==="UL"&&e.className.includes("menu")||e.tagName==="LI"&&e.className.includes("option"))){return}const s=(i=this.menu)===null||i===void 0?void 0:i.querySelector("#retry-button");if(this.searchable&&!!this.menu&&e!==this.menu&&!Array.from(this.menu.querySelectorAll("[role='option']")).includes(e)&&(!this.clearButton||e!==this.clearButton)&&(!s||e!==s)){if(!this.retryButtonClick){this.setMenuChange(false);if(!this.value){this.clearInput()}}this.handleFocusIndicatorDisplay()}this.retryButtonClick=false;this.icBlur.emit()};this.onTimeoutBlur=t=>{if(t.detail.ev.relatedTarget!==this.searchableSelectElement&&!this.blurredBecauseButtonPressed){this.setMenuChange(false);this.handleFocusIndicatorDisplay();this.icBlur.emit()}this.blurredBecauseButtonPressed=false};this.handleFormReset=()=>{this.value=this.initialValue;if(this.searchable){this.searchableSelectInputValue=this.getDefaultValue(this.value);this.hiddenInputValue=this.value}};this.clearInput=()=>{var t;this.noOptions=null;if(this.searchable){(t=this.searchableSelectElement)===null||t===void 0?void 0:t.setAttribute("value","");this.searchableSelectInputValue=null;this.filteredOptions=this.uniqueOptions}};this.renderNativeOption=t=>s("option",{value:t.value,disabled:t.disabled,selected:t.value===this.currValue},t.label)}watchDisabledHandler(){c(this.disabled,this.el)}loadingHandler(t){t?this.triggerLoading():this.setOptions()}watchOptionsHandler(){this.setOptions()}debounceChangedHandler(t){if(this.currDebounce!==t){this.currDebounce=t}}valueChangedHandler(){if(this.value!==this.currValue){if(this.value&&this.multiple){this.currValue=this.getMultipleOptionsString(this.value)?this.getValueSortedByOptions(this.value):null;this.updateMultiSelectedCountAriaLive()}else{this.currValue=this.getLabelFromValue(this.value)?this.value:null}}if(this.searchable&&this.value){this.searchableSelectInputValue=this.getLabelFromValue(String(this.currValue))||null}}openChangedHandler(){this.open?this.icOpen.emit():this.icClose.emit()}disconnectedCallback(){var t;d(this.el,this.handleFormReset);(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentWillLoad(){const t=this.multiple?this.getMultipleOptionsString(this.value):this.getLabelFromValue(this.value);this.currValue=t?this.value:null;this.inheritedAttributes=u(this.el,T);c(this.disabled,this.el);this.setOptionsValuesFromLabels();p(this.el,this.handleFormReset);if(!this.options.length){this.initialOptionsEmpty=true;this.noOptions=[{label:this.emptyOptionListText,value:""}];this.uniqueOptions=this.noOptions;this.filteredOptions=this.noOptions}else{this.setDefaultValue();this.uniqueOptions=this.deduplicateOptions(this.options)}}componentDidLoad(){b([{prop:this.label,propName:"label"}],"Select");if(this.loading){this.triggerLoading()}if(this.searchable){this.hiddenInputValue=this.currValue}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true,childList:true})}componentDidRender(){if(this.nativeSelectElement&&!this.disabled){this.setTextColor()}}async setFocus(){if(this.nativeSelectElement){this.nativeSelectElement.focus()}else if(this.customSelectElement){this.customSelectElement.focus()}else if(this.searchableSelectElement){this.searchableSelectElement.focus()}}render(){var t;const{size:i,disabled:e,fullWidth:o,helperText:a,hideLabel:n,label:r,menuId:c,multiple:d,name:u,options:p,placeholder:b,readonly:y,required:z,searchable:C,showClearButton:O,validationAriaLive:T,validationStatus:$,validationText:H,currValue:B,theme:M,hiddenInputValue:S,open:D,inputId:j,searchableSelectInputValue:I,loading:E,value:F,emptyOptionListText:q,uniqueOptions:A,selectOnEnter:N,form:K,inheritedAttributes:W,ariaActiveDescendant:R,hasTimedOut:U,noOptions:V,filteredOptions:Z,clearButtonFocused:G}=this;f(this.el,C?S:B,u||j,e);const J=`${$===x.Error}`;const P=w($,!!e);const X=v(this.el,j,a!=="",P).trim();const _=d?this.getMultipleOptionsString(B):this.getLabelFromValue(B);const Q=!e&&(C?!!I:!!B&&!E&&O);return s(l,{key:"d4771b458b86fdf5e8fd7242b0faa34c641dc1fd",class:{"ic-select-disabled":e,"ic-select-searchable":C,[`ic-select-${i}`]:i!=="medium","ic-select-full-width":o,[`ic-theme-${M}`]:M!=="inherit"},onBlur:this.onBlur},s("ic-input-container",{key:"085e9b190479932161c56015ed340dda3e94bd20",readonly:y},!n&&s("ic-input-label",{key:"7ed1f56a30c8ba83b5c5f21291221d8910310fbd",for:j,label:r,helperText:a,required:z,disabled:e,readonly:y},s("slot",{key:"1d3aac656b887c2a553f425e310d3be2fcc0a570",name:"helper-text",slot:"helper-text"})),s("ic-input-component-container",{key:"7f6973e971e7b892717e72d8420346d8951751ca",ref:t=>this.anchorEl=t,class:{"menu-open":D},size:i,fullWidth:o,disabled:e,readonly:y,validationStatus:$},m(this.el,"icon")&&!e&&(!y||!!F)&&s("span",{key:"208359e9a4b4c92823fa924ce0e7b0e5419c0cef",slot:"left-icon",class:{readonly:y,"has-value":!!F}},s("slot",{key:"462c17f5f746f3d54eaff493c990e6527ed7c381",name:"icon"})),y?s("ic-typography",null,s("p",null,_)):g()&&!d?s("select",Object.assign({ref:t=>this.nativeSelectElement=t,disabled:e,onChange:this.handleNativeSelectChange,required:z,id:j,"aria-label":r,"aria-describedby":X,"aria-invalid":J,onBlur:this.onBlur,onFocus:this.onFocus,onKeyDown:this.handleNativeSelectKeyDown,form:K},W),s("option",{value:"",selected:true,disabled:!O},b),p.map((t=>t.children?s("optgroup",{label:t.label},t.children.map((t=>this.renderNativeOption(t)))):this.renderNativeOption(t)))):C?s("div",{class:"searchable-select-container"},s("input",{class:{"value-text":true,"select-input":true,"with-clear-button":!!I},role:"combobox",autocomplete:"off","aria-label":r,"aria-describedby":X,"aria-activedescendant":R,"aria-autocomplete":"list","aria-expanded":`${D}`,"aria-invalid":J,"aria-required":`${z}`,"aria-controls":c,ref:t=>this.searchableSelectElement=t,id:j,value:I||undefined,placeholder:b,disabled:e,onInput:this.handleSearchableSelectInput,onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,form:K}),Q&&s("div",{class:"clear-button-container"},s("ic-button",{id:"clear-button",ref:t=>this.clearButton=t,"aria-label":I&&(B===null||E)?"Clear input":"Clear selection",class:"clear-button",innerHTML:L,onClick:this.handleClear,onFocus:this.handleClearButtonFocus,onBlur:this.handleClearButtonBlur,size:i,variant:"icon-tertiary",theme:G?"light":"dark"}),s("div",{class:"divider"})),s("span",{onMouseDown:this.handleExpandIconMouseDown,class:{"expand-icon":true,"expand-icon-open":D},innerHTML:k,"aria-hidden":"true"}),s("div",{"aria-live":"polite",role:"status",class:"searchable-select-results-status"})):s("div",{class:"select-container"},s("button",{role:"combobox",class:"select-input",ref:t=>this.customSelectElement=t,id:j,"aria-label":`${r}, ${(d&&B?`${B.length} of ${h(p)} selected, ${_}`:_)||b}`,"aria-describedby":X,"aria-invalid":J,"aria-haspopup":"listbox","aria-expanded":`${D}`,"aria-owns":c,"aria-controls":c,"aria-required":`${z}`,disabled:e,onBlur:this.onBlur,onFocus:this.onFocus,onClick:this.handleClick,onMouseDown:this.handleMouseDown,onKeyDown:this.handleKeyDown},s("ic-typography",{variant:"body",class:{"value-text":true,"with-clear-button":Q,placeholder:!E&&d?!F||F.length<1:!this.getLabelFromValue(B)}},_||b),s("div",{class:"select-input-end"},Q&&s("div",{class:"divider"}),s("span",{class:{"expand-icon":true,"expand-icon-open":D},innerHTML:k,"aria-hidden":"true"}))),Q&&s("ic-button",{id:"clear-button","aria-label":"Clear selection",class:"clear-button",innerHTML:L,onClick:this.handleClear,onFocus:this.handleClearButtonFocus,onBlur:this.handleClearButtonBlur,size:i,variant:"icon-tertiary",theme:G?"light":"dark"}))),(!g()||d)&&s("ic-menu",{key:"4daeee28961203c0b190687229c0f9f2b4a1d66e",class:{"no-results":E||U||((t=V===null||V===void 0?void 0:V[0])===null||t===void 0?void 0:t.label)===q},ref:t=>this.menu=t,inputEl:C?this.searchableSelectElement:this.customSelectElement,inputLabel:r,anchorEl:this.anchorEl,size:i,menuId:c,open:D,options:C?Z:A,value:d?B:B,fullWidth:o,selectOnEnter:N,onMenuStateChange:this.handleMenuChange,onMenuOptionSelect:this.handleCustomSelectChange,onMenuOptionSelectAll:this.handleSelectAllChange,onMenuKeyPress:this.handleMenuKeyPress,onUngroupedOptionsSet:this.setUngroupedOptions,onRetryButtonClicked:this.handleRetry,parentEl:this.el,onTimeoutBlur:this.onTimeoutBlur,activationType:C||d||N?"manual":"automatic",closeOnSelect:!d,multiSelect:d?true:false,searchableSelect:C?true:false}),d&&s("div",{key:"87993e273df521157bb8101f5f96639b0cb3503b","aria-live":"polite",role:"status",class:"multi-select-selected-count"}),s("ic-input-validation",{key:"c0248fb27e0d97f885c8227ffda4534ab65561ec",class:{"menu-open":D},ariaLiveMode:T,status:P?$:"",message:P?H:"",for:j})))}static get delegatesFocus(){return true}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"],loading:["loadingHandler"],options:["watchOptionsHandler"],debounce:["debounceChangedHandler"],value:["valueChangedHandler"],open:["openChangedHandler"]}}};$.style=C;export{$ as ic_select};
+//# sourceMappingURL=p-a1857d24.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icSelectCss","IcSelectStyle0","inputIds","MUTABLE_ATTRIBUTES","IC_INHERITED_ARIA","Select","constructor","hostRef","this","blurredBecauseButtonPressed","hasSetDefaultValue","hasTimedOut","inheritedAttributes","initialOptionsEmpty","inputId","menuId","retryButtonClick","searchableMenuItemSelected","ungroupedOptions","hostMutationObserver","clearButtonFocused","noOptions","open","pressedCharacters","searchableSelectInputValue","disabled","disableAutoFiltering","emptyOptionListText","fullWidth","helperText","hideLabel","includeDescriptionsInSearch","includeGroupTitlesInSearch","loadingErrorLabel","loadingLabel","multiple","name","placeholder","readonly","required","searchable","searchMatchPosition","selectOnEnter","showClearButton","size","theme","validationAriaLive","validationStatus","validationText","loading","options","filteredOptions","uniqueOptions","debounce","currDebounce","value","initialValue","inputValueToFilter","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","type","addedNodes","removedNodes","attribute","el","getAttribute","includes","checkSlotInChildMutations","forceUpdate","handleRetry","ev","detail","keyPressed","_a","searchableSelectElement","focus","icRetryLoad","emit","hiddenInputValue","emitIcChange","Array","isArray","valueArray","slice","splice","indexOf","push","getValueSortedByOptions","length","icChange","emitIcInput","clearTimeout","debounceIcInput","window","setTimeout","icInput","setOptions","timeoutTimer","setOptionsValuesFromLabels","deduplicateOptions","label","isExternalFiltering","updateSearchableSelectResultAriaLive","setDefaultValue","uniqueValues","dedupedOptions","option","children","dedupedChildren","child","console","warn","Object","assign","map","setUngroupedOptions","event","setTextColor","nativeSelectElement","className","selectedIndex","setMenuChange","getLabelFromValue","getMultipleOptionsString","selectedValues","filter","join","getFilteredChildMenuOptions","getFilteredMenuOptions","valuesFromAllOptions","sort","a","b","handleNativeSelectChange","icOptionSelect","handleCustomSelectChange","optionId","currValue","getValueFromLabel","_b","icOptionDeselect","ariaActiveDescendant","handleSelectAllChange","allValues","select","unselectedValues","handleMenuChange","handleFocusIndicatorDisplay","handleMenuKeyPress","cancelBubble","handleCharacterKeyDown","key","focusIndicator","shadowRoot","querySelector","classList","add","remove","handleMouseDown","preventDefault","handleClick","menu","handleClickOpen","handleExpandIconMouseDown","handleClear","stopPropagation","clearInput","icClear","customSelectElement","characterKeyPressTimer","handleFilter","handleNativeSelectKeyDown","handleKeyDown","isArrowKey","handleKeyboardOpen","handleClearButtonFocus","handleClearButtonBlur","retryButton","relatedTarget","isGrouped","some","newFilteredOptions","menuOptionsFiltered","triggerLoading","timeout","timedOut","find","handleSearchableSelectInput","target","debounceAria","searchableSelectResultsStatusEl","innerText","updateMultiSelectedCountAriaLive","multiSelectSelectedCountEl","selectedCount","getOptionsWithoutGroupTitlesCount","getDefaultValue","onFocus","icFocus","onBlur","tagName","from","querySelectorAll","clearButton","icBlur","onTimeoutBlur","handleFormReset","setAttribute","renderNativeOption","h","selected","watchDisabledHandler","removeDisabledFalse","loadingHandler","newValue","watchOptionsHandler","debounceChangedHandler","valueChangedHandler","String","openChangedHandler","icOpen","icClose","disconnectedCallback","removeFormResetListener","disconnect","componentWillLoad","valueInOptions","inheritAttributes","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","MutationObserver","observe","attributes","childList","componentDidRender","setFocus","render","form","renderHiddenInput","invalid","IcInformationStatus","Error","showValidation","hasValidationStatus","describedBy","getInputDescribedByText","trim","valueLabelString","isClearable","Host","class","for","slot","ref","anchorEl","isSlotUsed","isMobileOrTablet","onChange","id","onKeyDown","role","autocomplete","undefined","onInput","onClick","innerHTML","Clear","variant","onMouseDown","Expand","inputEl","inputLabel","onMenuStateChange","onMenuOptionSelect","onMenuOptionSelectAll","onMenuKeyPress","onUngroupedOptionsSet","onRetryButtonClicked","parentEl","activationType","closeOnSelect","multiSelect","searchableSelect","ariaLiveMode","status","message"],"sources":["src/components/ic-select/ic-select.css?tag=ic-select&encapsulation=shadow","src/components/ic-select/ic-select.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --input-width: Width of the input field\n * @prop --menu-width: Width of the dropdown menu\n * @prop --ic-z-index-menu: z-index of select menu\n */\n\n:host {\n  display: block;\n  position: relative;\n\n  --ic-input-label-helpertext-padding: var(--ic-space-xs);\n  --menu-max-height: 100px;\n  --border-color: var(--ic-select-field-border);\n  --border-color-hover: var(--ic-select-field-border-hover);\n  --border-color-pressed: var(--ic-select-field-border-pressed);\n  --border-color-disabled: var(--ic-select-field-border-disabled);\n  --border-color-error: var(--ic-select-field-border-error);\n  --border-color-error-hover: var(--ic-select-field-border-error-hover);\n  --border-color-error-pressed: var(--ic-select-field-border-error-pressed);\n  --border-color-success: var(--ic-select-field-border-success);\n  --border-color-success-hover: var(--ic-select-field-border-success-hover);\n  --border-color-success-pressed: var(--ic-select-field-border-success-pressed);\n  --border-color-warning: var(--ic-select-field-border-warning);\n  --border-color-warning-hover: var(--ic-select-field-border-warning-hover);\n  --border-color-warning-pressed: var(--ic-select-field-border-warning-pressed);\n  --ic-input-label-text-color: var(--ic-select-field-labe);\n  --ic-input-label-helper-text-color: var(\n    --ic-select-input-field-label-subtitle\n  );\n  --ic-input-validation-status-text-color: var(--ic-select-state-text);\n  --ic-input-validation-error: var(--ic-select-state-icon-error);\n  --ic-input-validation-warning-icon-color: var(--ic-select-state-icon-warning);\n  --ic-input-validation-success-icon-color: var(--ic-select-state-icon-success);\n  --menu-item-text-color: var(--ic-select-list-option-text);\n  --menu-bg-color: var(--ic-select-list-option-background);\n  --menu-border-color: var(--ic-select-dropdown-list-border);\n}\n\n:host(.ic-select-disabled) {\n  --ic-input-label-text-color: var(--ic-select-field-label-disabled);\n  --ic-input-label-helper-text-color: var(\n    --ic-select-input-field-label-subtitle-disabled\n  );\n}\n\n:host(.ic-select-full-width) {\n  width: 100%;\n}\n\nic-input-component-container.menu-open {\n  --border-color: var(--ic-select-field-border-pressed);\n}\n\nic-input-validation .status-icon,\nic-input-validation .statustext {\n  visibility: visible;\n}\n\nic-input-validation.menu-open .status-icon,\nic-input-validation.menu-open .statustext {\n  visibility: hidden;\n  transition: visibility 0s;\n}\n\nic-input-label {\n  margin-bottom: var(--ic-space-xs);\n}\n\nselect {\n  border: 0;\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-select-field-background);\n  color: var(--ic-select-content-text);\n  line-height: 1.5rem;\n  letter-spacing: 0.005rem;\n  width: 100%;\n  height: 100%;\n  padding-left: 0.375rem;\n  appearance: none;\n  background-repeat: no-repeat;\n  background-position: right 0.375rem center;\n  background-image: var(--ic-select-mobile-dropdown-icon);\n  caret-color: var(--ic-select-input-field-text-cursor);\n}\n\nselect option,\n.select-option-selected {\n  color: var(--ic-select-list-option-text);\n}\n\nselect:disabled {\n  color: var(--ic-select-content-text-disabled);\n  background-image: var(--ic-select-mobile-dropdown-icon-disabled);\n}\n\nselect:focus {\n  border: 0;\n  outline: 0;\n}\n\nselect:not([disabled]) {\n  cursor: pointer;\n}\n\n.select-container {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.select-input {\n  width: 100%;\n  height: 100%;\n  padding: 0 0.375rem;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  justify-content: space-between;\n  background: none;\n  border: none;\n  background-color: var(--ic-select-field-background);\n  color: var(--ic-select-content-text);\n}\n\n.select-input:focus {\n  outline: none;\n}\n\n.select-input[disabled] {\n  pointer-events: none;\n}\n\n:host(.ic-select-searchable) .select-input {\n  cursor: auto;\n}\n\n.select-input.with-clear-button {\n  padding-right: 0;\n}\n\n.value-text {\n  max-width: calc(100% - (var(--ic-space-lg) + var(--ic-space-xxs)));\n  box-sizing: border-box;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  margin-bottom: 0 !important;\n}\n\n.value-text.with-clear-button {\n  padding-right: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n.searchable-select-container {\n  align-items: center;\n  display: flex;\n  width: 100%;\n  position: relative;\n}\n\n.expand-icon {\n  height: var(--ic-space-lg);\n  padding-left: var(--ic-space-xxs);\n  color: var(--ic-select-expand-icon-color);\n}\n\n.expand-icon > svg {\n  display: inline-block;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n:host(.ic-select-disabled) .expand-icon,\n:host(.ic-select-disabled) .expand-icon > svg > path {\n  color: var(--ic-select-disabled-expand-icon-color);\n}\n\n:host(.ic-select-searchable) .expand-icon {\n  padding-left: 0;\n  height: 2.25rem;\n}\n\n:host(.ic-select-searchable) .expand-icon > svg {\n  height: 2.25rem;\n  padding: 0 calc(var(--ic-space-xxxs) + var(--ic-space-xxs)) 0\n    var(--ic-space-xxs);\n}\n\n:host(.ic-select-searchable:not(.ic-select-disabled)) .expand-icon > svg {\n  cursor: pointer;\n}\n\n.expand-icon-open {\n  color: var(--ic-select-expand-icon-color);\n}\n\n.expand-icon-open,\n:host(.ic-select-searchable) .expand-icon-open {\n  transform: rotateX(180deg);\n}\n\n.placeholder {\n  color: var(--ic-select-content-placeholder-text);\n}\n\n:host(.ic-select-disabled) .value-text,\n:host(.ic-select-disabled) .select-input,\n:host(.ic-select-disabled) .placeholder,\n:host(.ic-select-disabled.ic-select-searchable) .select-input::placeholder {\n  color: var(--ic-select-content-text-disabled);\n}\n\n.select-input-end {\n  display: flex;\n  align-items: center;\n}\n\n.clear-button-container {\n  display: flex;\n  align-items: center;\n}\n\n.divider {\n  width: var(--ic-space-1px);\n  background-color: var(--ic-select-content-divider);\n  margin: var(--ic-space-xxs) 0;\n  border-radius: var(--ic-space-1px);\n  height: var(--ic-space-lg);\n}\n\n:host(.ic-select-small) .divider {\n  height: var(--ic-space-md);\n}\n\n:host(.ic-select-large) .divider {\n  height: var(--ic-space-xl);\n}\n\n.clear-button {\n  color: var(--ic-select-clear-button);\n  position: absolute;\n  right: calc(var(--ic-space-xl) + var(--ic-space-xxs) - var(--ic-space-1px));\n  border-radius: var(--ic-border-radius);\n  transition: box-shadow var(--ic-easing-transition),\n    border-radius var(--ic-easing-transition);\n}\n\n.clear-button:focus,\n.clear-button:active {\n  background-color: var(--ic-color-focus-inner);\n  box-shadow: inset 0 0 0 0.125rem var(--ic-color-focus-outer);\n  border-radius: 0.25rem;\n}\n\n.clear-button:focus,\n.clear-button:active * {\n  fill: var(--ic-atoms-input-clear-button-focus);\n}\n\n.clear-button.searchable {\n  position: static;\n}\n\n.searchable-select-results-status,\n.multi-select-selected-count {\n  border: 0;\n  clip: rect(0, 0, 0, 0, 0);\n  height: var(--ic-space-1px);\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: var(--ic-space-1px);\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-select-content-placeholder-text);\n}\n\n.has-value ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-select-content-text);\n}\n\n.readonly ::slotted([slot=\"icon\"]) {\n  padding: 0.375rem;\n  margin-bottom: 0.75rem;\n}\n\n@media (forced-colors: active) {\n  .has-value ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  h,\n  State,\n  Watch,\n  forceUpdate,\n} from \"@stencil/core\";\n\nimport {\n  getInputDescribedByText,\n  getLabelFromValue,\n  hasValidationStatus,\n  inheritAttributes,\n  onComponentRequiredPropUndefined,\n  renderHiddenInput,\n  isMobileOrTablet,\n  getFilteredMenuOptions,\n  getOptionsWithoutGroupTitlesCount,\n  addFormResetListener,\n  removeFormResetListener,\n  removeDisabledFalse,\n  checkSlotInChildMutations,\n  isSlotUsed,\n} from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n  IcAriaLive,\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n  IcMenuOption,\n  IcSearchMatchPositions,\n  IcMultiValueEventDetail,\n  IcSizes,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport Expand from \"./assets/Expand.svg\";\nimport Clear from \"./assets/Clear.svg\";\nimport {\n  IcMenuChangeEventDetail,\n  IcOptionSelectEventDetail,\n} from \"../ic-menu/ic-menu.types\";\n\nlet inputIds = 0;\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"tabindex\", \"title\"];\n\n/**\n * @slot helper-text - Content is set as the helper text for the select.\n * @slot icon - Content will be placed to the left of the select text input.\n */\n@Component({\n  tag: \"ic-select\",\n  styleUrl: \"ic-select.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Select {\n  private anchorEl?: HTMLElement;\n  private blurredBecauseButtonPressed = false;\n  private characterKeyPressTimer?: number;\n  private clearButton?: HTMLIcButtonElement;\n  private customSelectElement?: HTMLButtonElement;\n  private debounceAria?: number;\n  private hasSetDefaultValue = false;\n  private hasTimedOut = false;\n  private inheritedAttributes: { [k: string]: string } = {};\n  private initialOptionsEmpty = false;\n  private inputId = `ic-select-input-${inputIds++}`;\n  private menu?: HTMLIcMenuElement;\n  private menuId = `${this.inputId}-menu`;\n  private nativeSelectElement?: HTMLSelectElement;\n  private retryButtonClick = false;\n  private searchableMenuItemSelected = false;\n  private searchableSelectElement?: HTMLInputElement;\n  private timeoutTimer?: number;\n  private ungroupedOptions: IcMenuOption[] = [];\n  private hostMutationObserver: MutationObserver | null = null;\n\n  @Element() el!: HTMLIcSelectElement;\n\n  @State() ariaActiveDescendant?: string;\n  @State() clearButtonFocused = false;\n  @State() debounceIcInput?: number;\n  @State() hiddenInputValue: string | null;\n  @State() noOptions: IcMenuOption[] | null = null;\n  @State() open = false;\n  @State() pressedCharacters = \"\";\n  @State() searchableSelectInputValue: string | null = null;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop({ reflect: true }) disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source.\n   */\n  @Prop() disableAutoFiltering = false;\n\n  /**\n   * The text displayed when there are no options in the option list.\n   */\n  @Prop() emptyOptionListText = \"No results found\";\n\n  /**\n   * The <form> element to associate the select with.\n   */\n  @Prop() form?: string;\n\n  /**\n   * If `true`, the select will fill the width of the container.\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText = \"\";\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel = false;\n\n  /**\n   * If `true`, descriptions of options will be included when filtering options in a searchable select. Only applies to built in filtering.\n   */\n  @Prop() includeDescriptionsInSearch = false;\n\n  /**\n   * If `true`, group titles of grouped options will be included when filtering options in a searchable select. Only applies to built in filtering.\n   */\n  @Prop() includeGroupTitlesInSearch = false;\n\n  /**\n   * The label for the select.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The message displayed when external loading times out.\n   */\n  @Prop() loadingErrorLabel = \"Loading Error\";\n\n  /**\n   * The message displayed whilst the options are being loaded externally.\n   */\n  @Prop() loadingLabel = \"Loading...\";\n\n  /**\n   * If `true`, multiple options can be selected.\n   */\n  @Prop() multiple = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name = this.inputId;\n\n  /**\n   * The placeholder value to be displayed.\n   */\n  @Prop() placeholder = \"Select an option\";\n\n  /**\n   * If `true`, the readonly state will be set.\n   */\n  @Prop() readonly = false;\n\n  /**\n   * If `true`, the select will require a value.\n   */\n  @Prop() required = false;\n\n  /**\n   * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options. This functionality is only available on the single-select variant of the select component.\n   */\n  @Prop() searchable = false;\n\n  /**\n   * Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering.\n   */\n  @Prop() searchMatchPosition: IcSearchMatchPositions = \"anywhere\";\n\n  /**\n   * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown on the single select.\n   */\n  @Prop() selectOnEnter = false;\n\n  /**\n   * If `true`, a button which clears the select input when clicked will be displayed. The button will always appear on the searchable select.\n   */\n  @Prop() showClearButton = false;\n\n  /**\n   * The size of the select.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\n  /**\n   * If using external filtering, set a timeout for when loading takes too long.\n   */\n  @Prop() timeout?: number;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * The value of the `aria-live` attribute on the validation message.\n   */\n  @Prop() validationAriaLive: IcAriaLive = \"polite\";\n\n  /**\n   * The validation status - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The text to display as the validation message.\n   */\n  @Prop() validationText = \"\";\n\n  /**\n   * If `true`, the loading state will be triggered when fetching options asynchronously.\n   */\n  @Prop({ mutable: true }) loading = false;\n  @Watch(\"loading\")\n  loadingHandler(newValue: boolean): void {\n    newValue ? this.triggerLoading() : this.setOptions();\n  }\n\n  /**\n   * The possible selection options.\n   */\n  @Prop() options: IcMenuOption[] = [];\n  @State() filteredOptions: IcMenuOption[] = this.options;\n  @State() uniqueOptions: IcMenuOption[] = this.options;\n  @Watch(\"options\")\n  watchOptionsHandler(): void {\n    this.setOptions();\n  }\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the `icInput` event after each keystroke.\n   */\n  @Prop() debounce = 0;\n  @State() currDebounce = this.debounce;\n  @Watch(\"debounce\")\n  debounceChangedHandler(newValue: number): void {\n    if (this.currDebounce !== newValue) {\n      this.currDebounce = newValue;\n    }\n  }\n\n  /**\n   * The value of the select, reflected by the value of the currently selected option.\n   * For the searchable variant, the value is also reflected by the user input.\n   * For the multi-select variant, the value must be an array of option values.\n   */\n  @Prop({ mutable: true }) value: string | string[] | null = null;\n  @State() initialValue = this.value;\n  @State() inputValueToFilter: string | null = this.value as string;\n  @State() currValue: string | string[] | null;\n  @Watch(\"value\")\n  valueChangedHandler(): void {\n    if (this.value !== this.currValue) {\n      if (this.value && this.multiple) {\n        this.currValue = this.getMultipleOptionsString(this.value as string[])\n          ? this.getValueSortedByOptions(this.value as string[])\n          : null;\n        this.updateMultiSelectedCountAriaLive();\n      } else {\n        this.currValue = this.getLabelFromValue(this.value as string)\n          ? this.value\n          : null;\n      }\n    }\n\n    if (this.searchable && this.value) {\n      // Only set if value not null - prevents whole input value being cleared when edited\n      this.searchableSelectInputValue =\n        this.getLabelFromValue(String(this.currValue)) || null;\n    }\n  }\n\n  @Watch(\"open\")\n  openChangedHandler(): void {\n    this.open ? this.icOpen.emit() : this.icClose.emit();\n  }\n\n  /**\n   * Emitted when the select loses focus.\n   */\n  @Event() icBlur: EventEmitter<void>;\n\n  /**\n   * Emitted when the value changes.\n   */\n  @Event() icChange: EventEmitter<IcMultiValueEventDetail>;\n\n  /**\n   * Emitted when the clear or clear all button is clicked.\n   */\n  @Event() icClear: EventEmitter<void>;\n\n  /**\n   * Emitted when the select options menu is closed.\n   */\n  @Event() icClose: EventEmitter<void>;\n\n  /**\n   * Emitted when the select gains focus.\n   */\n  @Event() icFocus: EventEmitter<void>;\n\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() icInput: EventEmitter<IcMultiValueEventDetail>;\n\n  /**\n   * Emitted when the select options menu is opened.\n   */\n  @Event() icOpen: EventEmitter<void>;\n\n  /**\n   * Emitted when an option is selected.\n   * Selecting an option will also trigger an `icChange/onIcChange` due to the value being updated.\n   */\n  @Event() icOptionSelect: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * Emitted when `multiple` is `true` and an option is deselected.\n   */\n  @Event() icOptionDeselect: EventEmitter<IcOptionSelectEventDetail>;\n\n  /**\n   * Emitted when the 'retry loading' button is clicked for a searchable variant.\n   */\n  @Event() icRetryLoad: EventEmitter<IcMultiValueEventDetail>;\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.el, this.handleFormReset);\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    const valueInOptions = this.multiple\n      ? this.getMultipleOptionsString(this.value as string[])\n      : this.getLabelFromValue(this.value as string);\n    this.currValue = valueInOptions ? this.value : null;\n    this.inheritedAttributes = inheritAttributes(this.el, MUTABLE_ATTRIBUTES);\n\n    removeDisabledFalse(this.disabled, this.el);\n\n    this.setOptionsValuesFromLabels();\n\n    addFormResetListener(this.el, this.handleFormReset);\n\n    if (!this.options.length) {\n      this.initialOptionsEmpty = true;\n      this.noOptions = [{ label: this.emptyOptionListText, value: \"\" }];\n      this.uniqueOptions = this.noOptions;\n      this.filteredOptions = this.noOptions;\n    } else {\n      this.setDefaultValue();\n      this.uniqueOptions = this.deduplicateOptions(this.options);\n    }\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Select\"\n    );\n\n    if (this.loading) {\n      this.triggerLoading();\n    }\n\n    if (this.searchable) {\n      this.hiddenInputValue = this.currValue as string;\n    }\n\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, {\n      attributes: true,\n      childList: true,\n    });\n  }\n\n  componentDidRender(): void {\n    if (this.nativeSelectElement && !this.disabled) {\n      this.setTextColor();\n    }\n  }\n\n  /**\n   * Sets focus on the input box.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.nativeSelectElement) {\n      this.nativeSelectElement.focus();\n    } else if (this.customSelectElement) {\n      this.customSelectElement.focus();\n    } else if (this.searchableSelectElement) {\n      this.searchableSelectElement.focus();\n    }\n  }\n\n  // triggered when attributes of host element change\n  private hostMutationCallback = (mutationList: MutationRecord[]) => {\n    let forceComponentUpdate = false;\n    mutationList.forEach(\n      ({ attributeName, type, addedNodes, removedNodes }) => {\n        if (attributeName) {\n          const attribute = this.el.getAttribute(attributeName);\n          if (attribute && MUTABLE_ATTRIBUTES.includes(attributeName)) {\n            this.inheritedAttributes[attributeName] = attribute;\n            forceComponentUpdate = true;\n          }\n        } else if (type === \"childList\") {\n          forceComponentUpdate = checkSlotInChildMutations(\n            addedNodes,\n            removedNodes,\n            \"icon\"\n          );\n        }\n      }\n    );\n    if (forceComponentUpdate) {\n      forceUpdate(this);\n    }\n  };\n\n  private handleRetry = (ev: CustomEvent<IcMultiValueEventDetail>) => {\n    if (ev.detail.keyPressed) this.searchableSelectElement?.focus();\n    this.blurredBecauseButtonPressed = true;\n    this.retryButtonClick = true;\n    this.hasSetDefaultValue = true;\n    this.icRetryLoad.emit({\n      value: this.searchable\n        ? this.searchableSelectInputValue\n        : this.hiddenInputValue,\n    });\n  };\n\n  private emitIcChange = (value: string | string[] | null) => {\n    // If \"Select all\" button clicked, replace value with new value (array of all option values)\n    if (this.multiple && !Array.isArray(value) && value !== null) {\n      // Update selected options - adds / removes them, in order of option list\n      // Create new array if value prop is undefined\n      if (this.value) {\n        let valueArray = (this.value as string[]).slice();\n\n        if (this.value.includes(value)) {\n          valueArray.splice(valueArray.indexOf(value), 1);\n        } else {\n          valueArray.push(value);\n          valueArray = this.getValueSortedByOptions(valueArray);\n        }\n\n        this.value = valueArray.length === 0 ? null : valueArray;\n      } else {\n        this.value = [value];\n      }\n    } else {\n      this.value = value;\n    }\n\n    this.icChange.emit({ value: this.multiple ? this.value : value });\n  };\n\n  private emitIcInput = (value: string) => {\n    clearTimeout(this.debounceIcInput);\n    this.debounceIcInput = window.setTimeout(\n      () => this.icInput.emit({ value }),\n      this.currDebounce\n    );\n  };\n\n  private setOptions = () => {\n    if (!this.hasTimedOut && this.options !== this.noOptions) {\n      this.loading = false;\n      clearTimeout(this.timeoutTimer);\n\n      if (this.options.length > 0) {\n        this.setOptionsValuesFromLabels();\n        this.uniqueOptions = this.deduplicateOptions(this.options);\n      } else {\n        this.noOptions = [{ label: this.emptyOptionListText, value: \"\" }];\n        this.uniqueOptions = this.noOptions;\n      }\n\n      this.filteredOptions = this.uniqueOptions;\n\n      if (this.isExternalFiltering()) {\n        // When searchable select\n        this.noOptions = null;\n        this.updateSearchableSelectResultAriaLive();\n        this.setDefaultValue();\n      } else if (this.initialOptionsEmpty) {\n        this.setDefaultValue();\n        this.initialOptionsEmpty = false;\n      }\n    } else if (!this.searchable) {\n      this.options = this.noOptions || [];\n    }\n  };\n\n  /**\n   * Processes the provided array of IcMenuOptions, removing duplicates and reporting them with a console.warn\n   * @param options array of IcMenuOptions\n   * @returns a new options object, with all entries possessing a duplicate 'value' field removed\n   */\n  private deduplicateOptions = (options: IcMenuOption[]) => {\n    const uniqueValues: string[] = [];\n    const dedupedOptions: IcMenuOption[] = [];\n\n    options.forEach((option) => {\n      if (option.children) {\n        //If an option has children, we will loop through them\n        const dedupedChildren: IcMenuOption[] = [];\n        option.children.forEach((child) => {\n          if (uniqueValues.includes(child.value)) {\n            console.warn(\n              `ic-select with label ${this.label} was populated with duplicate option (value: ${child.value}) which has been removed.`\n            );\n          } else {\n            uniqueValues.push(child.value);\n            dedupedChildren.push(child);\n          }\n        });\n        // construct a modified option, inserting the deduplicated children alongside the original information\n        dedupedOptions.push({\n          ...option,\n          children: dedupedChildren,\n        });\n      } else {\n        // If an option does not have children, assess to see if it's value has been included already\n        if (uniqueValues.includes(option.value)) {\n          console.warn(\n            `ic-select with label ${this.label} was populated with duplicate option (value: ${option.value}) which has been removed.`\n          );\n        } else {\n          uniqueValues.push(option.value);\n          dedupedOptions.push(option);\n        }\n      }\n    });\n    return dedupedOptions;\n  };\n\n  /**\n   * Loop through options array and for all options with no value, infer it from the label\n   */\n  private setOptionsValuesFromLabels = () => {\n    if (this.options.length > 0) {\n      this.options.map((option) => {\n        if (!option.value) {\n          option.value = option.label;\n        }\n      });\n    }\n  };\n\n  private setUngroupedOptions = (event: CustomEvent) => {\n    this.ungroupedOptions = event.detail.options;\n  };\n\n  private setTextColor = () => {\n    if (this.nativeSelectElement) {\n      this.nativeSelectElement.className =\n        this.nativeSelectElement.selectedIndex === 0\n          ? \"placeholder\"\n          : \"select-option-selected\";\n    }\n  };\n\n  private setMenuChange = (open: boolean) => {\n    if (this.open !== open) {\n      this.open = open;\n    }\n  };\n\n  private getLabelFromValue = (value: string) =>\n    getLabelFromValue(value, this.uniqueOptions);\n\n  private getMultipleOptionsString = (selectedValues: string[]) =>\n    selectedValues\n      ?.map((value) => this.getLabelFromValue(value))\n      .filter((label) => !!label)\n      .join(\", \");\n\n  private getFilteredChildMenuOptions = (\n    option: IcMenuOption\n  ): IcMenuOption => ({\n    ...option,\n    children:\n      option.children &&\n      getFilteredMenuOptions(\n        option.children,\n        this.searchable && !!this.includeDescriptionsInSearch,\n        this.searchable\n          ? this.searchableSelectInputValue || \"\"\n          : this.pressedCharacters,\n        this.searchable ? this.searchMatchPosition : \"start\"\n      ),\n  });\n\n  // (For multi-select) get value array, i.e. selected option values, in order they appear in option list\n  private getValueSortedByOptions = (value: string[]) => {\n    const valueArray = value;\n    const valuesFromAllOptions = this.ungroupedOptions.map(\n      (option) => option.value\n    );\n\n    valueArray.sort(\n      (a, b) =>\n        valuesFromAllOptions.indexOf(a) - valuesFromAllOptions.indexOf(b)\n    );\n\n    return valueArray;\n  };\n\n  private handleNativeSelectChange = () => {\n    if (this.nativeSelectElement) {\n      this.icOptionSelect.emit({ value: this.nativeSelectElement.value });\n      this.emitIcChange(this.nativeSelectElement.value);\n    }\n    this.setTextColor();\n  };\n\n  // Handle option select for when a custom input box and menu is rendered\n  // (rather than native <select> - rendered when viewed on a mobile / tablet screen)\n  private handleCustomSelectChange = (\n    event: CustomEvent<IcOptionSelectEventDetail>\n  ) => {\n    const { value, label, optionId } = event.detail;\n\n    if (label === this.emptyOptionListText) {\n      this.searchableSelectElement?.focus();\n      return;\n    }\n\n    if (this.searchable) {\n      this.value = value || null;\n      this.searchableMenuItemSelected = true;\n\n      // After editing the input, if selecting the same option as before, set the input value to label again\n      if (this.value === this.currValue) {\n        this.searchableSelectInputValue =\n          this.getLabelFromValue(this.value as string) || null;\n      }\n\n      this.inputValueToFilter = null;\n      this.hiddenInputValue =\n        this.getValueFromLabel(this.searchableSelectInputValue) || null;\n    }\n\n    if (value) {\n      if (this.multiple && this.value?.includes(value)) {\n        this.icOptionDeselect.emit({ value });\n      } else {\n        this.icOptionSelect.emit({ value });\n      }\n    }\n\n    this.ariaActiveDescendant = optionId;\n    this.emitIcChange(value || null);\n  };\n\n  private handleSelectAllChange = ({\n    detail,\n  }: CustomEvent<{ select: boolean }>) => {\n    const allValues = this.ungroupedOptions\n      .filter((option) => !option.disabled)\n      .map((option) => option.value);\n\n    if (detail.select) {\n      // Only emit icOptionSelect for all values that are newly selected\n      const unselectedValues = this.value\n        ? allValues.filter(\n            (value) => this.value && !(this.value as string[]).includes(value)\n          )\n        : allValues;\n\n      unselectedValues.forEach((value) => this.icOptionSelect.emit({ value }));\n    } else {\n      // Only emit icOptionDeselect for values that were selected\n      (this.value as string[]).forEach((value) =>\n        this.icOptionDeselect.emit({ value })\n      );\n    }\n\n    this.emitIcChange(detail.select ? allValues : null);\n  };\n\n  private handleMenuChange = (event: CustomEvent<IcMenuChangeEventDetail>) => {\n    this.open = event.detail.open;\n    this.pressedCharacters = \"\";\n\n    if (this.searchable) this.handleFocusIndicatorDisplay();\n  };\n\n  // clears the debounce delay when navigating the menu with arrow keys etc\n  // to prevent delay in change event, which should only occur when typing in input\n  private handleMenuKeyPress = (ev: CustomEvent): void => {\n    ev.cancelBubble = true;\n    if (!this.multiple) {\n      this.handleCharacterKeyDown(ev.detail.key);\n    }\n  };\n\n  private handleFocusIndicatorDisplay = () => {\n    const focusIndicator =\n      this.el.shadowRoot?.querySelector(\".focus-indicator\");\n\n    if (focusIndicator) {\n      if (this.open) {\n        focusIndicator.classList.add(\"focus-indicator-enabled\");\n      } else {\n        focusIndicator.classList.remove(\"focus-indicator-enabled\");\n      }\n    }\n  };\n\n  private handleMouseDown = (event: Event) => {\n    if (!this.open) {\n      event.preventDefault();\n    }\n  };\n\n  private isExternalFiltering = () =>\n    this.searchable && !!this.disableAutoFiltering;\n\n  private handleClick = (event: MouseEvent) => {\n    if (!this.open && this.menu) {\n      if (this.isExternalFiltering()) {\n        this.menu.options = this.filteredOptions;\n      } else if (\n        !this.hasTimedOut &&\n        !this.loading &&\n        !this.noOptions?.length &&\n        (!this.searchable || this.searchableMenuItemSelected)\n      ) {\n        this.noOptions = null;\n        this.menu.options = this.uniqueOptions;\n      }\n    }\n\n    if (event.detail !== 0) {\n      this.menu?.handleClickOpen();\n    }\n  };\n\n  private handleExpandIconMouseDown = (event: MouseEvent) => {\n    if (!this.disabled) {\n      event.preventDefault();\n      this.searchableSelectElement?.focus();\n      this.handleClick(event);\n    }\n  };\n\n  private handleClear = (event: Event) => {\n    event.stopPropagation();\n    this.hasTimedOut = false;\n    clearTimeout(this.timeoutTimer);\n    this.clearInput();\n    this.emitIcChange(null);\n    this.icClear.emit();\n\n    if (this.searchable) {\n      this.hiddenInputValue = null;\n      this.searchableSelectElement?.focus();\n    } else {\n      this.customSelectElement?.focus();\n    }\n  };\n\n  private handleCharacterKeyDown = (key: string) => {\n    // Only close menu when space is pressed if not being used alongside character keys to quickly select options\n    if (this.open && key === \" \" && this.pressedCharacters.length === 0) {\n      this.setMenuChange(false);\n    }\n\n    if (key.length !== 1 || this.searchable) {\n      this.pressedCharacters = \"\";\n      return;\n    }\n\n    window.clearTimeout(this.characterKeyPressTimer);\n    this.characterKeyPressTimer = window.setTimeout(\n      () => (this.pressedCharacters = \"\"),\n      1000\n    );\n\n    if (key !== \" \" || !!this.pressedCharacters) {\n      this.pressedCharacters += key;\n      this.handleFilter();\n\n      if (!this.noOptions) {\n        this.emitIcChange(this.filteredOptions[0].value);\n      }\n    }\n  };\n\n  private handleNativeSelectKeyDown = (event: KeyboardEvent) => {\n    if ((event.key !== \"Escape\" && event.key !== \"Tab\") || this.open) {\n      event.cancelBubble = true;\n    }\n    this.handleCharacterKeyDown(event.key);\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if ((event.key !== \"Escape\" && event.key !== \"Tab\") || this.open) {\n      event.cancelBubble = true;\n    }\n    const isArrowKey = event.key === \"ArrowDown\" || event.key === \"ArrowUp\";\n\n    if (this.menu && !this.open) {\n      if (this.isExternalFiltering() && (event.key === \"Enter\" || isArrowKey)) {\n        this.menu.options = this.filteredOptions;\n      } else if (!this.hasTimedOut) {\n        this.noOptions = null;\n        this.menu.options = this.uniqueOptions;\n      }\n    }\n\n    if (this.open && event.key === \"Enter\") {\n      this.setMenuChange(false);\n    } else {\n      if (!isArrowKey || this.noOptions === null) {\n        if (event.key !== \" \" || this.pressedCharacters.length <= 0) {\n          // Keyboard events get passed onto ic-menu\n          this.menu?.handleKeyboardOpen(event);\n        }\n        if (!this.multiple) {\n          this.handleCharacterKeyDown(event.key);\n        }\n      }\n    }\n  };\n\n  private handleClearButtonFocus = () => {\n    this.clearButtonFocused = true;\n  };\n\n  private handleClearButtonBlur = (ev: FocusEvent) => {\n    const retryButton = this.menu?.querySelector(\"#retry-button\");\n    if (\n      (!this.searchableSelectElement ||\n        ev.relatedTarget !== this.searchableSelectElement) &&\n      (!retryButton || ev.relatedTarget !== retryButton)\n    ) {\n      this.setMenuChange(false);\n      this.handleFocusIndicatorDisplay();\n    }\n    this.clearButtonFocused = false;\n  };\n\n  private handleFilter = () => {\n    const options = this.deduplicateOptions(\n      this.searchable ? [...this.uniqueOptions] : this.ungroupedOptions\n    );\n\n    const isGrouped = options.some((option) => !!option.children);\n    let newFilteredOptions: IcMenuOption[] = [];\n\n    let menuOptionsFiltered: IcMenuOption[];\n\n    if (this.searchable) {\n      menuOptionsFiltered = getFilteredMenuOptions(\n        options,\n        !!this.includeDescriptionsInSearch,\n        this.inputValueToFilter || \"\",\n        this.searchMatchPosition\n      );\n      this.searchableMenuItemSelected = false;\n    } else {\n      menuOptionsFiltered = getFilteredMenuOptions(\n        options,\n        false,\n        this.pressedCharacters,\n        \"start\"\n      );\n    }\n\n    if (\n      !isGrouped &&\n      menuOptionsFiltered[0]?.label !== this.emptyOptionListText\n    ) {\n      newFilteredOptions = menuOptionsFiltered;\n    } else if (isGrouped) {\n      newFilteredOptions = options.map((option) =>\n        this.includeGroupTitlesInSearch &&\n        menuOptionsFiltered.indexOf(option) !== -1\n          ? option\n          : this.getFilteredChildMenuOptions(option)\n      );\n    }\n\n    if (\n      newFilteredOptions.length > 0 &&\n      (!isGrouped ||\n        newFilteredOptions.some(\n          ({ children }) => children && children.length > 0\n        ))\n    ) {\n      this.noOptions = null;\n      this.filteredOptions = newFilteredOptions;\n    } else {\n      this.noOptions = [{ label: this.emptyOptionListText, value: \"\" }];\n      this.filteredOptions = this.noOptions;\n    }\n  };\n\n  /**\n   * Put the select component into loading state.\n   * Replace options with the loading message. If timeout is enabled, set the timeout and once passed, replace options with the loading error message\n   */\n  private triggerLoading = () => {\n    this.hasTimedOut = false;\n    this.noOptions = [{ label: this.loadingLabel, value: \"\", loading: true }];\n    if (this.filteredOptions !== this.noOptions && this.searchable) {\n      this.filteredOptions = this.noOptions;\n    } else if (this.uniqueOptions !== this.noOptions && !this.searchable) {\n      this.uniqueOptions = this.noOptions;\n    }\n    if (this.timeout) {\n      this.timeoutTimer = window.setTimeout(() => {\n        this.loading = false;\n        this.hasTimedOut = true;\n        this.noOptions = [\n          { label: this.loadingErrorLabel, value: \"\", timedOut: true },\n        ];\n        this.filteredOptions = this.noOptions;\n        if (!this.searchable) this.uniqueOptions = this.noOptions;\n      }, this.timeout);\n    }\n  };\n\n  private getValueFromLabel = (label: string | null): string | undefined =>\n    label && this.uniqueOptions.find((option) => option.label === label)?.value;\n\n  private handleSearchableSelectInput = (event: Event) => {\n    this.searchableSelectInputValue = (event.target as HTMLInputElement).value;\n    this.emitIcInput(this.searchableSelectInputValue);\n\n    // De-select previous selection when input is edited\n    // Only emit icChange once when editing input\n    if (this.value != null) {\n      this.emitIcChange(null);\n    }\n\n    this.hiddenInputValue = null;\n    this.inputValueToFilter = this.searchableSelectInputValue;\n    this.setMenuChange(true);\n\n    if (!this.disableAutoFiltering) {\n      this.handleFilter();\n      clearTimeout(this.debounceAria);\n\n      window.setTimeout(() => {\n        this.updateSearchableSelectResultAriaLive();\n      }, 800);\n    }\n  };\n\n  private updateSearchableSelectResultAriaLive = () => {\n    const searchableSelectResultsStatusEl =\n      this.el.shadowRoot?.querySelector<HTMLDivElement>(\n        \".searchable-select-results-status\"\n      );\n\n    if (searchableSelectResultsStatusEl) {\n      searchableSelectResultsStatusEl.innerText =\n        this.noOptions !== null ? this.emptyOptionListText : \"\";\n    }\n  };\n\n  private updateMultiSelectedCountAriaLive = () => {\n    const multiSelectSelectedCountEl =\n      this.el.shadowRoot?.querySelector<HTMLDivElement>(\n        \".multi-select-selected-count\"\n      );\n\n    const selectedCount = `${\n      this.currValue?.length\n    } of ${getOptionsWithoutGroupTitlesCount(this.options)} selected`;\n\n    if (\n      multiSelectSelectedCountEl &&\n      multiSelectSelectedCountEl.innerText !== selectedCount\n    ) {\n      multiSelectSelectedCountEl.innerText = selectedCount;\n    }\n  };\n\n  private getDefaultValue = (value: string) =>\n    this.getLabelFromValue(value) || null;\n\n  private setDefaultValue = () => {\n    if (!this.hasSetDefaultValue && this.currValue) {\n      this.searchableSelectInputValue = this.searchable\n        ? this.getDefaultValue(this.currValue as string)\n        : null;\n\n      this.initialValue = this.currValue;\n      this.hasSetDefaultValue = true;\n    }\n  };\n\n  private onFocus = () => {\n    this.icFocus.emit();\n  };\n\n  private onBlur = ({ relatedTarget }: FocusEvent) => {\n    const target = relatedTarget as HTMLElement;\n    if (\n      target !== null &&\n      ((target.tagName === \"UL\" && target.className.includes(\"menu\")) ||\n        (target.tagName === \"LI\" && target.className.includes(\"option\")))\n    ) {\n      return;\n    }\n\n    const retryButton = this.menu?.querySelector(\"#retry-button\");\n\n    if (\n      this.searchable &&\n      !!this.menu &&\n      target !== this.menu &&\n      !Array.from(this.menu.querySelectorAll(\"[role='option']\")).includes(\n        target\n      ) &&\n      (!this.clearButton || target !== this.clearButton) &&\n      (!retryButton || target !== retryButton)\n    ) {\n      if (!this.retryButtonClick) {\n        this.setMenuChange(false);\n        // Clear input field on blur when searchable if no option is selected\n        if (!this.value) {\n          this.clearInput();\n        }\n      }\n      this.handleFocusIndicatorDisplay();\n    }\n\n    this.retryButtonClick = false;\n    this.icBlur.emit();\n  };\n\n  private onTimeoutBlur = (ev: CustomEvent) => {\n    if (\n      (ev.detail.ev as FocusEvent).relatedTarget !==\n        this.searchableSelectElement &&\n      !this.blurredBecauseButtonPressed\n    ) {\n      this.setMenuChange(false);\n      this.handleFocusIndicatorDisplay();\n      this.icBlur.emit();\n    }\n    this.blurredBecauseButtonPressed = false;\n  };\n\n  private handleFormReset = () => {\n    this.value = this.initialValue;\n    if (this.searchable) {\n      this.searchableSelectInputValue = this.getDefaultValue(\n        this.value as string\n      );\n      this.hiddenInputValue = this.value as string;\n    }\n  };\n\n  private clearInput = () => {\n    this.noOptions = null;\n\n    if (this.searchable) {\n      this.searchableSelectElement?.setAttribute(\"value\", \"\");\n      this.searchableSelectInputValue = null;\n      this.filteredOptions = this.uniqueOptions;\n    }\n  };\n\n  private renderNativeOption = (option: IcMenuOption) => (\n    <option\n      value={option.value}\n      disabled={option.disabled}\n      selected={option.value === this.currValue}\n    >\n      {option.label}\n    </option>\n  );\n\n  render() {\n    const {\n      size,\n      disabled,\n      fullWidth,\n      helperText,\n      hideLabel,\n      label,\n      menuId,\n      multiple,\n      name,\n      options,\n      placeholder,\n      readonly,\n      required,\n      searchable,\n      showClearButton,\n      validationAriaLive,\n      validationStatus,\n      validationText,\n      currValue,\n      theme,\n      hiddenInputValue,\n      open,\n      inputId,\n      searchableSelectInputValue,\n      loading,\n      value,\n      emptyOptionListText,\n      uniqueOptions,\n      selectOnEnter,\n      form,\n      inheritedAttributes,\n      ariaActiveDescendant,\n      hasTimedOut,\n      noOptions,\n      filteredOptions,\n      clearButtonFocused,\n    } = this;\n\n    // HTML inputs only accept 'string' for their value\n    // Does not cause errors when it is a multi-select - sets value correctly, to a comma-separated string\n    renderHiddenInput(\n      this.el,\n      searchable ? hiddenInputValue : (currValue as string),\n      name || inputId,\n      disabled\n    );\n\n    const invalid = `${validationStatus === IcInformationStatus.Error}`;\n\n    const showValidation = hasValidationStatus(validationStatus, !!disabled);\n\n    const describedBy = getInputDescribedByText(\n      this.el,\n      inputId,\n      helperText !== \"\",\n      showValidation\n    ).trim();\n\n    const valueLabelString = multiple\n      ? this.getMultipleOptionsString(currValue as string[])\n      : this.getLabelFromValue(currValue as string);\n\n    const isClearable =\n      !disabled &&\n      (searchable\n        ? !!searchableSelectInputValue\n        : !!currValue && !loading && showClearButton);\n\n    return (\n      <Host\n        class={{\n          \"ic-select-disabled\": disabled,\n          \"ic-select-searchable\": searchable,\n          [`ic-select-${size}`]: size !== \"medium\",\n          \"ic-select-full-width\": fullWidth,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        onBlur={this.onBlur}\n      >\n        <ic-input-container readonly={readonly}>\n          {!hideLabel && (\n            <ic-input-label\n              for={inputId}\n              label={label}\n              helperText={helperText}\n              required={required}\n              disabled={disabled}\n              readonly={readonly}\n            >\n              <slot name=\"helper-text\" slot=\"helper-text\"></slot>\n            </ic-input-label>\n          )}\n          <ic-input-component-container\n            ref={(el) => (this.anchorEl = el)}\n            class={{ \"menu-open\": open }}\n            size={size}\n            fullWidth={fullWidth}\n            disabled={disabled}\n            readonly={readonly}\n            validationStatus={validationStatus}\n          >\n            {isSlotUsed(this.el, \"icon\") &&\n              !disabled &&\n              (!readonly || !!value) && (\n                <span\n                  slot=\"left-icon\"\n                  class={{\n                    readonly,\n                    \"has-value\": !!value,\n                  }}\n                >\n                  <slot name=\"icon\" />\n                </span>\n              )}\n            {readonly ? (\n              <ic-typography>\n                <p>{valueLabelString}</p>\n              </ic-typography>\n            ) : isMobileOrTablet() && !multiple ? (\n              <select\n                ref={(el) => (this.nativeSelectElement = el)}\n                disabled={disabled}\n                onChange={this.handleNativeSelectChange}\n                required={required}\n                id={inputId}\n                aria-label={label}\n                aria-describedby={describedBy}\n                aria-invalid={invalid}\n                onBlur={this.onBlur}\n                onFocus={this.onFocus}\n                onKeyDown={this.handleNativeSelectKeyDown}\n                form={form}\n                {...inheritedAttributes}\n              >\n                <option value=\"\" selected disabled={!showClearButton}>\n                  {placeholder}\n                </option>\n                {options.map((option) =>\n                  option.children ? (\n                    <optgroup label={option.label}>\n                      {option.children.map((child) =>\n                        this.renderNativeOption(child)\n                      )}\n                    </optgroup>\n                  ) : (\n                    this.renderNativeOption(option)\n                  )\n                )}\n              </select>\n            ) : searchable ? (\n              <div class=\"searchable-select-container\">\n                <input\n                  class={{\n                    \"value-text\": true,\n                    \"select-input\": true,\n                    \"with-clear-button\": !!searchableSelectInputValue,\n                  }}\n                  role=\"combobox\"\n                  autocomplete=\"off\"\n                  aria-label={label}\n                  aria-describedby={describedBy}\n                  aria-activedescendant={ariaActiveDescendant}\n                  aria-autocomplete=\"list\"\n                  aria-expanded={`${open}`}\n                  aria-invalid={invalid}\n                  aria-required={`${required}`}\n                  aria-controls={menuId}\n                  ref={(el) => (this.searchableSelectElement = el)}\n                  id={inputId}\n                  value={searchableSelectInputValue || undefined}\n                  placeholder={placeholder}\n                  disabled={disabled}\n                  onInput={this.handleSearchableSelectInput}\n                  onClick={this.handleClick}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.onFocus}\n                  onBlur={this.onBlur}\n                  form={form}\n                ></input>\n                {isClearable && (\n                  <div class=\"clear-button-container\">\n                    <ic-button\n                      id=\"clear-button\"\n                      ref={(el) => (this.clearButton = el)}\n                      aria-label={\n                        searchableSelectInputValue &&\n                        (currValue === null || loading)\n                          ? \"Clear input\"\n                          : \"Clear selection\"\n                      }\n                      class=\"clear-button\"\n                      innerHTML={Clear}\n                      onClick={this.handleClear}\n                      onFocus={this.handleClearButtonFocus}\n                      onBlur={this.handleClearButtonBlur}\n                      size={size}\n                      variant=\"icon-tertiary\"\n                      theme={clearButtonFocused ? \"light\" : \"dark\"}\n                    ></ic-button>\n                    <div class=\"divider\"></div>\n                  </div>\n                )}\n                <span\n                  onMouseDown={this.handleExpandIconMouseDown}\n                  class={{\n                    \"expand-icon\": true,\n                    \"expand-icon-open\": open,\n                  }}\n                  innerHTML={Expand}\n                  aria-hidden=\"true\"\n                />\n                <div\n                  aria-live=\"polite\"\n                  role=\"status\"\n                  class=\"searchable-select-results-status\"\n                ></div>\n              </div>\n            ) : (\n              <div class=\"select-container\">\n                <button\n                  role=\"combobox\"\n                  class=\"select-input\"\n                  ref={(el) => (this.customSelectElement = el)}\n                  id={inputId}\n                  aria-label={`${label}, ${\n                    (multiple && currValue\n                      ? `${\n                          currValue.length\n                        } of ${getOptionsWithoutGroupTitlesCount(\n                          options\n                        )} selected, ${valueLabelString}`\n                      : valueLabelString) || placeholder\n                  }`}\n                  aria-describedby={describedBy}\n                  aria-invalid={invalid}\n                  aria-haspopup=\"listbox\"\n                  aria-expanded={`${open}`}\n                  aria-owns={menuId}\n                  aria-controls={menuId}\n                  aria-required={`${required}`}\n                  disabled={disabled}\n                  onBlur={this.onBlur}\n                  onFocus={this.onFocus}\n                  onClick={this.handleClick}\n                  onMouseDown={this.handleMouseDown}\n                  onKeyDown={this.handleKeyDown}\n                >\n                  <ic-typography\n                    variant=\"body\"\n                    class={{\n                      \"value-text\": true,\n                      \"with-clear-button\": isClearable,\n                      placeholder:\n                        !loading && multiple\n                          ? !value || value.length < 1\n                          : !this.getLabelFromValue(currValue as string),\n                    }}\n                  >\n                    {valueLabelString || placeholder}\n                  </ic-typography>\n                  <div class=\"select-input-end\">\n                    {isClearable && <div class=\"divider\"></div>}\n                    <span\n                      class={{\n                        \"expand-icon\": true,\n                        \"expand-icon-open\": open,\n                      }}\n                      innerHTML={Expand}\n                      aria-hidden=\"true\"\n                    />\n                  </div>\n                </button>\n                {isClearable && (\n                  <ic-button\n                    id=\"clear-button\"\n                    aria-label=\"Clear selection\"\n                    class=\"clear-button\"\n                    innerHTML={Clear}\n                    onClick={this.handleClear}\n                    onFocus={this.handleClearButtonFocus}\n                    onBlur={this.handleClearButtonBlur}\n                    size={size}\n                    variant=\"icon-tertiary\"\n                    theme={clearButtonFocused ? \"light\" : \"dark\"}\n                  ></ic-button>\n                )}\n              </div>\n            )}\n          </ic-input-component-container>\n          {(!isMobileOrTablet() || multiple) && (\n            <ic-menu\n              class={{\n                \"no-results\":\n                  loading ||\n                  hasTimedOut ||\n                  noOptions?.[0]?.label === emptyOptionListText,\n              }}\n              ref={(el) => (this.menu = el)}\n              inputEl={\n                searchable\n                  ? this.searchableSelectElement\n                  : this.customSelectElement\n              }\n              inputLabel={label}\n              anchorEl={this.anchorEl}\n              size={size}\n              menuId={menuId}\n              open={open}\n              options={searchable ? filteredOptions : uniqueOptions}\n              value={multiple ? (currValue as string[]) : (currValue as string)}\n              fullWidth={fullWidth}\n              selectOnEnter={selectOnEnter}\n              onMenuStateChange={this.handleMenuChange}\n              onMenuOptionSelect={this.handleCustomSelectChange}\n              onMenuOptionSelectAll={this.handleSelectAllChange}\n              onMenuKeyPress={this.handleMenuKeyPress}\n              onUngroupedOptionsSet={this.setUngroupedOptions}\n              onRetryButtonClicked={this.handleRetry}\n              parentEl={this.el}\n              onTimeoutBlur={this.onTimeoutBlur}\n              activationType={\n                searchable || multiple || selectOnEnter ? \"manual\" : \"automatic\"\n              }\n              closeOnSelect={!multiple}\n              multiSelect={multiple ? true : false}\n              searchableSelect={searchable ? true : false}\n            ></ic-menu>\n          )}\n          {multiple && (\n            <div\n              aria-live=\"polite\"\n              role=\"status\"\n              class=\"multi-select-selected-count\"\n            ></div>\n          )}\n          <ic-input-validation\n            class={{\n              \"menu-open\": open,\n            }}\n            ariaLiveMode={validationAriaLive}\n            status={showValidation ? validationStatus : \"\"}\n            message={showValidation ? validationText : \"\"}\n            for={inputId}\n          ></ic-input-validation>\n        </ic-input-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as a,g as i}from"./p-8e4e97b4.js";import{D as s,i as n,f as o,h as d}from"./p-b57e59b7.js";import"./p-bddf799a.js";const r='/*! 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:block;z-index:var(--ic-z-index-page-header)}:host(.ic-page-header-sticky){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}header{background-color:var(--ic-page-header-background)}header.border-bottom{border-bottom:var(--ic-border-default);border-bottom:var(--ic-space-1px) solid var(--ic-page-header-border)}header.tabs{padding-top:var(--ic-space-md)}.breadcrumb-area{margin-bottom:var(--ic-space-md)}.main-content{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"title-area action-area"\n    "input-area action-area";-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md);justify-content:space-between;width:100%}.title-area{display:flex;flex-direction:column;flex:1;min-width:19rem;grid-area:title-area}.header-content{display:flex;align-items:center;width:100%;flex-wrap:wrap;-moz-column-gap:var(--ic-space-md);column-gap:var(--ic-space-md)}.heading{display:inline-block;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.subheading-content{margin-top:var(--ic-space-xs)}.subheading-content.small{margin-top:var(--ic-space-md)}.action-area{display:flex;gap:var(--ic-space-md);flex-flow:row wrap;justify-self:end;justify-content:flex-end;height:-moz-fit-content;height:fit-content;grid-area:action-area}.input-area,.navigation-area{margin-top:var(--ic-space-md);width:100%}.tabs-slot{display:flex;overflow-x:auto;padding:0.5rem;margin:-0.5rem}.tabs-slot::-webkit-scrollbar{display:none}.input-area{grid-area:input-area}@media screen and (max-width: 576px){::slotted(ic-text-field){--input-width:100%;max-width:20rem}.main-content{grid-template-areas:"title-area"\n      "action-area"\n      "input-area";justify-content:flex-start}.title-area{min-width:0}.action-area{min-width:100%;margin-top:var(--ic-space-md);justify-content:start}}@media screen and (min-width: 992px){:host(.ic-page-header-sticky-desktop){position:sticky;top:0;box-shadow:var(--ic-elevation-overlay);z-index:var(--ic-z-index-sticky-page-header)}}';const c=r;const l=class{constructor(t){e(this,t);this.resizeObserver=null;this.areButtonsReversed=false;this.deviceSize=s.XL;this.aligned="left";this.border=true;this.reverseOrder=false;this.size="medium";this.sticky=false;this.stickyDesktopOnly=false;this.theme="inherit";this.resizeObserverCallback=()=>{if(this.reverseOrder&&n(this.el,"actions")){this.applyReverseOrder()}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)};this.applyReverseOrder=()=>{var e;const t=o();if(t!==this.deviceSize){this.deviceSize=t}const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("div.action-area");const i=[];for(let e=0;e<this.actionContent.length;e++){const t=this.actionContent[e];let a=t.offsetHeight;if(a===undefined){a=0}i.push(a)}const n=Math.max(...i);let d=a.offsetHeight;if(d===undefined){d=0}const r=()=>{this.actionContent=this.actionContent.reverse();this.actionContent.forEach((e=>{this.el.append(e)}));this.areButtonsReversed=!this.areButtonsReversed};if(this.deviceSize>s.S&&d<=n&&!this.areButtonsReversed||(this.deviceSize>s.S&&d>n||this.deviceSize<=s.S)&&this.areButtonsReversed){r()}}}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.actionContent=Array.from(this.el.querySelectorAll(`[slot="actions"]`))}componentDidLoad(){d(this.runResizeObserver)}render(){var e,i;const{size:s,border:o,heading:d,subheading:r,aligned:c,sticky:l,stickyDesktopOnly:b,theme:h}=this;const p=`${n(this.el,"heading")?(i=(e=this.el.querySelector('[slot="heading"]'))===null||e===void 0?void 0:e.textContent)!==null&&i!==void 0?i:"":d!==null&&d!==void 0?d:""} page sections`;return t(a,{key:"ef9b1c5acf30851bedddd8f840fae60b545dfd3f",class:{["ic-page-header-sticky"]:!!l,["ic-page-header-sticky-desktop"]:!l&&!!b,[`ic-theme-${h}`]:h!=="inherit"},"aria-label":this.el.ariaLabel||"page header"},t("header",{key:"e3f5ec39b13afbd9be424125fa43ea4634a90418",class:{["border-bottom"]:!!o,["tabs"]:n(this.el,"tabs")},role:"presentation"},t("ic-section-container",{key:"7b58d10dbc3e72c05db7fdc67342eedfde9ed139",aligned:c,fullHeight:n(this.el,"tabs")},n(this.el,"breadcrumbs")&&t("div",{key:"386e595418e6234228b2518c430d59248b68641f",class:"breadcrumb-area"},t("slot",{key:"c11be2d0fdccd46ff3ac512a2816b7d6ceceac72",name:"breadcrumbs"})),t("div",{key:"d9d1bd5b030a28dbdccbdbb80a5ef609bcc927df",class:"main-content"},t("div",{key:"4743493c932b474fad24fc708ca05648d516f3fe",class:"title-area"},t("div",{key:"34fb35fd36f2ef0d8edf3efa0b7e62323be512bb",class:"header-content"},t("slot",{key:"1830379330d7f2a2742dd5ed75c5ea1755d7f8aa",name:"heading"},t("ic-typography",{key:"44e86892aa90b0af8eb1def5733852a4e8225dbb",variant:s==="small"?"h4":"h2",class:"heading"},t("h2",{key:"be25fb99e3e8e5c81c209d1bcd57680718bdc5b8"},d))),t("slot",{key:"c907d0d661b042a77232979fd99a375dcfcc96fe",name:"heading-adornment"})),t("div",{key:"a7561b492f4d5135b4d8957694e498a50ca42645",class:{["subheading-content"]:!!r||n(this.el,"subheading"),["small"]:s==="small"}},t("slot",{key:"6dc20fc584493c88e1a3baaf5badf583ad4bf694",name:"subheading"},t("ic-typography",{key:"a1baec7c38856a1d982e7be6cdba10f59ca01351",variant:"body"},r)))),n(this.el,"actions")&&t("div",{key:"1b5c8bc9cdcb8398379665c2ca60a470a8e5a486",class:"action-area"},t("slot",{key:"dcc940cea6c4a0b5871aa1501752fed22cc5f932",name:"actions"})),n(this.el,"input")&&t("div",{key:"8d0ff957c398f1ac9d8cbc7c78ec18c9b2710a43",class:"input-area"},t("slot",{key:"3dc09d1512ad8ce911ddee0a2dddafb8ae52450c",name:"input"}))),(n(this.el,"stepper")||n(this.el,"tabs"))&&t("div",{key:"9f527e5a1c67ec718a55fa4756249bb0f4c6a6fe",class:"navigation-area"},n(this.el,"stepper")&&!n(this.el,"tabs")&&t("slot",{key:"c8f71660620ec8d74dcefb02f2663a625e539a4d",name:"stepper"}),n(this.el,"tabs")&&t("nav",{key:"b2aef6529f53572613bf7a0996e6f1644c98463b","aria-label":p},t("ic-horizontal-scroll",{key:"fcb0cd4af39f445f6dd6e84d46e9289a2623ce8f"},t("ul",{key:"20c1b075f4f784856f4b067d25d4b1aff1720327",class:"tabs-slot"},t("slot",{key:"3f35ee8f7b07edbe36f979aee6638e0e430d9ea0",name:"tabs"}))))))))}get el(){return i(this)}};l.style=c;export{l as ic_page_header};
+//# sourceMappingURL=p-a1e2e029.entry.js.map

package/dist/core/{p-a77364f5.entry.js.map → p-a1e2e029.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icPageHeaderCss","IcPageHeaderStyle0","PageHeader","constructor","hostRef","this","resizeObserver","areButtonsReversed","deviceSize","DEVICE_SIZES","XL","aligned","border","reverseOrder","size","sticky","stickyDesktopOnly","theme","resizeObserverCallback","isSlotUsed","el","applyReverseOrder","runResizeObserver","ResizeObserver","observe","currSize","getCurrentDeviceSize","actionArea","_a","shadowRoot","querySelector","actionHeights","i","actionContent","length","action","actionHeight","offsetHeight","undefined","push","max","Math","actionAreaHeight","appendActionContent","reverse","forEach","btn","append","S","disconnectedCallback","disconnect","componentWillLoad","Array","from","querySelectorAll","componentDidLoad","checkResizeObserver","render","heading","subheading","navAriaLabel","_b","textContent","h","Host","key","class","ariaLabel","role","fullHeight","name","variant"],"sources":["src/components/ic-page-header/ic-page-header.css?tag=ic-page-header&encapsulation=shadow","src/components/ic-page-header/ic-page-header.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-page-header: z-index of page-header\n */\n\n:host {\n  display: block;\n  z-index: var(--ic-z-index-page-header);\n}\n\n:host(.ic-page-header-sticky) {\n  position: sticky;\n  top: 0;\n  box-shadow: var(--ic-elevation-overlay);\n  z-index: var(--ic-z-index-sticky-page-header);\n}\n\nheader {\n  background-color: var(--ic-page-header-background);\n}\n\nheader.border-bottom {\n  border-bottom: var(--ic-border-default);\n  border-bottom: var(--ic-space-1px) solid var(--ic-page-header-border);\n}\n\nheader.tabs {\n  padding-top: var(--ic-space-md);\n}\n\n.breadcrumb-area {\n  margin-bottom: var(--ic-space-md);\n}\n\n.main-content {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-template-areas:\n    \"title-area action-area\"\n    \"input-area action-area\";\n  column-gap: var(--ic-space-md);\n  justify-content: space-between;\n  width: 100%;\n}\n\n.title-area {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 19rem;\n  grid-area: title-area;\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  flex-wrap: wrap;\n  column-gap: var(--ic-space-md);\n}\n\n.heading {\n  display: inline-block;\n  overflow-wrap: break-word;\n  hyphens: auto;\n}\n\n.subheading-content {\n  margin-top: var(--ic-space-xs);\n}\n\n.subheading-content.small {\n  margin-top: var(--ic-space-md);\n}\n\n.action-area {\n  display: flex;\n  gap: var(--ic-space-md);\n  flex-flow: row wrap;\n  justify-self: end;\n  justify-content: flex-end;\n  height: fit-content;\n  grid-area: action-area;\n}\n\n.input-area,\n.navigation-area {\n  margin-top: var(--ic-space-md);\n  width: 100%;\n}\n\n.tabs-slot {\n  display: flex;\n  overflow-x: auto;\n  padding: 0.5rem;\n  margin: -0.5rem;\n}\n\n.tabs-slot::-webkit-scrollbar {\n  display: none;\n}\n\n.input-area {\n  grid-area: input-area;\n}\n\n@media screen and (max-width: 576px) {\n  ::slotted(ic-text-field) {\n    --input-width: 100%;\n\n    max-width: 20rem;\n  }\n\n  .main-content {\n    grid-template-areas:\n      \"title-area\"\n      \"action-area\"\n      \"input-area\";\n    justify-content: flex-start;\n  }\n\n  .title-area {\n    min-width: 0;\n  }\n\n  .action-area {\n    min-width: 100%;\n    margin-top: var(--ic-space-md);\n    justify-content: start;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  :host(.ic-page-header-sticky-desktop) {\n    position: sticky;\n    top: 0;\n    box-shadow: var(--ic-elevation-overlay);\n    z-index: var(--ic-z-index-sticky-page-header);\n  }\n}\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\n\nimport { IcAlignment, IcSizesNoLarge, IcThemeMode } from \"../../utils/types\";\n\nimport {\n  isSlotUsed,\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  checkResizeObserver,\n} from \"../../utils/helpers\";\n\n/**\n * @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.\n * @slot heading - Content will be rendered in the title area, in place of the heading.\n * @slot subheading - Content will be rendered in the title area, in place of the subheading.\n * @slot heading-adornment - Content will be rendered in the title area, adjacent to the heading.\n * @slot actions - Content will be rendered in the action area, adjacent to the title area.\n * @slot input - Content will be rendered in the input area, below the title area and adjacent to the action area.\n * @slot stepper - Content will be rendered in the navigation area, below the title and action areas. Note: stepper slot cannot be used when the tabs slot is being used.\n * @slot tabs - Content will be rendered in the navigation area, below the title and action areas. Note: the stepper slot cannot be used when the tabs slot is being used.\n */\n\n@Component({\n  tag: \"ic-page-header\",\n  styleUrl: \"ic-page-header.css\",\n  shadow: true,\n})\nexport class PageHeader {\n  private resizeObserver: ResizeObserver | null = null;\n\n  @Element() el: HTMLIcPageHeaderElement;\n\n  @State() actionContent: Node[];\n  @State() areButtonsReversed: boolean = false;\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n\n  /**\n   * The alignment of the page header.\n   */\n  @Prop() aligned?: IcAlignment = \"left\";\n\n  /**\n   * If `true`, a border will be displayed along the bottom of the page header.\n   */\n  @Prop() border?: boolean = true;\n\n  /**\n   * The title to render on the page header.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * If `true`, the reading pattern and tab order will change in the action area for viewport widths of above 576px and when actions have not wrapped.\n   */\n  @Prop() reverseOrder?: boolean = false;\n\n  /**\n   * The size of the page header component.\n   */\n  @Prop() size?: IcSizesNoLarge = \"medium\";\n\n  /**\n   * If `true`, the page header will be sticky at all breakpoints.\n   */\n  @Prop() sticky?: boolean = false;\n\n  /**\n   *  If `true`, the page header will only be sticky for viewport widths of 992px and above.\n   */\n  @Prop() stickyDesktopOnly?: boolean = false;\n\n  /**\n   * The subtitle to render on the page header.\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad(): void {\n    this.actionContent = Array.from(\n      this.el.querySelectorAll(`[slot=\"actions\"]`)\n    );\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  private resizeObserverCallback = () => {\n    if (this.reverseOrder && isSlotUsed(this.el, \"actions\")) {\n      this.applyReverseOrder();\n    }\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.resizeObserverCallback();\n    });\n    this.resizeObserver.observe(this.el);\n  };\n\n  private applyReverseOrder = (): void => {\n    const currSize = getCurrentDeviceSize();\n    if (currSize !== this.deviceSize) {\n      this.deviceSize = currSize;\n    }\n\n    const actionArea = this.el.shadowRoot?.querySelector(\n      \"div.action-area\"\n    ) as HTMLElement;\n    const actionHeights: number[] = [];\n\n    /* For each button in the actions slot, check the height of the button and push this number into the actionHeights array and then find the greatest number in this array (i.e. find the height of the tallest button) */\n    for (let i = 0; i < this.actionContent.length; i++) {\n      const action = this.actionContent[i] as HTMLElement;\n      let actionHeight = action.offsetHeight;\n      if (actionHeight === undefined) {\n        actionHeight = 0;\n      }\n      actionHeights.push(actionHeight);\n    }\n\n    const max = Math.max(...actionHeights);\n\n    /* The smallest breakpoint displays buttons in the same order the user has slotted them in. When the device size is larger than the small breakpoint then the order of the button reverses due to best practice for reading patterns. If the device size is larger than the small breakpoint and the buttons have started to wrap then they follow the order the user has slotted them in. This logic is programmed based on the height of the action-area div that wraps the actions slot. If the height of the action-area div is taller than the height of the tallest button, then it is assumed that the taller height is caused by the buttons wrapping */\n    let actionAreaHeight = actionArea.offsetHeight;\n\n    if (actionAreaHeight === undefined) {\n      actionAreaHeight = 0;\n    }\n\n    const appendActionContent = () => {\n      this.actionContent = this.actionContent.reverse();\n      this.actionContent.forEach((btn: string | Node) => {\n        this.el.append(btn);\n      });\n      this.areButtonsReversed = !this.areButtonsReversed;\n    };\n\n    if (\n      (this.deviceSize > DEVICE_SIZES.S &&\n        actionAreaHeight <= max &&\n        !this.areButtonsReversed) ||\n      (((this.deviceSize > DEVICE_SIZES.S && actionAreaHeight > max) ||\n        this.deviceSize <= DEVICE_SIZES.S) &&\n        this.areButtonsReversed)\n    ) {\n      appendActionContent();\n    }\n  };\n\n  render() {\n    const {\n      size,\n      border,\n      heading,\n      subheading,\n      aligned,\n      sticky,\n      stickyDesktopOnly,\n      theme,\n    } = this;\n\n    const navAriaLabel = `${\n      isSlotUsed(this.el, \"heading\")\n        ? this.el.querySelector('[slot=\"heading\"]')?.textContent ?? \"\"\n        : heading ?? \"\"\n    } page sections`;\n\n    return (\n      <Host\n        class={{\n          [\"ic-page-header-sticky\"]: !!sticky,\n          [\"ic-page-header-sticky-desktop\"]: !sticky && !!stickyDesktopOnly,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        aria-label={this.el.ariaLabel || \"page header\"}\n      >\n        <header\n          class={{\n            [\"border-bottom\"]: !!border,\n            [\"tabs\"]: isSlotUsed(this.el, \"tabs\"),\n          }}\n          role=\"presentation\"\n        >\n          <ic-section-container\n            aligned={aligned}\n            fullHeight={isSlotUsed(this.el, \"tabs\")}\n          >\n            {isSlotUsed(this.el, \"breadcrumbs\") && (\n              <div class=\"breadcrumb-area\">\n                <slot name=\"breadcrumbs\" />\n              </div>\n            )}\n            <div class=\"main-content\">\n              <div class=\"title-area\">\n                <div class=\"header-content\">\n                  <slot name=\"heading\">\n                    <ic-typography\n                      variant={size === \"small\" ? \"h4\" : \"h2\"}\n                      class=\"heading\"\n                    >\n                      <h2>{heading}</h2>\n                    </ic-typography>\n                  </slot>\n                  <slot name=\"heading-adornment\" />\n                </div>\n                <div\n                  class={{\n                    [\"subheading-content\"]:\n                      !!subheading || isSlotUsed(this.el, \"subheading\"),\n                    [\"small\"]: size === \"small\",\n                  }}\n                >\n                  <slot name=\"subheading\">\n                    <ic-typography variant=\"body\">{subheading}</ic-typography>\n                  </slot>\n                </div>\n              </div>\n              {isSlotUsed(this.el, \"actions\") && (\n                <div class=\"action-area\">\n                  <slot name=\"actions\" />\n                </div>\n              )}\n              {isSlotUsed(this.el, \"input\") && (\n                <div class=\"input-area\">\n                  <slot name=\"input\" />\n                </div>\n              )}\n            </div>\n\n            {(isSlotUsed(this.el, \"stepper\") ||\n              isSlotUsed(this.el, \"tabs\")) && (\n              <div class=\"navigation-area\">\n                {isSlotUsed(this.el, \"stepper\") &&\n                  !isSlotUsed(this.el, \"tabs\") && <slot name=\"stepper\" />}\n                {isSlotUsed(this.el, \"tabs\") && (\n                  <nav aria-label={navAriaLabel}>\n                    <ic-horizontal-scroll>\n                      <ul class=\"tabs-slot\">\n                        <slot name=\"tabs\" />\n                      </ul>\n                    </ic-horizontal-scroll>\n                  </nav>\n                )}\n              </div>\n            )}\n          </ic-section-container>\n        </header>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["icPageHeaderCss","IcPageHeaderStyle0","PageHeader","constructor","hostRef","this","resizeObserver","areButtonsReversed","deviceSize","DEVICE_SIZES","XL","aligned","border","reverseOrder","size","sticky","stickyDesktopOnly","theme","resizeObserverCallback","isSlotUsed","el","applyReverseOrder","runResizeObserver","ResizeObserver","observe","currSize","getCurrentDeviceSize","actionArea","_a","shadowRoot","querySelector","actionHeights","i","actionContent","length","action","actionHeight","offsetHeight","undefined","push","max","Math","actionAreaHeight","appendActionContent","reverse","forEach","btn","append","S","disconnectedCallback","disconnect","componentWillLoad","Array","from","querySelectorAll","componentDidLoad","checkResizeObserver","render","heading","subheading","navAriaLabel","_b","textContent","h","Host","key","class","ariaLabel","role","fullHeight","name","variant"],"sources":["src/components/ic-page-header/ic-page-header.css?tag=ic-page-header&encapsulation=shadow","src/components/ic-page-header/ic-page-header.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-page-header: z-index of page-header\n */\n\n:host {\n  display: block;\n  z-index: var(--ic-z-index-page-header);\n}\n\n:host(.ic-page-header-sticky) {\n  position: sticky;\n  top: 0;\n  box-shadow: var(--ic-elevation-overlay);\n  z-index: var(--ic-z-index-sticky-page-header);\n}\n\nheader {\n  background-color: var(--ic-page-header-background);\n}\n\nheader.border-bottom {\n  border-bottom: var(--ic-border-default);\n  border-bottom: var(--ic-space-1px) solid var(--ic-page-header-border);\n}\n\nheader.tabs {\n  padding-top: var(--ic-space-md);\n}\n\n.breadcrumb-area {\n  margin-bottom: var(--ic-space-md);\n}\n\n.main-content {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  grid-template-areas:\n    \"title-area action-area\"\n    \"input-area action-area\";\n  column-gap: var(--ic-space-md);\n  justify-content: space-between;\n  width: 100%;\n}\n\n.title-area {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 19rem;\n  grid-area: title-area;\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  flex-wrap: wrap;\n  column-gap: var(--ic-space-md);\n}\n\n.heading {\n  display: inline-block;\n  overflow-wrap: break-word;\n  hyphens: auto;\n}\n\n.subheading-content {\n  margin-top: var(--ic-space-xs);\n}\n\n.subheading-content.small {\n  margin-top: var(--ic-space-md);\n}\n\n.action-area {\n  display: flex;\n  gap: var(--ic-space-md);\n  flex-flow: row wrap;\n  justify-self: end;\n  justify-content: flex-end;\n  height: fit-content;\n  grid-area: action-area;\n}\n\n.input-area,\n.navigation-area {\n  margin-top: var(--ic-space-md);\n  width: 100%;\n}\n\n.tabs-slot {\n  display: flex;\n  overflow-x: auto;\n  padding: 0.5rem;\n  margin: -0.5rem;\n}\n\n.tabs-slot::-webkit-scrollbar {\n  display: none;\n}\n\n.input-area {\n  grid-area: input-area;\n}\n\n@media screen and (max-width: 576px) {\n  ::slotted(ic-text-field) {\n    --input-width: 100%;\n\n    max-width: 20rem;\n  }\n\n  .main-content {\n    grid-template-areas:\n      \"title-area\"\n      \"action-area\"\n      \"input-area\";\n    justify-content: flex-start;\n  }\n\n  .title-area {\n    min-width: 0;\n  }\n\n  .action-area {\n    min-width: 100%;\n    margin-top: var(--ic-space-md);\n    justify-content: start;\n  }\n}\n\n@media screen and (min-width: 992px) {\n  :host(.ic-page-header-sticky-desktop) {\n    position: sticky;\n    top: 0;\n    box-shadow: var(--ic-elevation-overlay);\n    z-index: var(--ic-z-index-sticky-page-header);\n  }\n}\n","import { Component, Host, h, Prop, Element, State } from \"@stencil/core\";\n\nimport { IcAlignment, IcSizesNoLarge, IcThemeMode } from \"../../utils/types\";\n\nimport {\n  isSlotUsed,\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  checkResizeObserver,\n} from \"../../utils/helpers\";\n\n/**\n * @slot breadcrumbs - Content will be rendered in the breadcrumb area, above the title and action areas.\n * @slot heading - Content will be rendered in the title area, in place of the heading.\n * @slot subheading - Content will be rendered in the title area, in place of the subheading.\n * @slot heading-adornment - Content will be rendered in the title area, adjacent to the heading.\n * @slot actions - Content will be rendered in the action area, adjacent to the title area.\n * @slot input - Content will be rendered in the input area, below the title area and adjacent to the action area.\n * @slot stepper - Content will be rendered in the navigation area, below the title and action areas. Note: stepper slot cannot be used when the tabs slot is being used.\n * @slot tabs - Content will be rendered in the navigation area, below the title and action areas. Note: the stepper slot cannot be used when the tabs slot is being used.\n */\n\n@Component({\n  tag: \"ic-page-header\",\n  styleUrl: \"ic-page-header.css\",\n  shadow: true,\n})\nexport class PageHeader {\n  private resizeObserver: ResizeObserver | null = null;\n\n  @Element() el: HTMLIcPageHeaderElement;\n\n  @State() actionContent: Node[];\n  @State() areButtonsReversed: boolean = false;\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n\n  /**\n   * The alignment of the page header.\n   */\n  @Prop() aligned?: IcAlignment = \"left\";\n\n  /**\n   * If `true`, a border will be displayed along the bottom of the page header.\n   */\n  @Prop() border?: boolean = true;\n\n  /**\n   * The title to render on the page header.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * If `true`, the reading pattern and tab order will change in the action area for viewport widths of above 576px and when actions have not wrapped.\n   */\n  @Prop() reverseOrder?: boolean = false;\n\n  /**\n   * The size of the page header component.\n   */\n  @Prop() size?: IcSizesNoLarge = \"medium\";\n\n  /**\n   * If `true`, the page header will be sticky at all breakpoints.\n   */\n  @Prop() sticky?: boolean = false;\n\n  /**\n   *  If `true`, the page header will only be sticky for viewport widths of 992px and above.\n   */\n  @Prop() stickyDesktopOnly?: boolean = false;\n\n  /**\n   * The subtitle to render on the page header.\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  disconnectedCallback(): void {\n    if (this.resizeObserver !== null) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentWillLoad(): void {\n    this.actionContent = Array.from(\n      this.el.querySelectorAll(`[slot=\"actions\"]`)\n    );\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n  }\n\n  private resizeObserverCallback = () => {\n    if (this.reverseOrder && isSlotUsed(this.el, \"actions\")) {\n      this.applyReverseOrder();\n    }\n  };\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.resizeObserverCallback();\n    });\n    this.resizeObserver.observe(this.el);\n  };\n\n  private applyReverseOrder = (): void => {\n    const currSize = getCurrentDeviceSize();\n    if (currSize !== this.deviceSize) {\n      this.deviceSize = currSize;\n    }\n\n    const actionArea = this.el.shadowRoot?.querySelector(\n      \"div.action-area\"\n    ) as HTMLElement;\n    const actionHeights: number[] = [];\n\n    /* For each button in the actions slot, check the height of the button and push this number into the actionHeights array and then find the greatest number in this array (i.e. find the height of the tallest button) */\n    for (let i = 0; i < this.actionContent.length; i++) {\n      const action = this.actionContent[i] as HTMLElement;\n      let actionHeight = action.offsetHeight;\n      if (actionHeight === undefined) {\n        actionHeight = 0;\n      }\n      actionHeights.push(actionHeight);\n    }\n\n    const max = Math.max(...actionHeights);\n\n    /* The smallest breakpoint displays buttons in the same order the user has slotted them in. When the device size is larger than the small breakpoint then the order of the button reverses due to best practice for reading patterns. If the device size is larger than the small breakpoint and the buttons have started to wrap then they follow the order the user has slotted them in. This logic is programmed based on the height of the action-area div that wraps the actions slot. If the height of the action-area div is taller than the height of the tallest button, then it is assumed that the taller height is caused by the buttons wrapping */\n    let actionAreaHeight = actionArea.offsetHeight;\n\n    if (actionAreaHeight === undefined) {\n      actionAreaHeight = 0;\n    }\n\n    const appendActionContent = () => {\n      this.actionContent = this.actionContent.reverse();\n      this.actionContent.forEach((btn: string | Node) => {\n        this.el.append(btn);\n      });\n      this.areButtonsReversed = !this.areButtonsReversed;\n    };\n\n    if (\n      (this.deviceSize > DEVICE_SIZES.S &&\n        actionAreaHeight <= max &&\n        !this.areButtonsReversed) ||\n      (((this.deviceSize > DEVICE_SIZES.S && actionAreaHeight > max) ||\n        this.deviceSize <= DEVICE_SIZES.S) &&\n        this.areButtonsReversed)\n    ) {\n      appendActionContent();\n    }\n  };\n\n  render() {\n    const {\n      size,\n      border,\n      heading,\n      subheading,\n      aligned,\n      sticky,\n      stickyDesktopOnly,\n      theme,\n    } = this;\n\n    const navAriaLabel = `${\n      isSlotUsed(this.el, \"heading\")\n        ? this.el.querySelector('[slot=\"heading\"]')?.textContent ?? \"\"\n        : heading ?? \"\"\n    } page sections`;\n\n    return (\n      <Host\n        class={{\n          [\"ic-page-header-sticky\"]: !!sticky,\n          [\"ic-page-header-sticky-desktop\"]: !sticky && !!stickyDesktopOnly,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        aria-label={this.el.ariaLabel || \"page header\"}\n      >\n        <header\n          class={{\n            [\"border-bottom\"]: !!border,\n            [\"tabs\"]: isSlotUsed(this.el, \"tabs\"),\n          }}\n          role=\"presentation\"\n        >\n          <ic-section-container\n            aligned={aligned}\n            fullHeight={isSlotUsed(this.el, \"tabs\")}\n          >\n            {isSlotUsed(this.el, \"breadcrumbs\") && (\n              <div class=\"breadcrumb-area\">\n                <slot name=\"breadcrumbs\" />\n              </div>\n            )}\n            <div class=\"main-content\">\n              <div class=\"title-area\">\n                <div class=\"header-content\">\n                  <slot name=\"heading\">\n                    <ic-typography\n                      variant={size === \"small\" ? \"h4\" : \"h2\"}\n                      class=\"heading\"\n                    >\n                      <h2>{heading}</h2>\n                    </ic-typography>\n                  </slot>\n                  <slot name=\"heading-adornment\" />\n                </div>\n                <div\n                  class={{\n                    [\"subheading-content\"]:\n                      !!subheading || isSlotUsed(this.el, \"subheading\"),\n                    [\"small\"]: size === \"small\",\n                  }}\n                >\n                  <slot name=\"subheading\">\n                    <ic-typography variant=\"body\">{subheading}</ic-typography>\n                  </slot>\n                </div>\n              </div>\n              {isSlotUsed(this.el, \"actions\") && (\n                <div class=\"action-area\">\n                  <slot name=\"actions\" />\n                </div>\n              )}\n              {isSlotUsed(this.el, \"input\") && (\n                <div class=\"input-area\">\n                  <slot name=\"input\" />\n                </div>\n              )}\n            </div>\n\n            {(isSlotUsed(this.el, \"stepper\") ||\n              isSlotUsed(this.el, \"tabs\")) && (\n              <div class=\"navigation-area\">\n                {isSlotUsed(this.el, \"stepper\") &&\n                  !isSlotUsed(this.el, \"tabs\") && <slot name=\"stepper\" />}\n                {isSlotUsed(this.el, \"tabs\") && (\n                  <nav aria-label={navAriaLabel}>\n                    <ic-horizontal-scroll>\n                      <ul class=\"tabs-slot\">\n                        <slot name=\"tabs\" />\n                      </ul>\n                    </ic-horizontal-scroll>\n                  </nav>\n                )}\n              </div>\n            )}\n          </ic-section-container>\n        </header>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o,H as i,g as n}from"./p-8e4e97b4.js";import{r}from"./p-b57e59b7.js";import"./p-bddf799a.js";const s='/*! 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}:root{display:block}:host{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;min-width:-moz-min-content;min-width:min-content;border:var(--ic-border-width) solid var(--ic-toggle-button-unselected-border);border-radius:var(--ic-border-radius)}:host(.ic-toggle-button-group-full-width){width:100%;max-width:100%}:host(.ic-toggle-button-group-loading){min-width:-moz-max-content;min-width:max-content}:host(:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}::slotted(ic-toggle-button){flex-grow:1;width:-moz-min-content;width:min-content;--toggle-button-border:none !important;--toggle-button-border-hover:none !important;--toggle-button-border-active:none !important}::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border)}:host(.ic-toggle-button-group-disabled){border:var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);pointer-events:none}:host(.ic-toggle-button-group-disabled) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled)}:host(.ic-toggle-button-group-monochrome){border:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome)}:host(.ic-toggle-button-group-monochrome) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome)}:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome){border:var(--ic-border-width) dashed\n    var(--ic-toggle-button-unselected-border-disabled-monochrome)}:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-disabled-monochrome)}:host(.ic-toggle-button-group-hide-outline){--ic-toggle-button-unselected-border:transparent;--ic-toggle-button-unselected-border-disabled:transparent;--ic-toggle-button-unselected-border-monochrome:transparent;--ic-toggle-button-unselected-border-disabled-monochrome:transparent}';const a=s;const l="IC-TOGGLE-BUTTON-GROUP";const d=class{constructor(o){t(this,o);this.icChange=e(this,"icChange",7);this.lastKeyPressed={key:null,shift:false};this.accessibleLabel="Toggle button group";this.disabled=false;this.fullWidth=false;this.loading=false;this.monochrome=false;this.outline=true;this.selectMethod="manual";this.selectType="single";this.size="medium";this.theme="inherit";this.tooltipPlacement="bottom";this.variant="default";this.keyListener=t=>{this.lastKeyPressed={key:t.key,shift:t.shiftKey}};this.handleHostFocus=({target:t,relatedTarget:e})=>{var o;if(this.loading||this.disabled)return;const i=t;const n=e;const r=Array.from((i===null||i===void 0?void 0:i.querySelectorAll("ic-toggle-button"))||[]);const s=r.every((t=>!t.checked));const{shift:a}=this.lastKeyPressed;if((s||this.selectType!=="single")&&!a||s&&a&&(n===null||n===void 0?void 0:n.tagName)==l){(o=r[0])===null||o===void 0?void 0:o.focus()}else if(!a||(n===null||n===void 0?void 0:n.tagName)==l){r.filter((t=>t.checked))[0].focus()}};this.handleKeyDown=({key:t})=>{if(t!=="ArrowDown"&&t!=="ArrowRight"&&t!=="ArrowLeft"&&t!=="ArrowUp")return;const e=this.getAllToggleButtons();const o=e[this.getNextItemToSelect(e.indexOf(e.filter((t=>t===document.activeElement))[0]),t==="ArrowDown"||t==="ArrowRight")];if(this.selectMethod==="auto"){o.checked=true;this.selectHandler(new CustomEvent("icToggleChecked",{detail:{checked:o.checked}}),o)}else{o.focus()}};this.getNextItemToSelect=(t,e)=>{const o=this.getAllToggleButtons();const i=o.length-1;if(t<1){t=0}let n=e?t+1:t-1;if(n<0){n=i}else if(n>i){n=0}if(o[n].disabled){n=this.getNextItemToSelect(n,e)}return n};this.getAllToggleButtons=()=>Array.from(this.el.querySelectorAll("ic-toggle-button"))}watchDisabledHandler(){this.getAllToggleButtons().forEach((t=>{t.disabled=this.disabled}));r(this.disabled,this.el)}watchFullWidthHandler(){this.getAllToggleButtons().forEach((t=>{t.fullWidth=this.fullWidth}))}watchLoadingHandler(){this.getAllToggleButtons().forEach((t=>{t.loading=this.loading}))}watchMonochromeHandler(){this.getAllToggleButtons().forEach((t=>{t.monochrome=this.monochrome}))}watchOutlineHandler(){this.getAllToggleButtons().forEach((t=>{t.outline=this.outline}))}watchSizeHandler(){this.getAllToggleButtons().forEach((t=>{t.size=this.size}))}watchThemeHandler(){this.getAllToggleButtons().forEach((t=>{t.theme=this.theme}))}watchTooltipPlacementHandler(){this.getAllToggleButtons().forEach((t=>{t.tooltipPlacement=this.tooltipPlacement}))}watchVariantHandler(){this.getAllToggleButtons().forEach((t=>{t.variant=this.variant}))}selectHandler(t,e){const o=this.getAllToggleButtons();let i=t.target;if(e)e.focus();if(this.selectType==="single"){if(!i&&e){i=e}o.forEach((t=>{if(t.id!==i.id&&t.checked){t.checked=false}}));this.icChange.emit({checked:t.detail.checked,selectedOption:i})}else{const t=o.filter((t=>t.checked&&!t.disabled));this.icChange.emit({checked:t.map((t=>t.checked)),toggledOptions:t.map((t=>({toggleButton:t}))),selectedOption:i})}}componentWillLoad(){if(this.selectType==="multi")this.selectMethod="manual";document.addEventListener("keydown",this.keyListener);r(this.disabled,this.el)}componentDidLoad(){this.getAllToggleButtons().forEach(((t,e)=>{var o,i,n;const r=(n=(i=(o=t.shadowRoot)===null||o===void 0?void 0:o.querySelector("ic-button"))===null||i===void 0?void 0:i.shadowRoot)===null||n===void 0?void 0:n.querySelector("button");if(r){const t=r.getAttribute("aria-label");const e=t?`${t}, `:"";r.setAttribute("aria-label",`${e}${this.accessibleLabel}`)}t.id=e.toString();t.tabIndex=-1;t.addEventListener("keydown",(t=>{this.handleKeyDown(t)}));t.classList.add("expand-toggle-group-child")}))}disconnectedCallback(){document===null||document===void 0?void 0:document.removeEventListener("keydown",this.keyListener)}render(){const{accessibleLabel:t,disabled:e,fullWidth:n,loading:r,monochrome:s,outline:a,theme:l}=this;return o(i,{key:"0411fab0ff536df861d5d69e987a1bbdc25bd722",role:"group","aria-label":t,tabindex:0,class:{"ic-toggle-button-group-disabled":e,"ic-toggle-button-group-full-width":n,"ic-toggle-button-group-loading":r,"ic-toggle-button-group-monochrome":s,"ic-toggle-button-group-hide-outline":!a,[`ic-theme-${l}`]:l!=="inherit"},onFocus:this.handleHostFocus},o("slot",{key:"a031963635f3c0513b7b3786b02c86b75ce1d9c1"}))}get el(){return n(this)}static get watchers(){return{disabled:["watchDisabledHandler"],fullWidth:["watchFullWidthHandler"],loading:["watchLoadingHandler"],monochrome:["watchMonochromeHandler"],outline:["watchOutlineHandler"],size:["watchSizeHandler"],theme:["watchThemeHandler"],tooltipPlacement:["watchTooltipPlacementHandler"],variant:["watchVariantHandler"]}}};d.style=a;export{d as ic_toggle_button_group};
+//# sourceMappingURL=p-abd88929.entry.js.map