@ukic/web-components 3.27.0 → 3.29.0

package/dist/core/{p-a7c263bd.entry.js → p-ba8799ea.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i,g as a}from"./p-8e4e97b4.js";import{D as o,i as n,f as s,t as l,h as r}from"./p-eeb8d98a.js";import"./p-6215e2ae.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{position:relative;display:block}.data{display:flex;align-items:top}.text-cells{display:flex;flex-grow:1;min-width:0;--ic-typography-color:var(--ic-data-list-text-cell);color:var(--ic-data-list-text-cell)}.label{width:var(--data-row-label-width, 12.5rem);min-width:12.5rem;margin-right:var(--ic-space-md);--ic-typography-color:var(--ic-data-list-text-label);color:var(--ic-data-list-text-label)}.value{flex-grow:1}slot[name="value"]::slotted(ic-text-field[readonly][hide-label]){margin-top:calc(var(--ic-space-xs) * -1)}slot[name="value"]::slotted(ic-text-field[small][readonly][hide-label]){margin-top:calc(var(--ic-space-xxs) * -1)}slot[name="value"]::slotted(ic-text-field[readonly][hide-label][rows]){margin-top:calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs))}.end-component{width:-moz-fit-content;width:fit-content;margin-left:3.5rem}.divider{margin-top:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-cell)}:host(.ic-data-row-small) .divider{margin-top:var(--ic-space-xs)}:host(.breakpoint-medium) .label{width:10rem;min-width:10rem}:host(.breakpoint-xs) .text-cells{flex-direction:column}:host(.breakpoint-xs) .label{width:8rem;margin-bottom:var(--ic-space-xs)}:host(.breakpoint-xs) .value{max-width:95%}:host(.breakpoint-xs) .end-component{margin-left:0}@media (forced-colors: active){.divider{background-color:canvastext}}';const c=d;const b=class{constructor(i){e(this,i);this.hasEndComponent=false;this.resizeObserver=null;this.deviceSize=o.XL;this.size="medium";this.theme="inherit";this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkLabelAbove()}));this.resizeObserver.observe(this.el)};this.renderCellContent=e=>{const i=e==="value";return t("div",{class:e},n(this.el,e)?t("slot",{name:e}):t("ic-typography",{variant:i?"body":this.listSize==="xs"?"label":"subtitle-large"},i?this.value:this.label))}}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.deviceSize=s();this.hasEndComponent=l(this.el,"end-component");this.checkLabelAbove()}componentDidLoad(){r(this.runResizeObserver);if(this.hasEndComponent)this.labelEndComponent()}checkLabelAbove(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".data");if(t){const e=(t===null||t===void 0?void 0:t.clientWidth)+46;if(e){this.listSize=e<o.S?"xs":e<o.M?"m":"xl"}}}labelEndComponent(){var e;(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("slot[name=end-component]").forEach((e=>e.setAttribute("aria-label",`for ${this.label} row`)))}render(){const{el:e,listSize:a,hasEndComponent:o,label:s,renderCellContent:l,size:r,theme:d,value:c}=this;return t(i,{key:"46dd273c34a8cce8c645f53304f9b651b2f99a08",class:{["ic-data-row-small"]:r==="small",["breakpoint-medium"]:a==="m",["breakpoint-xs"]:a==="xs",[`ic-theme-${d}`]:d!=="inherit"},role:"listitem"},t("div",{key:"eea3a2d30e7efbc0482011ed340da0469b461d5a",class:"data"},t("div",{key:"3d8c6c8b8011048312c997831395b18a361b27e8",class:"text-cells"},(n(e,"label")||s)&&l("label"),(n(e,"value")||c)&&l("value")),o&&t("div",{key:"8c2521ab22be9a57658a0a60b9180d0273ef60f1",class:"end-component"},t("slot",{key:"8df22512fbbb6e5d7991e1d9bd217bda5fa563ac",name:"end-component"}))),t("div",{key:"6369f6266898ffffe9317c3bb3d4dd483d612f94",class:"divider"}))}get el(){return a(this)}};b.style=c;export{b as ic_data_row};
-//# sourceMappingURL=p-a7c263bd.entry.js.map
+import{r as e,h as t,H as i,g as a}from"./p-8e4e97b4.js";import{D as o,i as n,f as s,t as l,h as r}from"./p-eeb8d98a.js";import"./p-6215e2ae.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{position:relative;display:block}.data{display:flex;align-items:top}.text-cells{display:flex;flex-grow:1;min-width:0;--ic-typography-color:var(--ic-data-list-text-cell);color:var(--ic-data-list-text-cell)}.label{width:var(--data-row-label-width, 12.5rem);min-width:12.5rem;margin-right:var(--ic-space-md);--ic-typography-color:var(--ic-data-list-text-label);color:var(--ic-data-list-text-label)}.value{flex-grow:1}slot[name="value"]::slotted(ic-text-field[readonly][hide-label]){margin-top:calc(var(--ic-space-xs) * -1)}slot[name="value"]::slotted(ic-text-field[size="small"][readonly][hide-label]){margin-top:calc(var(--ic-space-xxs) * -1)}slot[name="value"]::slotted(ic-text-field[readonly][hide-label][rows]){margin-top:calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs))}.end-component{width:-moz-fit-content;width:fit-content;margin-left:3.5rem}.divider{margin-top:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-cell)}:host(.ic-data-row-small) .divider{margin-top:var(--ic-space-xs)}:host(.breakpoint-medium) .label{width:10rem;min-width:10rem}:host(.breakpoint-xs) .text-cells{flex-direction:column}:host(.breakpoint-xs) .label{width:8rem;margin-bottom:var(--ic-space-xs)}:host(.breakpoint-xs) .value{max-width:95%}:host(.breakpoint-xs) .end-component{margin-left:0}@media (forced-colors: active){.divider{background-color:canvastext}}';const c=d;const b=class{constructor(i){e(this,i);this.hasEndComponent=false;this.resizeObserver=null;this.deviceSize=o.XL;this.size="medium";this.theme="inherit";this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.checkLabelAbove()}));this.resizeObserver.observe(this.el)};this.renderCellContent=e=>{const i=e==="value";return t("div",{class:e},n(this.el,e)?t("slot",{name:e}):t("ic-typography",{variant:i?"body":this.listSize==="xs"?"label":"subtitle-large"},i?this.value:this.label))}}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.deviceSize=s();this.hasEndComponent=l(this.el,"end-component");this.checkLabelAbove()}componentDidLoad(){r(this.runResizeObserver);if(this.hasEndComponent)this.labelEndComponent()}checkLabelAbove(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".data");if(t){const e=(t===null||t===void 0?void 0:t.clientWidth)+46;if(e){this.listSize=e<o.S?"xs":e<o.M?"m":"xl"}}}labelEndComponent(){var e;(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelectorAll("slot[name=end-component]").forEach((e=>e.setAttribute("aria-label",`for ${this.label} row`)))}render(){const{el:e,listSize:a,hasEndComponent:o,label:s,renderCellContent:l,size:r,theme:d,value:c}=this;return t(i,{key:"46dd273c34a8cce8c645f53304f9b651b2f99a08",class:{["ic-data-row-small"]:r==="small",["breakpoint-medium"]:a==="m",["breakpoint-xs"]:a==="xs",[`ic-theme-${d}`]:d!=="inherit"},role:"listitem"},t("div",{key:"eea3a2d30e7efbc0482011ed340da0469b461d5a",class:"data"},t("div",{key:"3d8c6c8b8011048312c997831395b18a361b27e8",class:"text-cells"},(n(e,"label")||s)&&l("label"),(n(e,"value")||c)&&l("value")),o&&t("div",{key:"8c2521ab22be9a57658a0a60b9180d0273ef60f1",class:"end-component"},t("slot",{key:"8df22512fbbb6e5d7991e1d9bd217bda5fa563ac",name:"end-component"}))),t("div",{key:"6369f6266898ffffe9317c3bb3d4dd483d612f94",class:"divider"}))}get el(){return a(this)}};b.style=c;export{b as ic_data_row};
+//# sourceMappingURL=p-ba8799ea.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icDataRowCss","IcDataRowStyle0","DataRow","constructor","hostRef","this","hasEndComponent","resizeObserver","deviceSize","DEVICE_SIZES","XL","size","theme","runResizeObserver","ResizeObserver","checkLabelAbove","observe","el","renderCellContent","cell","isValue","h","class","isSlotUsed","name","variant","listSize","value","label","disconnectedCallback","_a","disconnect","componentWillLoad","getCurrentDeviceSize","slotHasContent","componentDidLoad","checkResizeObserver","labelEndComponent","row","shadowRoot","querySelector","rowSize","clientWidth","S","M","querySelectorAll","forEach","child","setAttribute","render","Host","key","role"],"sources":["src/components/ic-data-row/ic-data-row.css?tag=ic-data-row&encapsulation=shadow","src/components/ic-data-row/ic-data-row.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  position: relative;\n  display: block;\n}\n\n.data {\n  display: flex;\n  align-items: top;\n}\n\n.text-cells {\n  display: flex;\n  flex-grow: 1;\n  min-width: 0;\n\n  --ic-typography-color: var(--ic-data-list-text-cell);\n\n  color: var(--ic-data-list-text-cell);\n}\n\n.label {\n  width: var(--data-row-label-width, 12.5rem);\n  min-width: 12.5rem;\n  margin-right: var(--ic-space-md);\n\n  --ic-typography-color: var(--ic-data-list-text-label);\n\n  color: var(--ic-data-list-text-label);\n}\n\n.value {\n  flex-grow: 1;\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label]) {\n  margin-top: calc(var(--ic-space-xs) * -1);\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[size=\"small\"][readonly][hide-label]) {\n  margin-top: calc(var(--ic-space-xxs) * -1);\n}\n\nslot[name=\"value\"]::slotted(ic-text-field[readonly][hide-label][rows]) {\n  margin-top: calc(var(--ic-space-xxs) * -1 - var(--ic-space-xxxs));\n}\n\n.end-component {\n  width: fit-content;\n  margin-left: 3.5rem;\n}\n\n.divider {\n  margin-top: var(--ic-space-md);\n  height: var(--ic-border-width);\n  background-color: var(--ic-data-list-keyline-cell);\n}\n\n:host(.ic-data-row-small) .divider {\n  margin-top: var(--ic-space-xs);\n}\n\n:host(.breakpoint-medium) .label {\n  width: 10rem;\n  min-width: 10rem;\n}\n\n:host(.breakpoint-xs) .text-cells {\n  flex-direction: column;\n}\n\n:host(.breakpoint-xs) .label {\n  width: 8rem;\n  margin-bottom: var(--ic-space-xs);\n}\n\n:host(.breakpoint-xs) .value {\n  max-width: 95%;\n}\n\n:host(.breakpoint-xs) .end-component {\n  margin-left: 0;\n}\n\n@media (forced-colors: active) {\n  .divider {\n    background-color: canvastext;\n  }\n}\n","import { Component, Element, Host, Prop, h, State } from \"@stencil/core\";\nimport {\n  checkResizeObserver,\n  DEVICE_SIZES,\n  getCurrentDeviceSize,\n  isSlotUsed,\n  slotHasContent,\n} from \"../../utils/helpers\";\nimport { IcSizesNoLarge, IcThemeMode } from \"../../utils/types\";\n\n/**\n * @slot label - Content will be rendered in the leftmost cell.\n * @slot value - Content will be rendered to the right of the label.\n * @slot end-component - Content will be displayed in the rightmost cell.\n */\n@Component({\n  tag: \"ic-data-row\",\n  styleUrl: \"ic-data-row.css\",\n  shadow: true,\n})\nexport class DataRow {\n  private hasEndComponent: boolean = false;\n  private resizeObserver: ResizeObserver | null = null;\n\n  @Element() el: HTMLIcDataRowElement;\n\n  @State() deviceSize: number = DEVICE_SIZES.XL;\n  @State() listSize: \"xl\" | \"m\" | \"xs\";\n\n  /**\n   * The label in the leftmost cell of the row.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The size of the data row component.\n   */\n  @Prop() size?: IcSizesNoLarge = \"medium\";\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 middle (right if no end-component supplied) cell of the row.\n   */\n  @Prop() value?: string;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.deviceSize = getCurrentDeviceSize();\n    this.hasEndComponent = slotHasContent(this.el, \"end-component\");\n    this.checkLabelAbove();\n  }\n\n  componentDidLoad(): void {\n    checkResizeObserver(this.runResizeObserver);\n    if (this.hasEndComponent) this.labelEndComponent();\n  }\n\n  private runResizeObserver = () => {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.checkLabelAbove();\n    });\n\n    this.resizeObserver.observe(this.el);\n  };\n\n  private checkLabelAbove() {\n    const row = this.el.shadowRoot?.querySelector(\".data\");\n    if (row) {\n      const rowSize = row?.clientWidth + 46;\n      if (rowSize) {\n        this.listSize =\n          rowSize < DEVICE_SIZES.S\n            ? \"xs\"\n            : rowSize < DEVICE_SIZES.M\n            ? \"m\"\n            : \"xl\";\n      }\n    }\n  }\n\n  private renderCellContent = (cell: \"label\" | \"value\") => {\n    const isValue = cell === \"value\";\n    return (\n      <div class={cell}>\n        {isSlotUsed(this.el, cell) ? (\n          <slot name={cell}></slot>\n        ) : (\n          <ic-typography\n            variant={\n              isValue\n                ? \"body\"\n                : this.listSize === \"xs\"\n                ? \"label\"\n                : \"subtitle-large\"\n            }\n          >\n            {isValue ? this.value : this.label}\n          </ic-typography>\n        )}\n      </div>\n    );\n  };\n\n  private labelEndComponent(): void {\n    this.el.shadowRoot\n      ?.querySelectorAll(\"slot[name=end-component]\")\n      .forEach((child) =>\n        child.setAttribute(\"aria-label\", `for ${this.label} row`)\n      );\n  }\n\n  render() {\n    const {\n      el,\n      listSize,\n      hasEndComponent,\n      label,\n      renderCellContent,\n      size,\n      theme,\n      value,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [\"ic-data-row-small\"]: size === \"small\",\n          [\"breakpoint-medium\"]: listSize === \"m\",\n          [\"breakpoint-xs\"]: listSize === \"xs\",\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        role=\"listitem\"\n      >\n        <div class=\"data\">\n          <div class=\"text-cells\">\n            {(isSlotUsed(el, \"label\") || label) && renderCellContent(\"label\")}\n            {(isSlotUsed(el, \"value\") || value) && renderCellContent(\"value\")}\n          </div>\n          {hasEndComponent && (\n            <div class=\"end-component\">\n              <slot name=\"end-component\"></slot>\n            </div>\n          )}\n        </div>\n        <div class=\"divider\" />\n      </Host>\n    );\n  }\n}\n"],"mappings":"iJAAA,MAAMA,EAAe,stHACrB,MAAAC,EAAeD,E,MCmBFE,EAAO,MALpB,WAAAC,CAAAC,G,UAMUC,KAAAC,gBAA2B,MAC3BD,KAAAE,eAAwC,KAIvCF,KAAAG,WAAqBC,EAAaC,GAWnCL,KAAAM,KAAwB,SAKxBN,KAAAO,MAAsB,UAsBtBP,KAAAQ,kBAAoB,KAC1BR,KAAKE,eAAiB,IAAIO,gBAAe,KACvCT,KAAKU,iBAAiB,IAGxBV,KAAKE,eAAeS,QAAQX,KAAKY,GAAG,EAkB9BZ,KAAAa,kBAAqBC,IAC3B,MAAMC,EAAUD,IAAS,QACzB,OACEE,EAAA,OAAKC,MAAOH,GACTI,EAAWlB,KAAKY,GAAIE,GACnBE,EAAA,QAAMG,KAAML,IAEZE,EAAA,iBACEI,QACEL,EACI,OACAf,KAAKqB,WAAa,KAClB,QACA,kBAGLN,EAAUf,KAAKsB,MAAQtB,KAAKuB,OAG7B,C,CAzDV,oBAAAC,G,OACEC,EAAAzB,KAAKE,kBAAc,MAAAuB,SAAA,SAAAA,EAAEC,Y,CAGvB,iBAAAC,GACE3B,KAAKG,WAAayB,IAClB5B,KAAKC,gBAAkB4B,EAAe7B,KAAKY,GAAI,iBAC/CZ,KAAKU,iB,CAGP,gBAAAoB,GACEC,EAAoB/B,KAAKQ,mBACzB,GAAIR,KAAKC,gBAAiBD,KAAKgC,mB,CAWzB,eAAAtB,G,MACN,MAAMuB,GAAMR,EAAAzB,KAAKY,GAAGsB,cAAU,MAAAT,SAAA,SAAAA,EAAEU,cAAc,SAC9C,GAAIF,EAAK,CACP,MAAMG,GAAUH,IAAG,MAAHA,SAAG,SAAHA,EAAKI,aAAc,GACnC,GAAID,EAAS,CACXpC,KAAKqB,SACHe,EAAUhC,EAAakC,EACnB,KACAF,EAAUhC,EAAamC,EACvB,IACA,I,GA4BJ,iBAAAP,G,OACNP,EAAAzB,KAAKY,GAAGsB,cAAU,MAAAT,SAAA,SAAAA,EACde,iBAAiB,4BAClBC,SAASC,GACRA,EAAMC,aAAa,aAAc,OAAO3C,KAAKuB,c,CAInD,MAAAqB,GACE,MAAMhC,GACJA,EAAES,SACFA,EAAQpB,gBACRA,EAAesB,MACfA,EAAKV,kBACLA,EAAiBP,KACjBA,EAAIC,MACJA,EAAKe,MACLA,GACEtB,KAEJ,OACEgB,EAAC6B,EAAI,CAAAC,IAAA,2CACH7B,MAAO,CACL,CAAC,qBAAsBX,IAAS,QAChC,CAAC,qBAAsBe,IAAa,IACpC,CAAC,iBAAkBA,IAAa,KAChC,CAAC,YAAYd,KAAUA,IAAU,WAEnCwC,KAAK,YAEL/B,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,QACTD,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,eACPC,EAAWN,EAAI,UAAYW,IAAUV,EAAkB,UACvDK,EAAWN,EAAI,UAAYU,IAAUT,EAAkB,UAE1DZ,GACCe,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,iBACTD,EAAA,QAAA8B,IAAA,2CAAM3B,KAAK,oBAIjBH,EAAA,OAAA8B,IAAA,2CAAK7B,MAAM,Y","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as o,g as r}from"./p-8e4e97b4.js";import{e as s,r as n,o as a,i as c}from"./p-eeb8d98a.js";import{C as u}from"./p-c2e091d7.js";import{C as l}from"./p-3b185c32.js";import"./p-6215e2ae.js";const p='/*! 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 ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host(.ic-menu-item-variant-destructive) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host(.ic-menu-item-variant-destructive) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus{box-shadow:none}:host ::part(button):focus,:host ::part(button):focus-visible{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:var(--ic-popover-menu-item-label-focused);background-color:var(--ic-popover-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host(.ic-menu-item-variant-destructive) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host(.ic-menu-item-variant-destructive) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host(.ic-menu-item-variant-destructive) ic-button:active .menu-item-label{--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}';const m=p;const d=class{constructor(i){e(this,i);this.childBlur=t(this,"childBlur",7);this.handleMenuItemClick=t(this,"handleMenuItemClick",7);this.icToggleChecked=t(this,"icToggleChecked",7);this.triggerPopoverMenuInstance=t(this,"triggerPopoverMenuInstance",7);this.checked=false;this.disabled=false;this.variant="default";this.closeMenuOnSelect=true;this.handleClick=e=>{if(s(this.submenuTriggerFor)){this.triggerPopoverMenuInstance.emit()}else if(this.variant==="toggle"){e.preventDefault();this.checked=!this.checked;this.icToggleChecked.emit({checked:this.checked})}this.handleMenuItemClick.emit(this.el)};this.getMenuItemAriaLabel=()=>{let e=this.label;if(s(this.description)){e=`${e}, ${this.description}`}if(s(this.keyboardShortcutLabel)){e=`${e}, ${this.keyboardShortcutLabel}`}if(this.variant==="destructive"){e=`${e}, destructive`}if(s(this.submenuTriggerFor)){e=`${e}, triggers submenu`}if(this.el.classList.contains("ic-popover-submenu-back-button")){e="Go back to parent menu"}const t=this.el.parentElement;if(t&&t.tagName==="IC-MENU-GROUP"&&t.label){return`${e}, ${t.label} menu group`}else{return e}}}watchDisabledHandler(){n(this.disabled,this.el)}componentWillLoad(){if(s(this.submenuTriggerFor)&&this.variant!=="default"){this.variant="default"}n(this.disabled,this.el)}componentDidLoad(){a([{prop:this.label,propName:"label"}],"Menu Item")}handleHostClick(e){if(this.disabled){e.stopImmediatePropagation()}}render(){const e=()=>i("div",{class:"menu-item-info"},i("div",{class:"menu-labels"},i("ic-typography",{class:"menu-item-label"},this.label),this.keyboardShortcutLabel&&i("ic-typography",{variant:"caption",class:"shortcut"},this.keyboardShortcutLabel)),this.description&&i("ic-typography",{class:"menu-item-description",variant:"caption"},this.description));return i(o,{class:{["ic-menu-item-disabled"]:!!this.disabled,[`ic-menu-item-variant-${this.variant}`]:this.variant!==undefined}},i("ic-button",{fullWidth:true,variant:"tertiary",onClick:this.handleClick,href:s(this.href),hreflang:s(this.hreflang),target:s(this.target),rel:s(this.rel),referrerpolicy:this.referrerpolicy,role:this.variant==="toggle"?"menuitemcheckbox":"menuitem","aria-disabled":`${this.disabled}`,"aria-checked":this.variant==="toggle"?this.checked?"true":"false":undefined,"aria-label":this.getMenuItemAriaLabel(),"aria-haspopup":s(this.submenuTriggerFor)||this.el.classList.contains("ic-popover-submenu-back-button")?"menu":false},i("div",{class:"focus-border"},c(this.el,"icon")&&i("span",{class:"icon"},i("slot",{name:"icon"})),i(e,null),this.variant==="toggle"&&i("span",{class:{["check-icon"]:true,["hide"]:!this.checked},"aria-hidden":"true",innerHTML:u}),s(this.submenuTriggerFor)&&i("span",{class:{["submenu-icon"]:true},"aria-hidden":"true",innerHTML:l}))))}static get delegatesFocus(){return true}get el(){return r(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};d.style=m;export{d as ic_menu_item};
+//# sourceMappingURL=p-be8bbed8.entry.js.map

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

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

package/dist/core/{p-85232cec.entry.js → p-bf06d022.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as o,g as i}from"./p-8e4e97b4.js";const n='/*! 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}@keyframes loading{0%{background-color:var(--ic-skeleton-background)}50%{background-color:var(--ic-skeleton-background-secondary)}100%{background-color:var(--ic-skeleton-background)}}:host(.skeleton){background-color:var(--ic-skeleton-background);border-radius:var(--ic-border-radius);animation:loading 1200ms infinite;display:inline-block}:host(.skeleton)>*{opacity:0;visibility:hidden}:host(.ic-skeleton-circle){border-radius:50%}@media (forced-colors: active){:host(.skeleton){-ms-high-contrast-adjust:none;forced-color-adjust:none;background:currentcolor}}';const r=n;const a={text:"1em",circle:"25px",rectangle:"93px"};const s={text:"260px",circle:"25px",rectangle:"260px"};const l=class{constructor(t){e(this,t);this.theme="inherit";this.variant="rectangle"}render(){const{variant:e="rectangle",theme:i,el:n}=this;let r=this.height;let l=this.width;if(e==="circle"){if(r&&!l){l=r}else if(l&&!r){r=l}}const c=!n.firstElementChild?{height:n.style.height||r||a[e],width:n.style.width||l||s[e]}:undefined;return t(o,{key:"67c1971600feaaaf5849048b4bc5ad3d4903ffb4",class:{skeleton:true,"ic-skeleton-circle":e==="circle",[`ic-theme-${i}`]:i!=="inherit"},style:c,"aria-disabled":"true"},t("slot",{key:"caf8562f7997131daa69e85d6766b3edf2531259"}))}get el(){return i(this)}};l.style=r;export{l as ic_skeleton};
-//# sourceMappingURL=p-85232cec.entry.js.map
+import{r as e,h as t,H as o,g as i}from"./p-8e4e97b4.js";const n='/*! 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}@keyframes loading{0%{background-color:var(--ic-skeleton-background)}50%{background-color:var(--ic-skeleton-background-secondary)}100%{background-color:var(--ic-skeleton-background)}}:host(.skeleton){background-color:var(--ic-skeleton-background);border-radius:var(--ic-border-radius);animation:loading 1200ms infinite;display:inline-block}:host(.skeleton)>*{opacity:0;visibility:hidden}:host(.ic-skeleton-circle){border-radius:50%}@media (forced-colors: active){:host(.skeleton){-ms-high-contrast-adjust:none;forced-color-adjust:none;background:currentcolor}}';const r=n;const a={text:"1em",circle:"25px",rectangle:"93px"};const s={text:"260px",circle:"25px",rectangle:"260px"};const c=class{constructor(t){e(this,t);this.theme="inherit";this.variant="rectangle"}render(){const{variant:e="rectangle",theme:i,el:n}=this;let r=this.height;let c=this.width;if(e==="circle"){if(r&&!c){c=r}else if(c&&!r){r=c}}const l=!n.firstElementChild?{height:n.style.height||r||a[e],width:n.style.width||c||s[e]}:undefined;return t(o,{key:"af96b9a43dfb19241c8bbdd5766f9c161060f0ec",class:{skeleton:true,"ic-skeleton-circle":e==="circle",[`ic-theme-${i}`]:i!=="inherit"},style:l,"aria-disabled":"true"},t("slot",{key:"b969c0a541cfa1c00543f614220d2eac7e98bc0f"}))}get el(){return i(this)}};c.style=r;export{c as ic_skeleton};
+//# sourceMappingURL=p-bf06d022.entry.js.map

package/dist/core/{p-c41fd2cf.entry.js → p-c0f6f568.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,c as r,h as t,H as e}from"./p-8e4e97b4.js";import{L as s,d as i,g as a}from"./p-eeb8d98a.js";import{B as h,W as c}from"./p-6215e2ae.js";const n=class{constructor(t){o(this,t);this.brandChange=r(this,"brandChange",7);this.icThemeChange=r(this,"icThemeChange",7);this.themeClass="";this.brandColor=null;this.theme="light";this.darkModeChangeHandler=()=>{if(this.theme==="system"){this.themeClass=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"ic-theme-dark":"ic-theme-light"}else{this.themeClass=`ic-theme-${this.theme}`}this.icThemeChange.emit(this.theme)};this.checkBrandColorContrast=()=>{if(s()<h&&s()>c){console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`)}};this.setBrandColor=()=>{const o=this.brandColor?i(this.brandColor):null;if(o){const{r,g:t,b:e,a:s}=o;const{style:i}=document.documentElement;i.setProperty("--ic-brand-color-primary-r",`${r}`);i.setProperty("--ic-brand-color-primary-g",`${t}`);i.setProperty("--ic-brand-color-primary-b",`${e}`);i.setProperty("--ic-brand-color-primary-a",`${s}`);this.checkBrandColorContrast();this.brandChange.emit({mode:a(),color:o})}}}watchBrandColorPropHandler(){this.setBrandColor()}watchThemePropHandler(){this.darkModeChangeHandler()}componentWillLoad(){this.darkModeChangeHandler();this.setBrandColor();window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",this.darkModeChangeHandler)}render(){const{themeClass:o}=this;return t(e,{key:"63d492e3dd31089565a15df543420f375dbad1b6",class:o},t("slot",{key:"479a3cbc49286aa2e3853956721f26a5ee37e9ef"}))}static get watchers(){return{brandColor:["watchBrandColorPropHandler"],theme:["watchThemePropHandler"]}}};export{n as ic_theme};
-//# sourceMappingURL=p-c41fd2cf.entry.js.map
+import{r as o,c as r,h as t,H as e}from"./p-8e4e97b4.js";import{L as s,d as i,g as a}from"./p-eeb8d98a.js";import{B as h,W as c}from"./p-6215e2ae.js";const n=class{constructor(t){o(this,t);this.brandChange=r(this,"brandChange",7);this.icThemeChange=r(this,"icThemeChange",7);this.themeClass="";this.brandColor=null;this.theme="light";this.darkModeChangeHandler=()=>{if(this.theme==="system"){this.themeClass=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"ic-theme-dark":"ic-theme-light"}else{this.themeClass=`ic-theme-${this.theme}`}this.icThemeChange.emit(this.theme)};this.checkBrandColorContrast=()=>{if(s()<h&&s()>c){console.warn(`The brand colour does not provide enough contrast with either of the ICDS black or white foreground colours. Consider choosing a colour with a different brightness to achieve sufficient colour contrast for good visibility. See https://www.w3.org/TR/AERT/#color-contrast for more information about colour contrast.`)}};this.setBrandColor=()=>{const o=this.brandColor?i(this.brandColor):null;if(o){const{r,g:t,b:e,a:s}=o;const{style:i}=document.documentElement;i.setProperty("--ic-brand-color-primary-r",`${r}`);i.setProperty("--ic-brand-color-primary-g",`${t}`);i.setProperty("--ic-brand-color-primary-b",`${e}`);i.setProperty("--ic-brand-color-primary-a",`${s}`);this.checkBrandColorContrast();this.brandChange.emit({mode:a(),color:o})}}}watchBrandColorPropHandler(){this.setBrandColor()}watchThemePropHandler(){this.darkModeChangeHandler()}componentWillLoad(){this.darkModeChangeHandler();this.setBrandColor();window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",this.darkModeChangeHandler)}render(){const{themeClass:o}=this;return t(e,{key:"5f64aa19e0ea1f3762574949daabfd2ad9f99054",class:o},t("slot",{key:"3f115261b958d3c4287b95fc80564b7f0788fd04"}))}static get watchers(){return{brandColor:["watchBrandColorPropHandler"],theme:["watchThemePropHandler"]}}};export{n as ic_theme};
+//# sourceMappingURL=p-c0f6f568.entry.js.map

package/dist/core/p-c391e323.js

@@ -0,0 +1,2 @@
+const t=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">\n    <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" fill="currentColor"/>\n    <title>close icon</title>\n</svg>\n`;export{t as c};
+//# sourceMappingURL=p-c391e323.js.map

package/dist/core/{p-271ee0bc.entry.js → p-c75c316b.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as s,H as t,g as c}from"./p-8e4e97b4.js";const a=":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 e=a;const o=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:c,label:a,monochrome:e,target:o,theme:n,transparentBackground:r}=this;return s(t,{key:"2f344a07df5cb31b39b5cd4ca8bc257229646b31",class:{[`ic-theme-${n}`]:n!=="inherit"}},s("ic-link",{key:"9b844b5a2f207d08eaa8cbb621d54ed56f5cc28d",class:{"display-top":!c,"full-width":!!i,"show-background":!r,inline:!!c},href:`#${o}`,monochrome:e,theme:n,ref:i=>this.linkEl=i},a))}get el(){return c(this)}};o.style=e;export{o as ic_skip_link};
-//# sourceMappingURL=p-271ee0bc.entry.js.map
+import{r as i,h as s,H as t,g as e}from"./p-8e4e97b4.js";const a=":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=a;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:a,monochrome:o,target:c,theme:n,transparentBackground:r}=this;return s(t,{key:"d892c64907f8bdcc7d793e0f07eab510d5d88921",class:{[`ic-theme-${n}`]:n!=="inherit"}},s("ic-link",{key:"af5685af2563e68b9f84db45d39b84ba97fa80e8",class:{"display-top":!e,"full-width":!!i,"show-background":!r,inline:!!e},href:`#${c}`,monochrome:o,theme:n,ref:i=>this.linkEl=i},a))}get el(){return e(this)}};c.style=o;export{c as ic_skip_link};
+//# sourceMappingURL=p-c75c316b.entry.js.map

package/dist/core/{p-970e190c.entry.js → p-e0b52a71.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as a,H as e,g as s}from"./p-8e4e97b4.js";import{c as o}from"./p-f074ef5b.js";import{C as n}from"./p-3b185c32.js";import{B as d,f as l,D as r,g as p,i as c,K as h,h as v,o as g,a as m,x as b,I as u,e as f}from"./p-eeb8d98a.js";import"./p-6215e2ae.js";const y=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">\n  <path d="M0 0h24v24H0V0z" fill="none" />\n  <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />\n  <title>menu icon</title>\n</svg>\n`;const x=':host{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n    --ic-transition-duration-slow\n  );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 4rem;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name="app-title"]::slotted(a),slot[name="app-icon"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name="app-title"]::slotted(ic-typography),slot[name="app-title"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name="app-title"]::slotted(a){font:var(--ic-font-subtitle-small)}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-side-navigation-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.bottom-side-nav{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography:dir(rtl){right:-9999px}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}:host(.anchor-right.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl);--navigation-group-width:20rem}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}}@media screen and (max-width: 319px){.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name="app-title"]::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}@media (prefers-reduced-motion: reduce){:host(.sm-collapsed) slot[name="app-title"]::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]::slotted(a){transition:none}}:host(.sm-collapsed) slot[name="app-title"]:dir(rtl)::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]:dir(rtl)::slotted(a){right:-9999px}:host(.sm-expanded) slot[name="app-title"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name="app-icon"]::slotted(svg){fill:currentcolor}}@media (prefers-reduced-motion: reduce){:host(.xs-menu-open) .side-navigation,:host(.xs-menu-close) .side-navigation,:host(.anchor-right.xs-menu-close) .side-navigation,:host .title-link,:host(.sm-collapsed.side-display),:host(.sm-expanded.side-display),:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography,:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar),:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar),:host(.side-display) .bottom-side-nav .menu-expand-button,:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg,:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg,:host(.side-display) .collapsed-icon-labels-end{transition:none}}';const w=x;const k=class{constructor(e){i(this,e);this.icSideNavExpanded=t(this,"icSideNavExpanded",7);this.ANIMATION_DURATION=window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:parseInt(d("--ic-transition-duration-slow"))||0;this.COLLAPSED_ICON_LABELS_END="collapsed-icon-labels-end";this.COLLAPSED_ICON_LABELS_START="collapsed-icon-labels-start";this.IC_NAVIGATION_ITEM="ic-navigation-item";this.hostMutationObserver=null;this.resizeObserver=null;this.deviceSize=l();this.deviceSizeAppTitle=r.S;this.foregroundColor=p();this.hasSecondaryNavigation=false;this.menuExpanded=false;this.menuOpen=false;this.closeOnNavItemClick=false;this.collapsedIconLabels=false;this.disableAutoParentStyling=false;this.disableTopBarBehaviour=false;this.expanded=false;this.href="/";this.inline=false;this.shortAppTitle="";this.static=false;this.emitSideNavigationExpanded=i=>{this.icSideNavExpanded.emit({sideNavExpanded:i.sideNavExpanded,sideNavMobile:!!i.sideNavMobile})};this.toggleMenu=()=>{this.menuOpen=!this.menuOpen;this.setMobileMenuAriaAttributes(this.menuOpen);this.arrangeSlottedNavigationItem(this.menuOpen);this.setToggleMenuFlyoutMenuVisibility(this.menuOpen);this.emitSideNavigationExpanded({sideNavExpanded:this.menuOpen,sideNavMobile:true})};this.setToggleMenuFlyoutMenuVisibility=i=>{var t;const a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#side-navigation");const e=a.querySelector(".side-navigation-inner");const s=a.querySelector(".bottom-wrapper");const o="menu-visibility-visible";if(i){s.classList.add(o);e.classList.add(o)}else{setTimeout((()=>{e.classList.remove(o);s.classList.remove(o)}),this.ANIMATION_DURATION)}};this.setMobileMenuAriaAttributes=i=>{if(this.menuButton){this.menuButton.setAttribute("aria-expanded",`${i}`);this.menuButton.setAttribute("aria-label",`${i?"Close":"Open"} navigation menu`)}};this.setAndRemoveNoWrapAfterMenuExpanded=()=>{var i;const t=((i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".title-link ic-typography"))||this.el.querySelector("[slot='app-title']");t===null||t===void 0?void 0:t.classList.add("ic-typography-no-wrap");setTimeout((()=>{t===null||t===void 0?void 0:t.classList.remove("ic-typography-no-wrap")}),this.ANIMATION_DURATION)};this.toggleMenuExpanded=i=>{var t,a,e,s;this.menuExpanded=i;if(this.menuExpanded){this.setAndRemoveNoWrapAfterMenuExpanded();(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".app-title-inner-wrapper"))===null||a===void 0?void 0:a.classList.add("app-title-show")}else{this.el.style.setProperty("--navigation-item-width","320px");(s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".app-title-inner-wrapper"))===null||s===void 0?void 0:s.classList.remove("app-title-show");this.el.addEventListener("transitionend",(i=>{if(i.propertyName==="width"){this.el.style.setProperty("--navigation-item-width",null)}}))}this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);if(this.collapsedIconLabels){this.animateCollapsedIconLabels()}this.setExpandedButtonHeight();this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded})};this.arrangeSlottedNavigationItem=i=>{const t=this.el.querySelectorAll("ic-navigation-item");t.forEach((t=>{var a;const e=c(t,"navigation-item");const s=t.children[0]&&!t.children[0].getAttribute("slot");if(e||s){let s;if(e){s=t.querySelector("[slot='navigation-item']")}else{s=t.children[0]}const o=document.createElement("div");const n=s===null||s===void 0?void 0:s.querySelector("svg");const d=s===null||s===void 0?void 0:s.querySelector("ic-badge");const l=(a=t.textContent)===null||a===void 0?void 0:a.trim();const r=document.createElement("ic-typography");r.classList.add("ic-typography-label","hydrated","navigation-item-side-nav-slotted-text");o.style.position="relative";o.style.height="var(--ic-space-lg)";n&&o.append(n);d&&o.append(d);if(l){r.textContent=l}if(s){s.textContent="";s.append(o);s.append(r)}if(this.collapsedIconLabels){this.styleSlottedCollapsedIconLabels(!!i,r)}else{this.styleSlottedIconLabels(!!i,r)}}}))};this.styleSlottedCollapsedIconLabels=(i,t)=>{if(i){t.style.marginTop="0";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}else{t.style.marginTop="10px";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}};this.setExpandedButtonHeight=()=>{var i;const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper");if(t.offsetHeight!==0){this.el.style.setProperty("--sm-side-navigation-bottom-bar-height",`${t.offsetHeight}px`)}};this.styleSlottedIconLabels=(i,t)=>{if(i){t.style.opacity="1";t.style.visibility="visible";if(!window.matchMedia("(prefers-reduced-motion: reduce)").matches){t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}}else{t.style.opacity="0";t.style.visibility="hidden";if(!window.matchMedia("(prefers-reduced-motion: reduce)").matches){t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}}};this.transitionHandler=i=>{var t,a;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".primary-navigation");const s=(a=this.el.shadowRoot)===null||a===void 0?void 0:a.querySelector(".bottom-wrapper > .secondary-navigation");const o=i==="start"?this.COLLAPSED_ICON_LABELS_END:this.COLLAPSED_ICON_LABELS_START;const n=i==="start"?this.COLLAPSED_ICON_LABELS_START:this.COLLAPSED_ICON_LABELS_END;if(e){e.classList.remove(o);e.classList.add(n)}if(s){s.classList.remove(o);s.classList.add(n)}};this.transitionEndHandler=()=>{this.transitionHandler("end")};this.animateCollapsedIconLabels=()=>{this.transitionHandler("start");this.transitionEndHandler();this.el.addEventListener("transitionend",this.transitionEndHandler)};this.paddingIconWidth=i=>{const t=i[0].shadowRoot&&(i[0].shadowRoot.querySelector("ic-tooltip a")||i[0].shadowRoot.querySelector("ic-tooltip div"))||i[0].querySelector("a")||i[0].querySelector("div");const a=i[0].querySelector("svg");if(t&&a){const i={gap:window.getComputedStyle(t).gap,iconWidth:window.getComputedStyle(a).width,paddingLeft:window.getComputedStyle(t).paddingLeft};return Object.values(i).reduce(((i,t)=>i+=parseInt(t)),0)}return 0};this.displayTooltipWithExpandedLongLabel=i=>{let t;if(i){t=setTimeout((()=>{const i=this.el.clientWidth;const t=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));const a=t.length?this.paddingIconWidth(t):0;t.forEach((t=>{var e,s;const o=((e=t.shadowRoot&&t.shadowRoot.querySelector("ic-tooltip .link ic-typography.ic-typography-label"))===null||e===void 0?void 0:e.scrollWidth)||((s=t.querySelector("ic-typography.ic-typography-label"))===null||s===void 0?void 0:s.scrollWidth);if(o&&o>i-a){t.setAttribute("display-navigation-tooltip","true")}}))}),this.ANIMATION_DURATION)}else{clearTimeout(t);const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("display-navigation-tooltip","false")}))}};this.setMenuExpanded=i=>{this.menuExpanded=i};this.handleNavItemClicked=()=>{if(!this.menuOpen&&this.deviceSize>r.S&&this.menuExpanded){setTimeout((()=>{this.toggleMenuExpanded(false)}),0)}};this.setParentPaddingTop=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-top",i)};this.setParentPaddingLeft=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-left",i)};this.renderAppTitle=i=>{const t=this.deviceSize<=r.S&&!h(this.shortAppTitle);return a("ic-typography",{variant:t||i?"subtitle-small":"h3","aria-label":t?`${this.appTitle} (${this.shortAppTitle})`:undefined},a("h1",null,t?this.shortAppTitle:this.appTitle))};this.resizeObserverCallback=i=>{var t,a,e,s;this.deviceSize=i;const o=i===r.S&&!this.disableTopBarBehaviour;if(!this.disableAutoParentStyling){const i=(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".top-bar"))===null||a===void 0?void 0:a.scrollHeight;this.setParentPaddingTop(o?`${i}px`:"0");if(o)this.setParentPaddingLeft("0");if(o&&this.inline){(e=this.el.parentElement)===null||e===void 0?void 0:e.style.setProperty("height",`calc(100% - ${i}px)`)}else if(!o){(s=this.el.parentElement)===null||s===void 0?void 0:s.style.setProperty("height","100%")}}const n=i>r.S||this.disableTopBarBehaviour;if(!this.disableAutoParentStyling){const t=`calc(var(--ic-space-xxl) ${this.collapsedIconLabels?"* 2":"+ var(--ic-space-xs)"})`;if(i>r.L){this.setParentPaddingTop("0");this.setParentPaddingLeft("0")}else if(n&&i<=r.M&&this.static){this.setParentPaddingLeft(t)}else if(n&&i<=r.L){this.setParentPaddingLeft(this.static&&this.menuExpanded?"calc(var(--ic-space-xl) * 10)":t)}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const i=l();this.deviceSizeAppTitle=i;this.resizeObserverCallback(i)}));this.resizeObserver.observe(document.body,{box:"content-box"})};this.setCollapsedIconLabels=()=>{const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("collapsed-icon-label","true")}))};this.styleSlottedCollapsedIconLabel=()=>{const i=Array.from(this.el.querySelectorAll(".navigation-item-side-nav-slotted-text"));i.forEach((i=>{var t,a;if((a=(t=i.parentElement)===null||t===void 0?void 0:t.parentElement)===null||a===void 0?void 0:a.classList.contains("navigation-item-side-nav-collapsed-with-label")){i.style.whiteSpace="nowrap";i.style.overflow="hidden";i.style.textOverflow="ellipsis";i.style.marginTop="10px"}}))};this.renderTopBar=({isSDevice:i,foregroundColor:t,menuOpen:e,href:s,isAppNameSubtitleVariant:n})=>{const d=this.appTitle!==""&&f(this.appTitle);const l=c(this.el,"app-title")?"div":"a";const r=l=="a"&&{href:s};return a("div",{class:{"top-bar":true,[this.foregroundColor]:true}},i&&a("nav",{"aria-labelledby":"menu-navigation-toggle-button-landmark","aria-hidden":"false"},a("ic-button",{"aria-label":"Open navigation menu",class:"menu-button",id:"menu-button",variant:"secondary",size:"small","full-width":"true",theme:t=="default"||t=="light"?"light":"dark",monochrome:true,onClick:this.toggleMenu,ariaOwnsId:"side-navigation","aria-haspopup":"true","aria-expanded":"false",ref:i=>this.menuButton=i},a("span",{class:"mobile-top-bar-menu-icon",slot:"left-icon",innerHTML:e?o:y}),e?"Close":"Menu"),a("span",{id:"menu-navigation-toggle-button-landmark",class:"navigation-landmark-title","aria-hidden":"true"},"Navigation menu toggle button")),a("div",{class:"app-title-wrapper"},(d||c(this.el,"app-title"))&&a(l,Object.assign({},r,{class:"title-link"}),a("div",{class:"app-icon-container","aria-hidden":"true"},a("slot",{name:"app-icon"})),a("div",{class:"app-title-inner-wrapper"},c(this.el,"app-title")?a("slot",{name:"app-title"}):this.renderAppTitle(n)))))}}watchExpandedHandler(){this.toggleMenuExpanded(this.expanded)}componentWillLoad(){this.setMenuExpanded(this.expanded);if(this.collapsedIconLabels){this.setCollapsedIconLabels()}this.hasSecondaryNavigation=c(this.el,"secondary-navigation")}componentDidLoad(){this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded,sideNavMobile:this.deviceSize===r.S&&!this.disableTopBarBehaviour});v(this.runResizeObserver);this.styleSlottedCollapsedIconLabel();this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);this.setExpandedButtonHeight();if(this.closeOnNavItemClick){this.el.addEventListener("navItemClicked",this.handleNavItemClicked)}!c(this.el,"app-title")&&g([{prop:this.appTitle,propName:"app-title"}],"Side Navigation");this.hostMutationObserver=new MutationObserver((i=>{m(i,["primary-navigation","secondary-navigation"],this);this.arrangeSlottedNavigationItem(this.menuExpanded)}));this.hostMutationObserver.observe(this.el,{childList:true})}disconnectedCallback(){var i,t;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect();(t=this.el)===null||t===void 0?void 0:t.removeEventListener("transitionend",this.transitionEndHandler);if(this.closeOnNavItemClick){this.el.removeEventListener("navItemClicked",this.handleNavItemClicked)}}brandChangeHandler({detail:i}){this.foregroundColor=i.mode}render(){const{appTitle:i,menuOpen:t,foregroundColor:s,menuExpanded:o,href:d,status:l,version:p,collapsedIconLabels:h,inline:v}=this;const g=!this.disableTopBarBehaviour&&this.deviceSize===r.S;const m=this.disableTopBarBehaviour&&this.deviceSize===r.S;const f=this.deviceSize===r.M;const y=this.deviceSize>=r.L;const x=this.deviceSizeAppTitle===r.S;const w=f||m||y&&!this.static;const k={isSDevice:g,foregroundColor:s,menuOpen:t,href:d,isAppNameSubtitleVariant:x,appTitle:i||""};return a(e,{key:"467270372cb15a90984978cb333a6756c7ffcb8d",class:{"xs-menu-open":t&&g,"xs-menu-close":!t&&g,"sm-collapsed":!g&&!o,"sm-expanded":!g&&o,"side-display":this.deviceSize>r.S||!!this.disableTopBarBehaviour,[`ic-side-navigation-${u.Dark}`]:s===u.Dark,["collapsed-labels"]:!g&&!o&&!!h,["ic-side-navigation-inline"]:!!v}},g&&this.renderTopBar(Object.assign({},k)),a("div",{key:"51b75422befcc62a8b9a866ab9ab7c58b799db2c",class:"side-navigation",id:"side-navigation"},!g&&this.renderTopBar(Object.assign({},k)),a("div",{key:"fbcb14963d2ce5567297bdf794d1dd5f7a6209bb",class:"side-navigation-inner"},c(this.el,"primary-navigation")&&a("nav",{key:"24da45c7237f1152c1e93db9b928120bcca1ba14",class:"primary-navigation","aria-labelledby":"primary-navigation-landmark"},a("span",{key:"e57f1521e37ecc9b770b35339059564ff23fe945","aria-hidden":"true",class:"navigation-landmark-title",id:"primary-navigation-landmark"},"Primary"),a("ul",{key:"88ffcdc33e0ebb348a3f8851dfb85020625293d7",class:"navigation-list"},a("slot",{key:"91243f0760b0a67226f4c83a0393f669443ee356",name:"primary-navigation"})))),a("div",{key:"77eaa1bf6bd8951c5a77902c75b0664aa36f0b44",class:{["bottom-wrapper"]:true,["classification-spacing"]:b()}},c(this.el,"secondary-navigation")&&a("nav",{key:"ad66580f2b2f753f4ce2d1be8128fdcb5fb69c9f",class:"secondary-navigation","aria-labelledby":"secondary-navigation-landmark"},a("span",{key:"3f503502795535166e14d6d52ee1b8f72dfe9551","aria-hidden":"true",class:"navigation-landmark-title",id:"secondary-navigation-landmark"},"Secondary"),a("ul",{key:"cfd5af2f79b1ca9e309fc160c5b4b00385f017d2",class:"navigation-list"},a("slot",{key:"a975b85e39c977ea241a976df63699337f6507d7",name:"secondary-navigation"}))),a("div",{key:"b0f3f81a20589100389495ded413bf1bfe09e096",class:"bottom-side-nav"},this.hasSecondaryNavigation&&a("ic-divider",{key:"3ee7716a6a6ed2e8f776b9ba376a54274c84f873"}),w&&a("button",{key:"c7f04012bfcb7f727431a9d7e6e53d714cc49e5e",class:"menu-expand-button",innerHTML:n,onClick:()=>this.toggleMenuExpanded(!this.menuExpanded),"aria-label":`${o?"Collapse":"Expand"} side navigation`}),a("div",{key:"a3d90469e6d05790dd84a00ea1e4c4c35ecb8955",class:"app-status-wrapper"},l&&a("div",{key:"6dddec89dbd4e81f2d5b0132c648e53e72092d14",class:{["app-status"]:true}},a("ic-typography",{key:"21635fd5640f74861ede6840073a112753d13a29","aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},l)),p&&a("ic-typography",{key:"7a95df03f61c13f2a6ed23e43be42959ae98fd88",variant:"label",class:"app-version","aria-label":"app version"},p))))))}get el(){return s(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};k.style=w;export{k as ic_side_navigation};
-//# sourceMappingURL=p-970e190c.entry.js.map
+import{r as i,c as t,h as a,H as e,g as s}from"./p-8e4e97b4.js";import{c as o}from"./p-c391e323.js";import{C as n}from"./p-3b185c32.js";import{B as d,f as l,D as r,g as p,i as c,K as h,h as v,o as g,a as m,x as b,I as u,e as f}from"./p-eeb8d98a.js";import"./p-6215e2ae.js";const y=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">\n  <path d="M0 0h24v24H0V0z" fill="none" />\n  <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z" />\n  <title>menu icon</title>\n</svg>\n`;const x=':host{display:block;--ic-typography-color:currentcolor;--side-navigation-position:fixed;--side-navigation-position-left:0;--side-navigation-position-top:var(--ic-space-xxl);--side-navigation-height:var(--ic-space-xxl);--sm-side-navigation-top-bar-height:3.5rem;--sm-side-navigation-collapsed-labels-width:6rem;--sm-side-navigation-expand-transition-duration:var(\n    --ic-transition-duration-slow\n  );--side-navigation-width:20rem;--sm-side-navigation-bottom-bar-height:3.5rem;--keyline-lighten:var(--ic-space-1px) solid var(--ic-side-navigation-keyline);--keyline-darken:var(--ic-space-1px) solid var(--ic-state-layer-darken-20);--ic-button-secondary-text-monochrome:var(--ic-brand-text-color);--ic-button-secondary-border-monochrome:var(--ic-brand-text-color);z-index:var(--ic-z-index-side-navigation)}:host>*{box-sizing:border-box}.side-navigation{display:flex;flex-direction:column;width:var(--side-navigation-width);color:var(--ic-side-navigation-text);position:var(--side-navigation-position);top:var(--side-navigation-position-top);left:calc(var(--side-navigation-width) * -1);bottom:0;background-color:var(--ic-side-navigation-background);z-index:var(--ic-z-index-side-navigation)}:host(.ic-side-navigation-inline) .side-navigation{position:absolute;height:100%}:host(.anchor-right) .side-navigation{right:calc(var(--side-navigation-width) * -1)}.classification-spacing{margin-bottom:var(--ic-space-lg)}.navigation-list{padding:0;margin:0;list-style:none}.side-navigation-inner{background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column;flex:1 1 4rem;overflow:auto}:host(.ic-side-navigation-inline) .side-navigation-inner{flex:1}:host(.xs-menu-open) .side-navigation{transition:left var(--ic-easing-transition-slow);left:0}:host(:has(.xs-menu-open,.xs-menu-close)) ::slotted(ic-navigation-item){--navigation-item-side-nav-right:var(--ic-space-xl)}:host(.xs-menu-close) .side-navigation{left:calc(var(--side-navigation-width) * -1);transition:left var(--ic-easing-transition-slow)}:host(.xs-menu-close) .side-navigation>*{visibility:hidden}:host(.anchor-right.xs-menu-open) .side-navigation{right:0;left:auto}:host(.anchor-right.xs-menu-close) .side-navigation{right:calc(var(--side-navigation-width) * -1);left:auto;transition:right var(--ic-easing-transition-slow)}.bottom-wrapper{border-top:var(--keyline-lighten);bottom:0;left:0;z-index:2;background-color:var(--ic-side-navigation-background);display:flex;flex-direction:column}:host(.ic-side-navigation-inline) .bottom-wrapper{position:sticky}:host(.ic-side-navigation-dark) .bottom-wrapper{border-top:var(--keyline-darken)}.top-bar{display:flex;flex-direction:row;align-items:center;min-height:var(--side-navigation-height);padding:var(--ic-space-xs);box-sizing:border-box;background-color:var(--ic-side-navigation-background);position:fixed;top:0;left:0;right:0;border-bottom:var(--keyline-lighten);box-shadow:var(--ic-elevation-overlay);z-index:2;overflow:hidden;visibility:visible}:host(.ic-side-navigation-inline) .top-bar{position:absolute}:host(.ic-side-navigation-dark) .top-bar{border-bottom:var(--keyline-darken)}.top-bar.dark a:focus{box-shadow:var(--ic-border-focus)}.app-title-wrapper{display:flex;margin-left:var(--ic-space-xs);border-left:var(--keyline-lighten);padding-left:var(--ic-space-xxs);color:var(--ic-side-navigation-text);align-items:center}:host(.ic-side-navigation-dark) .app-title-wrapper{border-left:var(--keyline-darken)}.app-title-wrapper ic-typography h1{margin:0}@media screen and (min-width: 340px){.app-title-wrapper ic-typography{margin-left:var(--ic-space-xs)}}:host .title-link{display:flex;align-items:center;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast);text-decoration:none;padding:var(--ic-space-xxs);color:var(--ic-side-navigation-text)}:host .title-link:visited,:host .title-link:active{color:var(--ic-side-navigation-text)}slot[name="app-title"]::slotted(a),slot[name="app-icon"]::slotted(a){color:var(--ic-side-navigation-text);outline:none;text-decoration:none;display:flex}slot[name="app-title"]::slotted(ic-typography),slot[name="app-title"]::slotted(a){margin-left:var(--ic-space-xs) !important}slot[name="app-title"]::slotted(a){font:var(--ic-font-subtitle-small)}:host .title-link:hover{border-radius:var(--ic-border-radius);background-color:var(--ic-side-navigation-hover)}:host .title-link:active{background-color:var(--ic-side-navigation-pressed)}:host .title-link:focus,:host .title-link:focus-within{border-radius:var(--ic-border-radius);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);background-color:transparent}:host .title-link ic-typography{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-title-wrapper ::slotted(svg){fill:var(--ic-side-navigation-text)}.app-icon-container{display:none}.button-label{display:flex;align-items:center}.mobile-top-bar-menu-icon{display:flex}.menu-button{width:6.5rem}.app-status-wrapper{inset:0 var(--ic-space-sm) 0 3.5rem;width:auto;display:flex;gap:var(--ic-space-xs);padding:var(--ic-space-sm) 0;justify-content:flex-end;align-items:flex-end;pointer-events:none;height:-moz-fit-content;height:fit-content;margin:0 var(--ic-space-xs)}.app-status-wrapper .app-version{display:flex;overflow-wrap:break-word;padding-bottom:var(--ic-space-xxs)}.app-status-wrapper .app-status{display:flex;border-radius:1rem;background-color:var(--ic-side-navigation-text);color:var(--ic-side-navigation-status-tag-text);padding:var(--ic-space-xxs) var(--ic-space-lg);min-width:1rem}.app-status-wrapper .app-status-text{overflow-wrap:break-word}:host(.ic-side-navigation-dark) .app-status-wrapper .app-status{--ic-typography-color:var(--ic-architectural-white)}.navigation-landmark-title{position:absolute;width:var(--ic-space-1px);height:var(--ic-space-1px);padding:0;margin:calc(-1 * var(--ic-space-1px));overflow:hidden}::slotted(ic-navigation-group){--navigation-group-height:2.75rem;--navigation-group-justify-content:space-between;--navigation-group-hover:var(--ic-side-navigation-hover);--navigation-group-text-hover:var(--ic-side-navigation-text);--navigation-item-child-height:3.5rem;--navigation-item-child-active:var(--ic-action-dark-bg-pressed);--navigation-item-child-color:var(--ic-side-navigation-text);--navigation-group-expand-toggle-padding:0.25rem}::slotted(ic-navigation-item),::slotted(ic-navigation-group){--navigation-item-justify-content:flex-start;--navigation-item-min-height:56px;--navigation-item-height:auto}.bottom-side-nav{position:relative;align-content:flex-end;min-height:var(--sm-side-navigation-top-bar-height)}.bottom-side-nav ic-divider{position:absolute;top:0}.primary-navigation{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.primary-navigation::-webkit-scrollbar{display:none}.primary-navigation,.secondary-navigation{overflow-x:hidden}.bottom-side-nav .menu-expand-button{position:absolute;display:none}.menu-visibility-visible{visibility:visible;width:100%}.app-title-show{min-width:15.5rem}:host(.side-display){display:flex;flex-direction:column;height:100vh;position:var(--side-navigation-position);left:0;top:0;bottom:0}:host(.side-display) .app-icon-container{height:40px;display:flex;align-items:center}:host(.side-display) .top-bar{--side-navigation-height:var(--sm-side-navigation-top-bar-height);position:relative;padding:0;box-shadow:none}:host(.ic-side-navigation-inline.side-display) .top-bar{position:sticky}:host(.anchor-right.side-display) .top-bar{box-shadow:0.188rem 0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.anchor-right.side-display) .bottom-wrapper{box-shadow:0.188rem -0.188rem 0.5rem rgb(0 0 0 / 20%)}:host(.side-display) .side-navigation,:host(.side-display) .top-bar{width:var(--sm-side-navigation-top-bar-height)}:host(.sm-collapsed.side-display){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.collapsed-labels.side-display){width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-expanded.side-display){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow);box-shadow:var(--ic-elevation-overlay)}:host(.side-display) .side-navigation{--side-navigation-position-top:0;flex:1;position:relative;top:auto;left:auto;bottom:auto}:host(.ic-side-navigation-inline.side-display) .side-navigation{position:relative}:host(.anchor-right.side-display) .side-navigation{left:auto;right:0}:host(.side-display) .app-title-wrapper{margin-left:0;border-left:none;padding:var(--ic-space-xs) var(--ic-space-sm)}:host(.side-display) .app-title-wrapper ::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg)}:host(.side-display) .app-title-wrapper ic-typography{font-weight:var(--ic-font-weight-semibold)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography{position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography:dir(rtl){right:-9999px}:host(.sm-expanded.side-display) ic-typography{position:relative;left:0}:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar){width:var(--side-navigation-width);transition:width var(--ic-easing-transition-slow)}:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar){width:var(--sm-side-navigation-top-bar-height);transition:width var(--ic-easing-transition-slow)}:host(.anchor-right.sm-expanded.side-display) :is(.side-navigation,.top-bar){left:auto;right:0}:host(.side-display) .app-status-wrapper,:host(.sm-collapsed.side-display) .app-status-wrapper{display:none;margin-left:0}:host(.sm-expanded.side-display) .app-status-wrapper{display:flex;max-width:16rem;margin-right:calc(var(--ic-space-xxxs) + var(--ic-space-xs))}:host(.side-display) .bottom-side-nav{justify-items:flex-end;align-items:flex-end;justify-content:flex-end;display:flex;outline:none}:host(.side-display) .bottom-side-nav .menu-expand-button{padding-left:var(--ic-space-md);height:var(--sm-side-navigation-top-bar-height);width:100%;color:var(--ic-side-navigation-text);background-color:transparent;outline:var(--ic-hc-focus-outline);border:none;cursor:pointer;display:flex;transition:var(--ic-easing-transition-fast)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button{height:100%}:host(.side-display) .bottom-side-nav .menu-expand-button svg{justify-items:flex-start;align-self:center;display:inline-block;width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.side-display) .bottom-side-nav .menu-expand-button:hover{background-color:var(--ic-side-navigation-hover)}:host(.side-display) .bottom-side-nav .menu-expand-button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1);transition:transform var(--ic-easing-transition-slow)}:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1);transition:transform var(--ic-easing-transition-slow);align-self:flex-end;margin-bottom:0.875rem}:host(.anchor-right.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(-1)}:host(.anchor-right.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg{transform:scaleX(1)}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item){--navigation-item-label-opacity:1}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-item),:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:0;--navigation-item-min-height:3.5rem;--navigation-item-height:3.5rem}:host(.sm-expanded.side-display) ::slotted(ic-navigation-item),:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-item-label-opacity:1;--navigation-item-height:auto;--navigation-item-min-height:3.5rem;--navigation-item-width:20rem;--navigation-item-side-nav-right:var(--ic-space-xl);--navigation-group-width:20rem}:host(.sm-collapsed.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:absolute;--navigation-group-title-position-left:-9999px;--navigation-group-title-opacity:none}:host(.sm-expanded.side-display) ::slotted(ic-navigation-group){--navigation-group-title-position:relative;--navigation-group-title-position-left:0;--navigation-group-expand-toggle-padding:0.25rem;--navigation-group-title-opacity:flex}:host(.sm-collapsed.collapsed-labels.side-display) .side-navigation,:host(.sm-collapsed.collapsed-labels.side-display) .top-bar{width:var(--sm-side-navigation-collapsed-labels-width)}:host(.sm-collapsed.collapsed-labels.side-display) .menu-expand-button{padding:0}:host(.sm-collapsed.collapsed-labels.side-display) .app-title-wrapper{width:100%;justify-content:center}:host(.sm-collapsed.collapsed-labels.side-display) ::slotted(ic-navigation-group){--navigation-group-justify-content:center;--navigation-item-label-opacity:1;--navigation-group-item-min-width:100%;--navigation-group-expand-toggle-padding:1rem}:host(.collapsed-labels.side-display) .bottom-side-nav .menu-expand-button{justify-content:center}:host(.side-display) .collapsed-icon-labels-start{visibility:hidden;opacity:0}:host(.side-display) .collapsed-icon-labels-end{visibility:visible;opacity:1;transition:visibility 0s, opacity var(--ic-easing-transition-slow)}@media screen and (max-width: 419px){.top-bar{height:var(--side-navigation-height)}}@media screen and (max-width: 319px){.side-navigation{width:100%}}@media screen and (min-width: 340px){.app-icon-container{display:flex}}@media screen and (min-width: 577px){:host(.sm-collapsed) slot[name="app-title"]::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]::slotted(a){position:absolute;left:-9999px;opacity:0;transition:opacity var(--ic-easing-transition-slow)}@media (prefers-reduced-motion: reduce){:host(.sm-collapsed) slot[name="app-title"]::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]::slotted(a){transition:none}}:host(.sm-collapsed) slot[name="app-title"]:dir(rtl)::slotted(ic-typography),:host(.sm-collapsed) slot[name="app-title"]:dir(rtl)::slotted(a){right:-9999px}:host(.sm-expanded) slot[name="app-title"]::slotted(a){font:var(--ic-font-h3) !important;font-weight:var(--ic-font-weight-semibold) !important;margin-left:var(--ic-space-xs) !important}}@media screen and (min-width: 993px){:host(.side-display){position:sticky;left:auto;top:0;bottom:0}:host(.sm-expanded.side-display){box-shadow:none}}@media (forced-colors: active){.side-navigation,.top-bar{border-right:var(--ic-border-hc)}.menu-expand-button{color:Highlight !important}slot[name="app-icon"]::slotted(svg){fill:currentcolor}}@media (prefers-reduced-motion: reduce){:host(.xs-menu-open) .side-navigation,:host(.xs-menu-close) .side-navigation,:host(.anchor-right.xs-menu-close) .side-navigation,:host .title-link,:host(.sm-collapsed.side-display),:host(.sm-expanded.side-display),:host(.sm-collapsed.side-display) .app-title-wrapper ic-typography,:host(.sm-collapsed.side-display) :is(.side-navigation,.top-bar),:host(.sm-expanded.side-display) :is(.side-navigation,.top-bar),:host(.side-display) .bottom-side-nav .menu-expand-button,:host(.sm-collapsed.side-display) .bottom-side-nav .menu-expand-button svg,:host(.sm-expanded.side-display) .bottom-side-nav .menu-expand-button svg,:host(.side-display) .collapsed-icon-labels-end{transition:none}}';const w=x;const k=class{constructor(e){i(this,e);this.icSideNavExpanded=t(this,"icSideNavExpanded",7);this.ANIMATION_DURATION=window.matchMedia("(prefers-reduced-motion: reduce)").matches?0:parseInt(d("--ic-transition-duration-slow"))||0;this.COLLAPSED_ICON_LABELS_END="collapsed-icon-labels-end";this.COLLAPSED_ICON_LABELS_START="collapsed-icon-labels-start";this.IC_NAVIGATION_ITEM="ic-navigation-item";this.hostMutationObserver=null;this.resizeObserver=null;this.deviceSize=l();this.deviceSizeAppTitle=r.S;this.foregroundColor=p();this.hasSecondaryNavigation=false;this.menuExpanded=false;this.menuOpen=false;this.closeOnNavItemClick=false;this.collapsedIconLabels=false;this.disableAutoParentStyling=false;this.disableTopBarBehaviour=false;this.expanded=false;this.href="/";this.inline=false;this.shortAppTitle="";this.static=false;this.emitSideNavigationExpanded=i=>{this.icSideNavExpanded.emit({sideNavExpanded:i.sideNavExpanded,sideNavMobile:!!i.sideNavMobile})};this.toggleMenu=()=>{this.menuOpen=!this.menuOpen;this.setMobileMenuAriaAttributes(this.menuOpen);this.arrangeSlottedNavigationItem(this.menuOpen);this.setToggleMenuFlyoutMenuVisibility(this.menuOpen);this.emitSideNavigationExpanded({sideNavExpanded:this.menuOpen,sideNavMobile:true})};this.setToggleMenuFlyoutMenuVisibility=i=>{var t;const a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("#side-navigation");const e=a.querySelector(".side-navigation-inner");const s=a.querySelector(".bottom-wrapper");const o="menu-visibility-visible";if(i){s.classList.add(o);e.classList.add(o)}else{setTimeout((()=>{e.classList.remove(o);s.classList.remove(o)}),this.ANIMATION_DURATION)}};this.setMobileMenuAriaAttributes=i=>{if(this.menuButton){this.menuButton.setAttribute("aria-expanded",`${i}`);this.menuButton.setAttribute("aria-label",`${i?"Close":"Open"} navigation menu`)}};this.setAndRemoveNoWrapAfterMenuExpanded=()=>{var i;const t=((i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector(".title-link ic-typography"))||this.el.querySelector("[slot='app-title']");t===null||t===void 0?void 0:t.classList.add("ic-typography-no-wrap");setTimeout((()=>{t===null||t===void 0?void 0:t.classList.remove("ic-typography-no-wrap")}),this.ANIMATION_DURATION)};this.toggleMenuExpanded=i=>{var t,a,e,s;this.menuExpanded=i;if(this.menuExpanded){this.setAndRemoveNoWrapAfterMenuExpanded();(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".app-title-inner-wrapper"))===null||a===void 0?void 0:a.classList.add("app-title-show")}else{this.el.style.setProperty("--navigation-item-width","320px");(s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".app-title-inner-wrapper"))===null||s===void 0?void 0:s.classList.remove("app-title-show");this.el.addEventListener("transitionend",(i=>{if(i.propertyName==="width"){this.el.style.setProperty("--navigation-item-width",null)}}))}this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);if(this.collapsedIconLabels){this.animateCollapsedIconLabels()}this.setExpandedButtonHeight();this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded})};this.arrangeSlottedNavigationItem=i=>{const t=this.el.querySelectorAll("ic-navigation-item");t.forEach((t=>{var a;const e=c(t,"navigation-item");const s=t.children[0]&&!t.children[0].getAttribute("slot");if(e||s){let s;if(e){s=t.querySelector("[slot='navigation-item']")}else{s=t.children[0]}const o=document.createElement("div");const n=s===null||s===void 0?void 0:s.querySelector("svg");const d=s===null||s===void 0?void 0:s.querySelector("ic-badge");const l=(a=t.textContent)===null||a===void 0?void 0:a.trim();const r=document.createElement("ic-typography");r.classList.add("ic-typography-label","hydrated","navigation-item-side-nav-slotted-text");o.style.position="relative";o.style.height="var(--ic-space-lg)";n&&o.append(n);d&&o.append(d);if(l){r.textContent=l}if(s){s.textContent="";s.append(o);s.append(r)}if(this.collapsedIconLabels){this.styleSlottedCollapsedIconLabels(!!i,r)}else{this.styleSlottedIconLabels(!!i,r)}}}))};this.styleSlottedCollapsedIconLabels=(i,t)=>{if(i){t.style.marginTop="0";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}else{t.style.marginTop="10px";t.style.whiteSpace="nowrap";t.style.overflow="hidden";t.style.textOverflow="ellipsis"}};this.setExpandedButtonHeight=()=>{var i;const t=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelector("#side-navigation > .bottom-wrapper > .bottom-side-nav > .app-status-wrapper");if(t.offsetHeight!==0){this.el.style.setProperty("--sm-side-navigation-bottom-bar-height",`${t.offsetHeight}px`)}};this.styleSlottedIconLabels=(i,t)=>{if(i){t.style.opacity="1";t.style.visibility="visible";if(!window.matchMedia("(prefers-reduced-motion: reduce)").matches){t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}}else{t.style.opacity="0";t.style.visibility="hidden";if(!window.matchMedia("(prefers-reduced-motion: reduce)").matches){t.style.transition="visibility 0s, opacity var(--ic-easing-transition-slow)"}}};this.transitionHandler=i=>{var t,a;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".primary-navigation");const s=(a=this.el.shadowRoot)===null||a===void 0?void 0:a.querySelector(".bottom-wrapper > .secondary-navigation");const o=i==="start"?this.COLLAPSED_ICON_LABELS_END:this.COLLAPSED_ICON_LABELS_START;const n=i==="start"?this.COLLAPSED_ICON_LABELS_START:this.COLLAPSED_ICON_LABELS_END;if(e){e.classList.remove(o);e.classList.add(n)}if(s){s.classList.remove(o);s.classList.add(n)}};this.transitionEndHandler=()=>{this.transitionHandler("end")};this.animateCollapsedIconLabels=()=>{this.transitionHandler("start");this.transitionEndHandler();this.el.addEventListener("transitionend",this.transitionEndHandler)};this.paddingIconWidth=i=>{const t=i[0].shadowRoot&&(i[0].shadowRoot.querySelector("ic-tooltip a")||i[0].shadowRoot.querySelector("ic-tooltip div"))||i[0].querySelector("a")||i[0].querySelector("div");const a=i[0].querySelector("svg");if(t&&a){const i={gap:window.getComputedStyle(t).gap,iconWidth:window.getComputedStyle(a).width,paddingLeft:window.getComputedStyle(t).paddingLeft};return Object.values(i).reduce(((i,t)=>i+=parseInt(t)),0)}return 0};this.displayTooltipWithExpandedLongLabel=i=>{let t;if(i){t=setTimeout((()=>{const i=this.el.clientWidth;const t=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));const a=t.length?this.paddingIconWidth(t):0;t.forEach((t=>{var e,s;const o=((e=t.shadowRoot&&t.shadowRoot.querySelector("ic-tooltip .link ic-typography.ic-typography-label"))===null||e===void 0?void 0:e.scrollWidth)||((s=t.querySelector("ic-typography.ic-typography-label"))===null||s===void 0?void 0:s.scrollWidth);if(o&&o>i-a){t.setAttribute("display-navigation-tooltip","true")}}))}),this.ANIMATION_DURATION)}else{clearTimeout(t);const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("display-navigation-tooltip","false")}))}};this.setMenuExpanded=i=>{this.menuExpanded=i};this.handleNavItemClicked=()=>{if(!this.menuOpen&&this.deviceSize>r.S&&this.menuExpanded){setTimeout((()=>{this.toggleMenuExpanded(false)}),0)}};this.setParentPaddingTop=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-top",i)};this.setParentPaddingLeft=i=>{var t;(t=this.el.parentElement)===null||t===void 0?void 0:t.style.setProperty("padding-left",i)};this.renderAppTitle=i=>{const t=this.deviceSize<=r.S&&!h(this.shortAppTitle);return a("ic-typography",{variant:t||i?"subtitle-small":"h3","aria-label":t?`${this.appTitle} (${this.shortAppTitle})`:undefined},a("h1",null,t?this.shortAppTitle:this.appTitle))};this.resizeObserverCallback=i=>{var t,a,e,s;this.deviceSize=i;const o=i===r.S&&!this.disableTopBarBehaviour;if(!this.disableAutoParentStyling){const i=(a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".top-bar"))===null||a===void 0?void 0:a.scrollHeight;this.setParentPaddingTop(o?`${i}px`:"0");if(o)this.setParentPaddingLeft("0");if(o&&this.inline){(e=this.el.parentElement)===null||e===void 0?void 0:e.style.setProperty("height",`calc(100% - ${i}px)`)}else if(!o){(s=this.el.parentElement)===null||s===void 0?void 0:s.style.setProperty("height","100%")}}const n=i>r.S||this.disableTopBarBehaviour;if(!this.disableAutoParentStyling){const t=`calc(var(--ic-space-xxl) ${this.collapsedIconLabels?"* 2":"+ var(--ic-space-xs)"})`;if(i>r.L){this.setParentPaddingTop("0");this.setParentPaddingLeft("0")}else if(n&&i<=r.M&&this.static){this.setParentPaddingLeft(t)}else if(n&&i<=r.L){this.setParentPaddingLeft(this.static&&this.menuExpanded?"calc(var(--ic-space-xl) * 10)":t)}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{const i=l();this.deviceSizeAppTitle=i;this.resizeObserverCallback(i)}));this.resizeObserver.observe(document.body,{box:"content-box"})};this.setCollapsedIconLabels=()=>{const i=Array.from(this.el.querySelectorAll(this.IC_NAVIGATION_ITEM));i.forEach((i=>{i.setAttribute("collapsed-icon-label","true")}))};this.styleSlottedCollapsedIconLabel=()=>{const i=Array.from(this.el.querySelectorAll(".navigation-item-side-nav-slotted-text"));i.forEach((i=>{var t,a;if((a=(t=i.parentElement)===null||t===void 0?void 0:t.parentElement)===null||a===void 0?void 0:a.classList.contains("navigation-item-side-nav-collapsed-with-label")){i.style.whiteSpace="nowrap";i.style.overflow="hidden";i.style.textOverflow="ellipsis";i.style.marginTop="10px"}}))};this.renderTopBar=({isSDevice:i,foregroundColor:t,menuOpen:e,href:s,isAppNameSubtitleVariant:n})=>{const d=this.appTitle!==""&&f(this.appTitle);const l=c(this.el,"app-title")?"div":"a";const r=l=="a"&&{href:s};return a("div",{class:{"top-bar":true,[this.foregroundColor]:true}},i&&a("nav",{"aria-labelledby":"menu-navigation-toggle-button-landmark","aria-hidden":"false"},a("ic-button",{"aria-label":"Open navigation menu",class:"menu-button",id:"menu-button",variant:"secondary",size:"small","full-width":"true",theme:t=="default"||t=="light"?"light":"dark",monochrome:true,onClick:this.toggleMenu,ariaOwnsId:"side-navigation","aria-haspopup":"true","aria-expanded":"false",ref:i=>this.menuButton=i},a("span",{class:"mobile-top-bar-menu-icon",slot:"left-icon",innerHTML:e?o:y}),e?"Close":"Menu"),a("span",{id:"menu-navigation-toggle-button-landmark",class:"navigation-landmark-title","aria-hidden":"true"},"Navigation menu toggle button")),a("div",{class:"app-title-wrapper"},(d||c(this.el,"app-title"))&&a(l,Object.assign({},r,{class:"title-link"}),a("div",{class:"app-icon-container","aria-hidden":"true"},a("slot",{name:"app-icon"})),a("div",{class:"app-title-inner-wrapper"},c(this.el,"app-title")?a("slot",{name:"app-title"}):this.renderAppTitle(n)))))}}watchExpandedHandler(){this.toggleMenuExpanded(this.expanded)}componentWillLoad(){this.setMenuExpanded(this.expanded);if(this.collapsedIconLabels){this.setCollapsedIconLabels()}this.hasSecondaryNavigation=c(this.el,"secondary-navigation")}componentDidLoad(){this.emitSideNavigationExpanded({sideNavExpanded:this.menuExpanded,sideNavMobile:this.deviceSize===r.S&&!this.disableTopBarBehaviour});v(this.runResizeObserver);this.styleSlottedCollapsedIconLabel();this.arrangeSlottedNavigationItem(this.menuExpanded);this.displayTooltipWithExpandedLongLabel(this.menuExpanded);this.setExpandedButtonHeight();if(this.closeOnNavItemClick){this.el.addEventListener("navItemClicked",this.handleNavItemClicked)}!c(this.el,"app-title")&&g([{prop:this.appTitle,propName:"app-title"}],"Side Navigation");this.hostMutationObserver=new MutationObserver((i=>{m(i,["primary-navigation","secondary-navigation"],this);this.arrangeSlottedNavigationItem(this.menuExpanded)}));this.hostMutationObserver.observe(this.el,{childList:true})}disconnectedCallback(){var i,t;if(this.resizeObserver!==null){this.resizeObserver.disconnect()}(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect();(t=this.el)===null||t===void 0?void 0:t.removeEventListener("transitionend",this.transitionEndHandler);if(this.closeOnNavItemClick){this.el.removeEventListener("navItemClicked",this.handleNavItemClicked)}}brandChangeHandler({detail:i}){this.foregroundColor=i.mode}render(){const{appTitle:i,menuOpen:t,foregroundColor:s,menuExpanded:o,href:d,status:l,version:p,collapsedIconLabels:h,inline:v}=this;const g=!this.disableTopBarBehaviour&&this.deviceSize===r.S;const m=this.disableTopBarBehaviour&&this.deviceSize===r.S;const f=this.deviceSize===r.M;const y=this.deviceSize>=r.L;const x=this.deviceSizeAppTitle===r.S;const w=f||m||y&&!this.static;const k={isSDevice:g,foregroundColor:s,menuOpen:t,href:d,isAppNameSubtitleVariant:x,appTitle:i||""};return a(e,{key:"467270372cb15a90984978cb333a6756c7ffcb8d",class:{"xs-menu-open":t&&g,"xs-menu-close":!t&&g,"sm-collapsed":!g&&!o,"sm-expanded":!g&&o,"side-display":this.deviceSize>r.S||!!this.disableTopBarBehaviour,[`ic-side-navigation-${u.Dark}`]:s===u.Dark,["collapsed-labels"]:!g&&!o&&!!h,["ic-side-navigation-inline"]:!!v}},g&&this.renderTopBar(Object.assign({},k)),a("div",{key:"51b75422befcc62a8b9a866ab9ab7c58b799db2c",class:"side-navigation",id:"side-navigation"},!g&&this.renderTopBar(Object.assign({},k)),a("div",{key:"fbcb14963d2ce5567297bdf794d1dd5f7a6209bb",class:"side-navigation-inner"},c(this.el,"primary-navigation")&&a("nav",{key:"24da45c7237f1152c1e93db9b928120bcca1ba14",class:"primary-navigation","aria-labelledby":"primary-navigation-landmark"},a("span",{key:"e57f1521e37ecc9b770b35339059564ff23fe945","aria-hidden":"true",class:"navigation-landmark-title",id:"primary-navigation-landmark"},"Primary"),a("ul",{key:"88ffcdc33e0ebb348a3f8851dfb85020625293d7",class:"navigation-list"},a("slot",{key:"91243f0760b0a67226f4c83a0393f669443ee356",name:"primary-navigation"})))),a("div",{key:"77eaa1bf6bd8951c5a77902c75b0664aa36f0b44",class:{["bottom-wrapper"]:true,["classification-spacing"]:b()}},c(this.el,"secondary-navigation")&&a("nav",{key:"ad66580f2b2f753f4ce2d1be8128fdcb5fb69c9f",class:"secondary-navigation","aria-labelledby":"secondary-navigation-landmark"},a("span",{key:"3f503502795535166e14d6d52ee1b8f72dfe9551","aria-hidden":"true",class:"navigation-landmark-title",id:"secondary-navigation-landmark"},"Secondary"),a("ul",{key:"cfd5af2f79b1ca9e309fc160c5b4b00385f017d2",class:"navigation-list"},a("slot",{key:"a975b85e39c977ea241a976df63699337f6507d7",name:"secondary-navigation"}))),a("div",{key:"b0f3f81a20589100389495ded413bf1bfe09e096",class:"bottom-side-nav"},this.hasSecondaryNavigation&&a("ic-divider",{key:"3ee7716a6a6ed2e8f776b9ba376a54274c84f873"}),w&&a("button",{key:"c7f04012bfcb7f727431a9d7e6e53d714cc49e5e",class:"menu-expand-button",innerHTML:n,onClick:()=>this.toggleMenuExpanded(!this.menuExpanded),"aria-label":`${o?"Collapse":"Expand"} side navigation`}),a("div",{key:"a3d90469e6d05790dd84a00ea1e4c4c35ecb8955",class:"app-status-wrapper"},l&&a("div",{key:"6dddec89dbd4e81f2d5b0132c648e53e72092d14",class:{["app-status"]:true}},a("ic-typography",{key:"21635fd5640f74861ede6840073a112753d13a29","aria-label":"app tag",variant:"label-uppercase",class:"app-status-text"},l)),p&&a("ic-typography",{key:"7a95df03f61c13f2a6ed23e43be42959ae98fd88",variant:"label",class:"app-version","aria-label":"app version"},p))))))}get el(){return s(this)}static get watchers(){return{expanded:["watchExpandedHandler"]}}};k.style=w;export{k as ic_side_navigation};
+//# sourceMappingURL=p-e0b52a71.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as o,g as s}from"./p-8e4e97b4.js";import{E as n,e as a,i as r}from"./p-eeb8d98a.js";import{c as l}from"./p-68a5aaff.js";import"./p-6215e2ae.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){:host .opening-from-parent{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}:host .opening-from-child{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}:host .ic-popover-menu{border-radius:var(--ic-border-radius);color:var(--ic-popover-nav-text);--ic-typography-color:var(--ic-popover-nav-text);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}:host(.on-dialog){inset:auto !important}:host(.on-dialog-fix-translate){transform:translate(0, var(--ic-space-xs)) !important}:host(.on-dialog-translate-y){transform:translate(0, calc(-1 * var(--translate-y))) !important}.menu{border:var(--ic-border-default);border-color:var(--ic-popover-border);border-radius:var(--ic-border-radius);background-color:var(--ic-popover-background);visibility:hidden;height:0;display:flex;flex-direction:column}:host .ic-popover-menu:focus-within{box-shadow:var(--ic-border-focus)}.menu:focus-visible{outline:none}:host .ic-popover-menu-open{display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}:host .ic-popover-menu-open .menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}.parent-label{--ic-typography-color:var(--ic-popover-parent-label);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}';const h=c;const d="div.menu-body";const p=class{constructor(i){e(this,i);this.icPopoverClosed=t(this,"icPopoverClosed",7);this.ARIA_LABEL="aria-label";this.popoverMenuEls=[];this.openingFromChild=false;this.openingFromParent=false;this.popperProps={};this.fixedPositioning=false;this.submenuLevel=1;this.theme="inherit";this.open=undefined;this.closeOnItemSelect="always";this.setButtonFocus=()=>{var e;(e=this.popoverMenuEls[this.currentFocus])===null||e===void 0?void 0:e.focus()};this.findAnchorEl=e=>{let t=null;if(!e){this.submenuId===undefined&&console.error("No anchor specified for popover component")}else{t=document.querySelector(e.indexOf("#")===0?e:"#"+e);if(t===null){console.error(`Popover anchor element '${e}' not found`)}}return t};this.isNotPopoverMenuEl=e=>{const t=e.target;const{id:i,tagName:o}=t;const s=this.anchorEl&&t===this.anchorEl;return!s&&i!==this.anchor&&o!=="IC-MENU-ITEM"&&o!=="IC-MENU-GROUP"&&o!=="IC-POPOVER-MENU"};this.getNextItemToSelect=(e,t)=>{const i=this.popoverMenuEls.length-1;if(e<1){e=0}let o=t?e+1:e-1;if(o<0){o=i}else if(o>i){o=0}return o};this.addMenuItems=e=>{var t;for(let i=0;i<e.length;i++){const o=e[i];if(o.tagName==="IC-MENU-ITEM"){this.popoverMenuEls.push(o)}else if(o.tagName==="IC-MENU-GROUP"){const e=(t=o.shadowRoot)===null||t===void 0?void 0:t.querySelector(".menu-items-wrapper");if(e){const t=n(e);t&&this.addMenuItems(t)}}}};this.getMenuAriaLabel=()=>{let e=this.el.getAttribute(this.ARIA_LABEL);if(e){this.menuAriaLabel=e;this.el.removeAttribute(this.ARIA_LABEL)}else if(this.menuAriaLabel){e=this.menuAriaLabel}if(!e)return null;if(a(this.submenuId)){return`${e}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`}else{return e}};this.handleBackButtonClick=()=>{var e;(e=this.parentPopover)===null||e===void 0?void 0:e.openFromChild();this.open=false};this.initPopperJS=()=>{var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".ic-popover-menu");if(this.anchorEl){this.popperInstance=l(this.anchorEl,t,Object.assign({strategy:this.fixedPositioning?"fixed":"absolute",placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"flip",options:{fallbackPlacements:["top-start","top-end","bottom-end"],rootBoundary:"viewport"}}]},this.popperProps))}}}watchOpenHandler(){var e;const t=(e=this.el.parentElement)===null||e===void 0?void 0:e.querySelectorAll(`ic-popover-menu`);if(this.open){if(t.length>0){t.forEach((e=>{if(e!==this.el){e.open=false}}))}if(this.parentPopover!==undefined&&!this.popoverMenuEls.some((e=>e.id))){this.backButton&&this.popoverMenuEls.unshift(this.backButton)}this.currentFocus=0;setTimeout(this.setButtonFocus,50)}else if(this.popperInstance){if(t.length>0){t.forEach((e=>{if(e!==this.el){e.open=false}}))}this.popperInstance.destroy();this.popperInstance=null}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}componentDidLoad(){var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(d);if(t){const e=n(t);if(e!==null){this.addMenuItems(e)}}if(this.submenuId===undefined&&this.el.getAttribute(this.ARIA_LABEL)===null){console.error(`No aria-label specified for popover menu component - aria-label required`)}this.watchOpenHandler()}componentWillRender(){const e=this.el.querySelector('[slot="anchor"]');if(e){this.anchorEl=e}else{this.anchorEl=this.findAnchorEl(this.anchor)}}componentDidRender(){if(this.open&&!this.popperInstance){this.initPopperJS()}}handleMenuItemClick(e){if(!e.detail.submenuTriggerFor&&e.detail.label!=="Back"){if(this.closeOnItemSelect==="never"||e.detail.variant==="toggle"&&this.closeOnItemSelect==="toggle"||e.detail.closeMenuOnSelect===false){this.currentFocus=this.popoverMenuEls.findIndex((t=>t===e.detail));return}this.closeMenu(false,e.detail)}}handleSubmenuChange(e){const t=e.target;this.open=false;const i=document.querySelector(`ic-popover-menu[submenu-id=${t.submenuTriggerFor}]`);i.parentPopover=this.el;i.anchor=this.anchor;i.ariaLabel=this.el.getAttribute(this.ARIA_LABEL);i.openFromParent();i.submenuLevel=this.submenuLevel+1;i.parentLabel=t.label}handleClick(e){if(this.open&&this.isNotPopoverMenuEl(e)){this.closeMenu()}}handleKeyDown(e){switch(e.key){case"ArrowDown":case"ArrowUp":e.preventDefault();this.currentFocus=this.getNextItemToSelect(this.currentFocus,e.key==="ArrowDown");this.setButtonFocus();break;case"Home":this.currentFocus=0;this.setButtonFocus();break;case"End":this.currentFocus=this.popoverMenuEls.length-1;this.setButtonFocus();break;case"Escape":case"Tab":e.preventDefault();if(this.open){this.closeMenu(true);this.el.blur()}break}}async openFromChild(){this.open=true;this.openingFromChild=true;setTimeout((()=>this.openingFromChild=false),1e3)}async openFromParent(){this.open=true;this.openingFromParent=true;setTimeout((()=>this.openingFromParent=false),1e3)}async closeMenu(e=false,t){var i;this.open=false;if(this.parentPopover){this.parentPopover.closeMenu(e,t)}else{if(e){(i=this.anchorEl)===null||i===void 0?void 0:i.focus()}this.icPopoverClosed.emit(t)}}async setExternalPopperProps(e){this.popperProps=e}render(){return i(o,{key:"b664e4a0944016c88fe19232ea7b1cf2fa65cbd9",class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},r(this.el,"anchor")&&i("slot",{key:"978425aac1a58c1f19ad59e8ebe9869492fe8a5d",name:"anchor"}),i("div",{key:"c36a21a4f9913deebed1c418ce4c85995fa49054",class:{["ic-popover-menu"]:true,["ic-popover-menu-open"]:!!this.open}},i("div",{key:"5e54d43f8699270ea59ee2d408d099e73b51a5e0",id:this.parentPopover===undefined?`ic-popover-submenu-${this.submenuId}`:"",class:{menu:true}},i("span",{key:"50b901cdd6ce1c6e51839cdacb61034f45972a3a",class:{"opening-from-parent":this.openingFromParent,"opening-from-child":this.openingFromChild}},a(this.submenuId)&&i("span",{key:"b152354aff6888ea5dd18850fb7ce40f3e7d975c"},i("span",{key:"b7f43d96c7980573f740ff5d6495aa5416b6b89c",role:"menu"},i("ic-menu-item",{key:"62eb52181ef3b9c647573202a90940f3f90b2b1f",class:"ic-popover-submenu-back-button",ref:e=>this.backButton=e,label:"Back",onClick:this.handleBackButtonClick,id:`ic-popover-submenu-back-button-${this.submenuLevel}`},i("svg",{key:"ea5fe2b6bedb7a97c146e9bf19f0c4538bcd7cc4",slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"submenu-back-icon"},i("path",{key:"57795916b6c3026915b4b166647512bc7b2571e0",d:"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z",fill:"currentColor"})))),i("ic-typography",{key:"c6b1a275a79f431eb9c32b8b811302c2bc7e86a2",variant:"subtitle-small",class:"parent-label"},this.parentLabel)),i("div",{key:"a227dd549ab5bc60aad95d62d4ab8a13fdd4e46f",class:"menu-body","aria-label":this.getMenuAriaLabel(),role:"menu"},i("slot",{key:"5f991353095b3d406ff76d101be9c72dd1ff26b7"}))))))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{open:["watchOpenHandler"]}}};p.style=h;export{p as ic_popover_menu};
+//# sourceMappingURL=p-ef289935.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icPopoverMenuCss","IcPopoverMenuStyle0","MENU_SELECTOR","PopoverMenu","constructor","hostRef","this","ARIA_LABEL","popoverMenuEls","openingFromChild","openingFromParent","popperProps","fixedPositioning","submenuLevel","theme","open","undefined","closeOnItemSelect","setButtonFocus","_a","currentFocus","focus","findAnchorEl","anchor","anchorElement","submenuId","console","error","document","querySelector","indexOf","isNotPopoverMenuEl","ev","target","id","tagName","isAnchor","anchorEl","getNextItemToSelect","currentItem","movingDown","numButtons","length","nextItem","addMenuItems","elements","i","el","push","groupSlotWrapper","shadowRoot","menuGroupElements","getSlotElements","getMenuAriaLabel","ariaLabel","getAttribute","menuAriaLabel","removeAttribute","isPropDefined","parentLabel","handleBackButtonClick","parentPopover","openFromChild","initPopperJS","popoverMenu","popperInstance","createPopper","Object","assign","strategy","placement","modifiers","name","options","offset","fallbackPlacements","rootBoundary","watchOpenHandler","popoverArr","parentElement","querySelectorAll","forEach","popover","some","menuItem","backButton","unshift","setTimeout","destroy","disconnectedCallback","componentDidLoad","slotWrapper","popoverMenuElements","componentWillRender","slottedAnchor","componentDidRender","handleMenuItemClick","detail","submenuTriggerFor","label","variant","closeMenuOnSelect","findIndex","closeMenu","handleSubmenuChange","childEl","openFromParent","handleClick","handleKeyDown","key","preventDefault","blur","setFocusToAnchor","menuElement","icPopoverClosed","emit","setExternalPopperProps","props","render","h","Host","class","isSlotUsed","menu","role","ref","onClick","slot","viewBox","fill","xmlns","d"],"sources":["src/components/ic-popover-menu/ic-popover-menu.css?tag=ic-popover-menu&encapsulation=shadow","src/components/ic-popover-menu/ic-popover-menu.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n* @prop --ic-z-index-popover: z-index of popover menu. \n* @prop --max-height: Maximum height of the popover menu.\n* @prop --popover-width: Default width of the popover menu.\n*/\n\n@media (prefers-reduced-motion: no-preference) {\n  :host .opening-from-parent {\n    animation: slide-in var(--ic-transition-duration-slow) ease-in-out;\n  }\n\n  :host .opening-from-child {\n    animation: slide-out var(--ic-transition-duration-slow) ease-in-out;\n  }\n}\n\n:host .ic-popover-menu {\n  border-radius: var(--ic-border-radius);\n  color: var(--ic-popover-nav-text);\n\n  --ic-typography-color: var(--ic-popover-nav-text);\n\n  position: relative;\n  z-index: var(--ic-z-index-popover);\n  box-sizing: border-box;\n  box-shadow: var(--ic-elevation-overlay);\n  display: none;\n}\n\n:host(.on-dialog) {\n  inset: auto !important;\n}\n\n:host(.on-dialog-fix-translate) {\n  transform: translate(0, var(--ic-space-xs)) !important;\n}\n\n:host(.on-dialog-translate-y) {\n  transform: translate(0, calc(-1 * var(--translate-y))) !important;\n}\n\n.menu {\n  border: var(--ic-border-default);\n  border-color: var(--ic-popover-border);\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-popover-background);\n  visibility: hidden;\n  height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n:host .ic-popover-menu:focus-within {\n  box-shadow: var(--ic-border-focus);\n}\n\n.menu:focus-visible {\n  outline: none;\n}\n\n:host .ic-popover-menu-open {\n  display: block;\n  min-width: calc(20rem - var(--ic-space-xl));\n  width: var(--popover-width, 20rem);\n  max-width: calc(100vw - var(--ic-space-xl));\n}\n\n:host .ic-popover-menu-open .menu {\n  visibility: visible;\n  height: fit-content;\n  max-height: var(--max-height, fit-content);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.parent-label {\n  --ic-typography-color: var(--ic-popover-parent-label);\n\n  margin: var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n@keyframes slide-in {\n  from {\n    opacity: 0;\n    transform: translateX(10rem);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slide-out {\n  from {\n    opacity: 0;\n    transform: translateX(-10rem);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n","import {\n  Component,\n  Element,\n  Host,\n  h,\n  Prop,\n  Listen,\n  Watch,\n  State,\n  Method,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport {\n  getSlotElements,\n  isPropDefined,\n  isSlotUsed,\n} from \"../../utils/helpers\";\nimport {\n  createPopper,\n  Instance as PopperInstance,\n  Options,\n} from \"@popperjs/core\";\nimport { IcThemeMode } from \"../../utils/types\";\n\nconst MENU_SELECTOR = \"div.menu-body\";\n\n/**\n * @slot anchor - The default anchor element for the popover menu. This will take precedence over the `anchor` prop.\n */\n@Component({\n  tag: \"ic-popover-menu\",\n  styleUrl: \"ic-popover-menu.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class PopoverMenu {\n  private anchorEl: HTMLElement | null;\n  private ARIA_LABEL: string = \"aria-label\";\n  private backButton?: HTMLIcMenuItemElement;\n  private currentFocus: number;\n  private popoverMenuEls: HTMLIcMenuItemElement[] = [];\n  private popperInstance: PopperInstance | null;\n  private menuAriaLabel?: string;\n\n  @Element() el: HTMLIcPopoverMenuElement;\n\n  @State() openingFromChild: boolean = false;\n  @State() openingFromParent: boolean = false;\n  @State() popperProps: Partial<Options> = {};\n\n  /**\n   * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.\n   */\n  @Prop() anchor?: string;\n\n  /**\n   * Setting to `true` can help in situations where tooltip content is clipped by a parent element.\n   */\n  @Prop() fixedPositioning: boolean = false;\n\n  /**\n   * @internal The parent popover menu of a child popover menu.\n   */\n  @Prop() parentLabel?: string;\n\n  /**\n   * @internal The parent popover menu of a child popover menu.\n   */\n  @Prop() parentPopover?: HTMLIcPopoverMenuElement;\n\n  /**\n   * The unique identifier for a popover submenu.\n   */\n  @Prop() submenuId?: string;\n\n  /**\n   * @internal The level of menu being displayed.\n   */\n  @Prop() submenuLevel?: number = 1;\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   * If `true`, the popover menu will be displayed.\n   */\n  @Prop({ reflect: true, mutable: true }) open?: boolean | undefined =\n    undefined;\n\n  /**\n   * If `always`, the popover menu will close when any menu item is clicked. If `toggle`, the popover menu will close when a non-toggle menu item is clicked. If `never`, the popover menu will not close when any menu item is clicked.\n   */\n  @Prop() closeOnItemSelect: \"always\" | \"toggle\" | \"never\" = \"always\";\n\n  @Watch(\"open\")\n  watchOpenHandler(): void {\n    const popoverArr = this.el.parentElement?.querySelectorAll(\n      `ic-popover-menu`\n    ) as NodeListOf<HTMLIcPopoverMenuElement>;\n    if (this.open) {\n      if (popoverArr.length > 0) {\n        popoverArr.forEach((popover) => {\n          if (popover !== this.el) {\n            popover.open = false;\n          }\n        });\n      }\n      if (\n        this.parentPopover !== undefined &&\n        !this.popoverMenuEls.some((menuItem) => menuItem.id)\n      ) {\n        this.backButton && this.popoverMenuEls.unshift(this.backButton);\n      }\n\n      this.currentFocus = 0;\n      // Needed so that anchorEl isn't always focused\n      setTimeout(this.setButtonFocus, 50);\n    } else if (this.popperInstance) {\n      if (popoverArr.length > 0) {\n        popoverArr.forEach((popover) => {\n          if (popover !== this.el) {\n            popover.open = false;\n          }\n        });\n      }\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  /**\n   * Emitted when the popover menu is closed.\n   */\n  @Event() icPopoverClosed: EventEmitter<HTMLIcMenuItemElement>;\n\n  disconnectedCallback(): void {\n    if (this.popperInstance) {\n      this.popperInstance.destroy();\n      this.popperInstance = null;\n    }\n  }\n\n  componentDidLoad(): void {\n    const slotWrapper = this.el.shadowRoot?.querySelector(MENU_SELECTOR);\n    if (slotWrapper) {\n      const popoverMenuElements = getSlotElements(slotWrapper);\n\n      if (popoverMenuElements !== null) {\n        this.addMenuItems(popoverMenuElements);\n      }\n    }\n\n    if (\n      this.submenuId === undefined &&\n      this.el.getAttribute(this.ARIA_LABEL) === null\n    ) {\n      console.error(\n        `No aria-label specified for popover menu component - aria-label required`\n      );\n    }\n\n    this.watchOpenHandler();\n  }\n\n  componentWillRender(): void {\n    const slottedAnchor = this.el.querySelector(\n      '[slot=\"anchor\"]'\n    ) as HTMLElement | null;\n\n    if (slottedAnchor) {\n      this.anchorEl = slottedAnchor;\n    } else {\n      this.anchorEl = this.findAnchorEl(this.anchor);\n    }\n  }\n\n  componentDidRender(): void {\n    if (this.open && !this.popperInstance) {\n      this.initPopperJS();\n    }\n  }\n\n  @Listen(\"handleMenuItemClick\")\n  handleMenuItemClick(ev: CustomEvent<HTMLIcMenuItemElement>): void {\n    if (!ev.detail.submenuTriggerFor && ev.detail.label !== \"Back\") {\n      if (\n        this.closeOnItemSelect === \"never\" ||\n        (ev.detail.variant === \"toggle\" &&\n          this.closeOnItemSelect === \"toggle\") ||\n        ev.detail.closeMenuOnSelect === false\n      ) {\n        this.currentFocus = this.popoverMenuEls.findIndex(\n          (menuItem) => menuItem === ev.detail\n        );\n        return;\n      }\n      this.closeMenu(false, ev.detail);\n    }\n  }\n\n  // This is listening for the event emitted when a menu item is acting as a trigger button\n  @Listen(\"triggerPopoverMenuInstance\", { capture: true })\n  handleSubmenuChange(ev: Event): void {\n    // Finds the trigger menu item that has emitted the event\n    const target = ev.target as HTMLIcMenuItemElement;\n    this.open = false;\n\n    // Find the popover menu that the menu item triggers (i.e. submenu-trigger-for === submenu-id).\n    const childEl = document.querySelector(\n      `ic-popover-menu[submenu-id=${target.submenuTriggerFor}]`\n    ) as HTMLIcPopoverMenuElement;\n    // Set the parent popover menu of the submenu and open the submenu\n    childEl.parentPopover = this.el;\n    childEl.anchor = this.anchor;\n    childEl.ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n    childEl.openFromParent();\n    childEl.submenuLevel = this.submenuLevel! + 1;\n    // Set the label in the submenu using the label of the menu item that has emitted the event\n    childEl.parentLabel = target.label;\n  }\n\n  @Listen(\"click\", { target: \"document\" })\n  handleClick(ev: Event): void {\n    if (this.open && this.isNotPopoverMenuEl(ev)) {\n      // If menu is open and the next click on the document is not a popover El, close the popover\n      this.closeMenu();\n    }\n  }\n\n  // Manages the keyboard navigation in the popover menu\n  @Listen(\"keydown\", {})\n  handleKeyDown(ev: KeyboardEvent): void {\n    switch (ev.key) {\n      case \"ArrowDown\":\n      case \"ArrowUp\":\n        ev.preventDefault();\n        this.currentFocus = this.getNextItemToSelect(\n          this.currentFocus,\n          ev.key === \"ArrowDown\"\n        );\n        this.setButtonFocus();\n        break;\n      case \"Home\":\n        //Sets home focus as first element, or back button\n        this.currentFocus = 0;\n        this.setButtonFocus();\n        break;\n      case \"End\":\n        //Sets end focus as last element\n        this.currentFocus = this.popoverMenuEls.length - 1;\n        this.setButtonFocus();\n        break;\n      case \"Escape\":\n      case \"Tab\":\n        ev.preventDefault();\n        if (this.open) {\n          this.closeMenu(true);\n          this.el.blur();\n        }\n        break;\n    }\n  }\n\n  /**\n   * @internal Opens the menu from the child menu.\n   */\n  @Method()\n  async openFromChild(): Promise<void> {\n    this.open = true;\n    this.openingFromChild = true;\n\n    setTimeout(() => (this.openingFromChild = false), 1000);\n  }\n\n  /**\n   * @internal Opens the menu from the parent menu.\n   */\n  @Method()\n  async openFromParent(): Promise<void> {\n    this.open = true;\n    this.openingFromParent = true;\n\n    setTimeout(() => (this.openingFromParent = false), 1000);\n  }\n\n  private setButtonFocus = () => {\n    this.popoverMenuEls[this.currentFocus]?.focus();\n  };\n\n  // Checks that the popover menu has an anchor\n  private findAnchorEl = (anchor: string | undefined): HTMLElement | null => {\n    let anchorElement: HTMLElement | null = null;\n    if (!anchor) {\n      this.submenuId === undefined &&\n        console.error(\"No anchor specified for popover component\");\n    } else {\n      anchorElement = document.querySelector(\n        anchor.indexOf(\"#\") === 0 ? anchor : \"#\" + anchor\n      );\n      if (anchorElement === null) {\n        console.error(`Popover anchor element '${anchor}' not found`);\n      }\n    }\n    return anchorElement;\n  };\n\n  private isNotPopoverMenuEl = (ev: Event) => {\n    const target = ev.target as HTMLElement;\n    const { id, tagName } = target;\n    const isAnchor = this.anchorEl && target === this.anchorEl;\n    return (\n      !isAnchor &&\n      id !== this.anchor &&\n      tagName !== \"IC-MENU-ITEM\" &&\n      tagName !== \"IC-MENU-GROUP\" &&\n      tagName !== \"IC-POPOVER-MENU\"\n    );\n  };\n\n  /**\n   * @internal Close the menu, emit icPopoverClosed of the root popover\n   * @param setFocusToAnchor when true return focus to anchor element when menu is closed\n   */\n  @Method()\n  async closeMenu(\n    setFocusToAnchor = false,\n    menuElement?: HTMLIcMenuItemElement\n  ): Promise<void> {\n    this.open = false;\n    if (this.parentPopover) {\n      this.parentPopover.closeMenu(setFocusToAnchor, menuElement);\n    } else {\n      if (setFocusToAnchor) {\n        this.anchorEl?.focus();\n      }\n      this.icPopoverClosed.emit(menuElement);\n    }\n  }\n\n  /**\n   * @internal This method allows props to be added to the PopperJS createPopper instance outside of the popover menu\n   * @param props object - createPopper props set externally\n   */\n  @Method()\n  async setExternalPopperProps<T extends Partial<Options>>(props: T) {\n    this.popperProps = props;\n  }\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numButtons = this.popoverMenuEls.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n\n    // Check if wrap around necessary\n    if (nextItem < 0) {\n      nextItem = numButtons;\n    } else if (nextItem > numButtons) {\n      nextItem = 0;\n    }\n\n    return nextItem;\n  };\n\n  private addMenuItems = (elements: Element[] | NodeListOf<ChildNode>) => {\n    for (let i = 0; i < elements.length; i++) {\n      const el = elements[i] as HTMLIcMenuItemElement;\n      if (el.tagName === \"IC-MENU-ITEM\") {\n        this.popoverMenuEls.push(el);\n      } else if (el.tagName === \"IC-MENU-GROUP\") {\n        const groupSlotWrapper = el.shadowRoot?.querySelector(\n          \".menu-items-wrapper\"\n        );\n        if (groupSlotWrapper) {\n          const menuGroupElements = getSlotElements(groupSlotWrapper);\n          menuGroupElements && this.addMenuItems(menuGroupElements);\n        }\n      }\n    }\n  };\n\n  private getMenuAriaLabel = (): string | null => {\n    let ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n    if (ariaLabel) {\n      this.menuAriaLabel = ariaLabel;\n      this.el.removeAttribute(this.ARIA_LABEL);\n    } else if (this.menuAriaLabel) {\n      ariaLabel = this.menuAriaLabel;\n    }\n    if (!ariaLabel) return null;\n    if (isPropDefined(this.submenuId)) {\n      return `${ariaLabel}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`;\n    } else {\n      return ariaLabel;\n    }\n  };\n\n  private handleBackButtonClick = (): void => {\n    this.parentPopover?.openFromChild();\n    this.open = false;\n  };\n\n  private initPopperJS = () => {\n    const popoverMenu = this.el.shadowRoot?.querySelector(\n      \".ic-popover-menu\"\n    ) as HTMLElement;\n    if (this.anchorEl) {\n      this.popperInstance = createPopper(this.anchorEl, popoverMenu, {\n        strategy: this.fixedPositioning ? \"fixed\" : \"absolute\",\n        placement: \"bottom-start\",\n        modifiers: [\n          {\n            name: \"offset\",\n            options: {\n              offset: [0, 4],\n            },\n          },\n          {\n            name: \"flip\",\n            options: {\n              fallbackPlacements: [\"top-start\", \"top-end\", \"bottom-end\"],\n              rootBoundary: \"viewport\",\n            },\n          },\n        ],\n        ...this.popperProps,\n      });\n    }\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n        }}\n      >\n        {isSlotUsed(this.el, \"anchor\") && <slot name=\"anchor\"></slot>}\n        <div\n          class={{\n            [\"ic-popover-menu\"]: true,\n            [\"ic-popover-menu-open\"]: !!this.open,\n          }}\n        >\n          <div\n            id={\n              this.parentPopover === undefined\n                ? `ic-popover-submenu-${this.submenuId}`\n                : \"\"\n            }\n            class={{\n              menu: true,\n            }}\n          >\n            <span\n              class={{\n                \"opening-from-parent\": this.openingFromParent,\n                \"opening-from-child\": this.openingFromChild,\n              }}\n            >\n              {isPropDefined(this.submenuId) && (\n                <span>\n                  <span role=\"menu\">\n                    <ic-menu-item\n                      class=\"ic-popover-submenu-back-button\"\n                      ref={(el) => (this.backButton = el)}\n                      label=\"Back\"\n                      onClick={this.handleBackButtonClick}\n                      id={`ic-popover-submenu-back-button-${this.submenuLevel}`}\n                    >\n                      <svg\n                        slot=\"icon\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        class=\"submenu-back-icon\"\n                      >\n                        <path\n                          d=\"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z\"\n                          fill=\"currentColor\"\n                        />\n                      </svg>\n                    </ic-menu-item>\n                  </span>\n                  <ic-typography variant=\"subtitle-small\" class=\"parent-label\">\n                    {this.parentLabel}\n                  </ic-typography>\n                </span>\n              )}\n              <div\n                class=\"menu-body\"\n                aria-label={this.getMenuAriaLabel()}\n                role=\"menu\"\n              >\n                <slot></slot>\n              </div>\n            </span>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-3da9774b.entry.js → p-ef91cf17.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as e,H as s,g as a}from"./p-8e4e97b4.js";import{c as o}from"./p-f074ef5b.js";import{V as n}from"./p-6215e2ae.js";import{i as r,o as c,M as d,e as l}from"./p-eeb8d98a.js";const h='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){:host{animation:fadein var(--ic-transition-duration-slow) ease-in-out}:host(.hidden){animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}:host{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}:host(.ic-toast-hidden){display:none}:host(:focus){outline:none}.container{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-toast-background);display:flex;align-items:center;position:relative;border:var(--ic-space-1px) solid var(--ic-color-border-neutral-grey);border-radius:var(--ic-border-radius)}.toast-icon-container{height:100%;display:flex;align-items:center}.container-neutral{border-color:var(--ic-toast-status-neutral)}.container-info{border-color:var(--ic-toast-status-info)}.container-warning{border-color:var(--ic-toast-status-warning)}.container-error{border-color:var(--ic-toast-status-error)}.container-success{border-color:var(--ic-toast-status-success)}.container-ai{border-color:var(--ic-toast-status-ai)}.divider{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:0}.divider-neutral{background-color:var(--ic-toast-status-neutral)}.divider-info{background-color:var(--ic-toast-status-info)}.divider-warning{background-color:var(--ic-toast-status-warning)}.divider-error{background-color:var(--ic-toast-status-error)}.divider-success{background-color:var(--ic-toast-status-success)}.divider-ai{background-color:var(--ic-toast-status-ai)}.toast-icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}:host(.ic-toast-variant-neutral) .toast-icon svg,::slotted(svg){fill:var(--ic-toast-icon-neutral)}:host(.ic-toast-variant-info) .toast-icon svg{fill:var(--ic-toast-icon-info)}:host(.ic-toast-variant-warning) .toast-icon svg{fill:var(--ic-toast-icon-warning)}:host(.ic-toast-variant-error) .toast-icon svg{fill:var(--ic-toast-icon-error)}:host(.ic-toast-variant-success) .toast-icon svg{fill:var(--ic-toast-icon-success)}:host(.ic-toast-variant-ai) .toast-icon svg{fill:var(--ic-toast-icon-ai)}.toast-content{margin-left:var(--ic-space-xs);width:100%}.no-icon{margin-left:var(--ic-space-md)}.toast-text{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}.toast-heading{--ic-typography-color:var(--ic-toast-title)}.toast-message{--ic-typography-color:var(--ic-toast-description)}.toast-action-container{padding-bottom:var(--ic-space-md)}#dismiss-button{padding:var(--ic-space-xs)}#dismiss-button>svg{color:var(--ic-toast-dismiss-button)}ic-loading-indicator{--outer-color:transparent;--inner-color:var(--ic-action-monochrome)}.toast-dismiss-timer{padding:var(--ic-space-sm)}@media (max-width: 576px){:host{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){:host{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}';const u=h;const b=1e3;const m=70;const f=140;const p=class{constructor(e){t(this,e);this.icDismiss=i(this,"icDismiss",7);this.interactiveElements=[];this.timerProgress=100;this.visible=false;this.theme="inherit";this.autoDismissTimeout=5e3;this.dismissButtonAriaLabel="dismiss";this.dismissMode="manual";this.dismissAction=()=>{this.icDismiss.emit()};this.handleProgressChange=()=>{this.timerProgress-=b/this.autoDismissTimeout*100};this.onFocus=()=>{if(this.focusInteractiveElement){this.isManual=true}};this.onBlur=()=>{this.handleTimer({type:"mouseleave"})}}dismissModeChangeHandler(t){this.isManual=t==="manual"}disconnectedCallback(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval)}componentWillLoad(){var t,i;this.handleLongText(this.heading.length>m,!!this.message&&((t=this.message)===null||t===void 0?void 0:t.length)>f);if(this.autoDismissTimeout<5e3)this.autoDismissTimeout=5e3;if(r(this.el,"action"))this.dismissMode="manual";this.isManual=this.dismissMode==="manual";if(r(this.el,"neutral-icon"))this.variant="neutral";if(this.variant==="neutral"){this.neutralVariantLabel=(i=this.neutralIconAriaLabel)!==null&&i!==void 0?i:n[this.variant].ariaLabel}if(this.isManual){const t=l(this.message)?`. ${this.message}`:"";this.el.setAttribute("aria-label",this.variant?this.neutralVariantLabel||n[this.variant].ariaLabel:this.heading);(this.variant||this.message)&&this.el.setAttribute("aria-description",this.variant?`${this.heading}${t}`:this.message||"")}}componentDidLoad(){c([{prop:this.heading,propName:"heading"}],"Toast")}componentDidUpdate(){var t;if(this.focusInteractiveElement&&this.isManual){this.resetAutoDismissTimer();const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e);this.focusInteractiveElement=false;this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();this.shiftKeyPressed=false}}watchVisibleHandler(){var t;if(this.visible){const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e)}else{this.interactiveElements=[]}}handleDismiss(){this.visible=false;this.resetAutoDismissTimer()}handleKeyboard(t){if(this.visible){if(this.isManual){switch(t.key){case"Tab":t.preventDefault();this.findNextInteractiveElement(t.shiftKey).setFocus();break;case"Escape":!t.repeat&&this.dismissAction();t.stopImmediatePropagation();break}}else{if(t.key==="Tab"){this.shiftKeyPressed=t.shiftKey;this.focusInteractiveElement=true}}}}handleTimer(t){switch(t.type){case"mouseenter":if(!this.isManual){this.resetAutoDismissTimer()}this.isManual=true;break;case"mouseleave":if(this.dismissMode==="automatic"){this.isManual=false;this.interactiveElements=[];if(this.visible){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,b)}}break}}async setVisible(){if(!this.visible)this.visible=true;if(!this.isManual){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,b);return null}else{this.interactiveElements[0]&&window.setTimeout((()=>this.interactiveElements[0].setFocus()),200);return document.activeElement}}handleLongText(t,i){if(i||t){console.error(`Too many characters in toast ${t?"heading":""}${t&&i?" and ":""}${i?"message":""}. Refer to character limits specified in the prop description`)}}findNextInteractiveElement(t){const i=this.interactiveElements[0];const e=this.interactiveElements[this.interactiveElements.length-1];if(this.isActive(t?i:e))return t?e:i;let s=0;return this.interactiveElements.some(((t,i)=>{if(!this.isActive(t))return false;s=i;return true}))?this.interactiveElements[s+(t?-1:1)]:i}resetAutoDismissTimer(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval);this.timerProgress=100}isActive(t){return t===this.el?!!this.el.shadowRoot.activeElement:document.activeElement===t}render(){const{variant:t,heading:i,message:a,visible:c,isManual:d,dismissButtonAriaLabel:l,theme:h}=this;return e(s,{key:"57c068f4c9a9e3017733432a596f78e2bcbffae6",class:{[`ic-theme-${h}`]:h!=="inherit",["ic-toast-hidden"]:!c,[`ic-toast-variant-${t}`]:t!==undefined},tabindex:"0",onFocus:this.onFocus,onBlur:this.onBlur,role:d?"dialog":"alert","aria-live":d?null:"polite"},e("div",{key:"e24bd72e435cc443c375eee309ae98fc9e030c0b",class:{["container"]:true,[`container-${t}`]:t!==undefined}},t&&c&&e("div",{key:"bdabfabb04efcd93ab88ecb691b3baa73fc9da0a",class:"toast-icon-container"},e("div",{key:"bede66dcf6189ac321e9bee90dc144e9d38a09dc",class:{["divider"]:true,[`divider-${t}`]:true}}),t==="neutral"?e("slot",{name:"neutral-icon"}):e("span",{class:"toast-icon",innerHTML:n[t].icon})),e("div",{key:"57480804dc55695e555a16dd818c5febcaffbe00",class:{["toast-content"]:true,["no-icon"]:t==="neutral"&&!r(this.el,"neutral-icon")}},e("div",{key:"8540288f9f34f0b72c86fa3039d579c93be1277f",class:"toast-text"},e("ic-typography",{key:"c5e8f2d0a2fe026b430dddf7a81e825845f5ce72",variant:"subtitle-large",class:"toast-heading"},c&&(d?e("h5",null,i):e("p",null,i))),a&&e("ic-typography",{key:"89fe3df8f98581ef66c1ea74930d9042a579a359",variant:"body",class:"toast-message"},c&&e("p",{key:"d805d260febad5f8d58aeffe2dfef9f84d6d0911"},a))),r(this.el,"action")&&e("div",{key:"c9cfd3cd4bf5f77cea072bb15f8629ab4a368ad0",class:"toast-action-container"},e("slot",{key:"26b2fb447b937f327719edfe531e5b1260fa7c6c",name:"action"}))),!d?e("ic-loading-indicator",{class:"toast-dismiss-timer",theme:"dark",monochrome:true,size:"icon",progress:this.timerProgress,description:"Dismiss timer"}):e("ic-button",{id:"dismiss-button",innerHTML:o,onClick:this.dismissAction,variant:"icon-tertiary","aria-label":l})))}get el(){return a(this)}static get watchers(){return{dismissMode:["dismissModeChangeHandler"],visible:["watchVisibleHandler"]}}};p.style=u;export{p as ic_toast};
-//# sourceMappingURL=p-3da9774b.entry.js.map
+import{r as t,c as i,h as e,H as s,g as o}from"./p-8e4e97b4.js";import{c as a}from"./p-c391e323.js";import{V as n}from"./p-6215e2ae.js";import{i as r,o as c,M as d,e as l}from"./p-eeb8d98a.js";const h='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media (prefers-reduced-motion: no-preference){:host{animation:fadein var(--ic-transition-duration-slow) ease-in-out}:host(.hidden){animation:fadeout var(--ic-transition-duration-slow) ease-in-out}}:host{--bottom-position:var(--ic-space-xl);position:fixed;bottom:var(--bottom-position);left:50%;transform:translate(-50%);z-index:var(--ic-z-index-toast)}:host(.ic-toast-hidden){display:none}:host(:focus){outline:none}.container{max-width:32.5rem;min-width:18rem;box-shadow:var(--ic-elevation-overlay);min-height:3.5rem;background-color:var(--ic-toast-background);display:flex;align-items:center;position:relative;border:var(--ic-space-1px) solid var(--ic-color-border-neutral-grey);border-radius:var(--ic-border-radius)}.toast-icon-container{height:100%;display:flex;align-items:center}.container-neutral{border-color:var(--ic-toast-status-neutral)}.container-info{border-color:var(--ic-toast-status-info)}.container-warning{border-color:var(--ic-toast-status-warning)}.container-error{border-color:var(--ic-toast-status-error)}.container-success{border-color:var(--ic-toast-status-success)}.container-ai{border-color:var(--ic-toast-status-ai)}.divider{height:100%;width:var(--ic-space-xs);position:absolute;border-radius:0}.divider-neutral{background-color:var(--ic-toast-status-neutral)}.divider-info{background-color:var(--ic-toast-status-info)}.divider-warning{background-color:var(--ic-toast-status-warning)}.divider-error{background-color:var(--ic-toast-status-error)}.divider-success{background-color:var(--ic-toast-status-success)}.divider-ai{background-color:var(--ic-toast-status-ai)}.toast-icon,::slotted(svg){height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}:host(.ic-toast-variant-neutral) .toast-icon svg,::slotted(svg){fill:var(--ic-toast-icon-neutral)}:host(.ic-toast-variant-info) .toast-icon svg{fill:var(--ic-toast-icon-info)}:host(.ic-toast-variant-warning) .toast-icon svg{fill:var(--ic-toast-icon-warning)}:host(.ic-toast-variant-error) .toast-icon svg{fill:var(--ic-toast-icon-error)}:host(.ic-toast-variant-success) .toast-icon svg{fill:var(--ic-toast-icon-success)}:host(.ic-toast-variant-ai) .toast-icon svg{fill:var(--ic-toast-icon-ai)}.toast-content{margin-left:var(--ic-space-xs);width:100%}.no-icon{margin-left:var(--ic-space-md)}.toast-text{padding:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}.toast-heading{--ic-typography-color:var(--ic-toast-title)}.toast-message{--ic-typography-color:var(--ic-toast-description)}.toast-action-container{padding-bottom:var(--ic-space-md)}#dismiss-button{padding:var(--ic-space-xs)}#dismiss-button>svg{color:var(--ic-toast-dismiss-button)}ic-loading-indicator{--outer-color:transparent;--inner-color:var(--ic-action-monochrome)}.toast-dismiss-timer{padding:var(--ic-space-sm)}@media (max-width: 576px){:host{--bottom-position:var(--ic-space-lg);width:calc(100% - 2 * var(--ic-space-md))}}@media (min-width: 993px){:host{--bottom-position:calc(var(--ic-space-xl) + var(--ic-space-xs))}}@media (forced-colors: active){.container{border:var(--ic-border-hc)}}@keyframes fadein{from{bottom:0;opacity:0}to{bottom:var(--bottom-position);opacity:1}}@keyframes fadeout{from{bottom:var(--bottom-position);opacity:1}to{bottom:0;opacity:0}}';const b=h;const u=1e3;const m=70;const p=140;const f=class{constructor(e){t(this,e);this.icDismiss=i(this,"icDismiss",7);this.interactiveElements=[];this.timerProgress=100;this.visible=false;this.theme="inherit";this.autoDismissTimeout=5e3;this.dismissButtonAriaLabel="dismiss";this.dismissMode="manual";this.dismissAction=()=>{this.icDismiss.emit()};this.handleProgressChange=()=>{this.timerProgress-=u/this.autoDismissTimeout*100};this.onFocus=()=>{if(this.focusInteractiveElement){this.isManual=true}};this.onBlur=()=>{this.handleTimer({type:"mouseleave"})}}dismissModeChangeHandler(t){this.isManual=t==="manual"}disconnectedCallback(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval)}componentWillLoad(){var t,i;this.handleLongText(this.heading.length>m,!!this.message&&((t=this.message)===null||t===void 0?void 0:t.length)>p);if(this.autoDismissTimeout<5e3)this.autoDismissTimeout=5e3;if(r(this.el,"action"))this.dismissMode="manual";this.isManual=this.dismissMode==="manual";if(r(this.el,"neutral-icon"))this.variant="neutral";if(this.variant==="neutral"){this.neutralVariantLabel=(i=this.neutralIconAriaLabel)!==null&&i!==void 0?i:n[this.variant].ariaLabel}if(this.isManual){const t=l(this.message)?`. ${this.message}`:"";this.el.setAttribute("aria-label",this.variant?this.neutralVariantLabel||n[this.variant].ariaLabel:this.heading);(this.variant||this.message)&&this.el.setAttribute("aria-description",this.variant?`${this.heading}${t}`:this.message||"")}}componentDidLoad(){c([{prop:this.heading,propName:"heading"}],"Toast")}componentDidUpdate(){var t;if(this.focusInteractiveElement&&this.isManual){this.resetAutoDismissTimer();const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e);this.focusInteractiveElement=false;this.findNextInteractiveElement(this.shiftKeyPressed).setFocus();this.shiftKeyPressed=false}}watchVisibleHandler(){var t;if(this.visible){const i=d(this.el,"action");const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-button");if(i)this.interactiveElements.push(i);if(e)this.interactiveElements.push(e)}else{this.interactiveElements=[]}}handleDismiss(){this.visible=false;this.resetAutoDismissTimer()}handleKeyboard(t){if(this.visible){if(this.isManual){switch(t.key){case"Tab":t.preventDefault();this.findNextInteractiveElement(t.shiftKey).setFocus();break;case"Escape":!t.repeat&&this.dismissAction();t.stopImmediatePropagation();break}}else{if(t.key==="Tab"){this.shiftKeyPressed=t.shiftKey;this.focusInteractiveElement=true}}}}handleTimer(t){switch(t.type){case"mouseenter":if(!this.isManual){this.resetAutoDismissTimer()}this.isManual=true;break;case"mouseleave":if(this.dismissMode==="automatic"){this.isManual=false;this.interactiveElements=[];if(this.visible){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,u)}}break}}async setVisible(){if(!this.visible)this.visible=true;if(!this.isManual){this.dismissTimeout=window.setTimeout(this.dismissAction,this.autoDismissTimeout);this.timerRefreshInterval=window.setInterval(this.handleProgressChange,u);return null}else{this.interactiveElements[0]&&window.setTimeout((()=>this.interactiveElements[0].setFocus()),200);return document.activeElement}}handleLongText(t,i){if(i||t){console.error(`Too many characters in toast ${t?"heading":""}${t&&i?" and ":""}${i?"message":""}. Refer to character limits specified in the prop description`)}}findNextInteractiveElement(t){const i=this.interactiveElements[0];const e=this.interactiveElements[this.interactiveElements.length-1];if(this.isActive(t?i:e))return t?e:i;let s=0;return this.interactiveElements.some(((t,i)=>{if(!this.isActive(t))return false;s=i;return true}))?this.interactiveElements[s+(t?-1:1)]:i}resetAutoDismissTimer(){window.clearTimeout(this.dismissTimeout);window.clearInterval(this.timerRefreshInterval);this.timerProgress=100}isActive(t){return t===this.el?!!this.el.shadowRoot.activeElement:document.activeElement===t}render(){const{variant:t,heading:i,message:o,visible:c,isManual:d,dismissButtonAriaLabel:l,theme:h}=this;return e(s,{key:"cef80fb621cd0b6201b4b2d5fd851e4a498d5142",class:{[`ic-theme-${h}`]:h!=="inherit",["ic-toast-hidden"]:!c,[`ic-toast-variant-${t}`]:t!==undefined},tabindex:"0",onFocus:this.onFocus,onBlur:this.onBlur,role:d?"dialog":"alert","aria-live":d?null:"polite"},e("div",{key:"10abf5970e3c5db7db3045cc056afbcf5e8bbb13",class:{["container"]:true,[`container-${t}`]:t!==undefined}},t&&c&&e("div",{key:"4924bda7ebc227ed24d396a7f3c4263b28a1a9e4",class:"toast-icon-container"},e("div",{key:"95c259f5a27fc76ce6e9cc613c06d82dd9042e51",class:{["divider"]:true,[`divider-${t}`]:true}}),t==="neutral"?e("slot",{name:"neutral-icon"}):e("span",{class:"toast-icon",innerHTML:n[t].icon})),e("div",{key:"285745e35591ea6e756cd6e454bb85bf53ebe881",class:{["toast-content"]:true,["no-icon"]:t==="neutral"&&!r(this.el,"neutral-icon")}},e("div",{key:"dc166897b94413e2c3866eb0c0328d62cbf0f0a5",class:"toast-text"},e("ic-typography",{key:"26ea18b090584efff61a52b0f2f844a9c1cfef60",variant:"subtitle-large",class:"toast-heading"},c&&(d?e("h5",null,i):e("p",null,i))),o&&e("ic-typography",{key:"d227ddebf0c720551df72337aeaebb072eb89bea",variant:"body",class:"toast-message"},c&&e("p",{key:"79847b1d2d0811d36fac74c91b581c4a9a61eb8c"},o))),r(this.el,"action")&&e("div",{key:"b5267c41c27c60988c3db05f7a3259b3df9243fb",class:"toast-action-container"},e("slot",{key:"e4c2998404cfc36697eb6e47d981fe229d6941f5",name:"action"}))),!d?e("ic-loading-indicator",{class:"toast-dismiss-timer",theme:"dark",monochrome:true,size:"icon",progress:this.timerProgress,description:"Dismiss timer"}):e("ic-button",{id:"dismiss-button",innerHTML:a,onClick:this.dismissAction,variant:"icon-tertiary","aria-label":l})))}get el(){return o(this)}static get watchers(){return{dismissMode:["dismissModeChangeHandler"],visible:["watchVisibleHandler"]}}};f.style=b;export{f as ic_toast};
+//# sourceMappingURL=p-ef91cf17.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as i,h as s,H as t,g as e}from"./p-8e4e97b4.js";import{D as h,f as a,h as r}from"./p-eeb8d98a.js";import"./p-6215e2ae.js";const l=":host{display:block}:host ol{display:flex;list-style-type:none;align-items:center;flex-wrap:wrap;padding:0;margin:0}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb){display:none}:host(.ic-breadcrumb-group-back) ol ::slotted(ic-breadcrumb.show){display:flex}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.hide){display:none;opacity:0;visibility:hidden}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden){display:block;opacity:0;transition:all var(--ic-easing-transition-slow)}:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.fade){opacity:1}@media (prefers-reduced-motion: reduce){:host(.ic-breadcrumb-group-collapsed) ol ::slotted(ic-breadcrumb.visuallyhidden){transition:none}}";const c=l;const d=class{constructor(s){i(this,s);this.ADD_CLASS_DELAY=50;this.IC_BREADCRUMB="ic-breadcrumb";this.SHOW_BACK_ICON="show-back-icon";this.collapsedBreadcrumbs=[];this.resizeObserver=null;this.lastParentBreadcrumb=null;this.deviceSize=h.XL;this.backBreadcrumbOnly=false;this.collapsed=false;this.monochrome=false;this.theme="inherit";this.setBreadcrumbTheme=()=>{Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((i=>{i.theme=this.theme}))};this.setBreadcrumbMonochrome=()=>{Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB)).forEach((i=>{i.monochrome=this.monochrome}))};this.setBackBreadcrumb=()=>{if(this.backBreadcrumbOnly){this.setLastParentCollapsedBackBreadcrumb()}else{this.revertLastParentCollapsedBreadcrumb()}};this.getLastParentBreadcrumb=()=>{const i=this.el.querySelectorAll(this.IC_BREADCRUMB);return i.length>1?i[i.length-2]:null};this.setCollapsed=()=>{var i,s;this.collapsedBreadcrumbs.forEach((i=>{i.classList.remove("visuallyhidden");i.classList.remove("fade")}));if(this.collapsed){this.renderCollapsedBreadcrumb();const s=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));this.collapsedBreadcrumbs=s.splice(1,s.length-2).filter((i=>!i.classList.contains("collapsed-breadcrumb-wrapper")));if(!this.backBreadcrumbOnly){this.collapsedBreadcrumbs.forEach((i=>i.classList.add("hide")))}if(this.collapsedBreadcrumbWrapper){(i=s[0])===null||i===void 0?void 0:i.insertAdjacentElement("afterend",this.collapsedBreadcrumbWrapper)}}else{(s=this.collapsedBreadcrumbWrapper)===null||s===void 0?void 0:s.remove()}};this.clickHandler=()=>{var i;(i=this.collapsedBreadcrumbWrapper)===null||i===void 0?void 0:i.remove();this.collapsedBreadcrumbs.forEach((i=>{i.classList.add("visuallyhidden");i.classList.remove("hide");setTimeout((()=>{i.classList.add("fade")}),this.ADD_CLASS_DELAY);i.addEventListener("transitionend",this.transitionendHandler)}));this.collapsed=false;this.collapsedBreadcrumbs[0].setFocus()};this.renderCollapsedBreadcrumb=()=>{if(this.collapsedBreadcrumbEl===undefined){this.collapsedBreadcrumbWrapper=document.createElement("ic-breadcrumb");this.collapsedBreadcrumbWrapper.classList.add("collapsed-breadcrumb-wrapper");this.collapsedBreadcrumbEl=document.createElement("button");const i=document.createElement("span");i.id="collapsed-button-label";i.innerText="Collapsed breadcrumbs";i.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-labelledby",i.id);const s=document.createElement("span");s.id="collapsed-button-described";s.innerText="Select to view collapsed breadcrumbs";s.className="hide";this.collapsedBreadcrumbEl.setAttribute("aria-describedby",s.id);this.collapsedBreadcrumbEl.id="collapsed-ellipsis";this.collapsedBreadcrumbEl.innerText="...";this.collapsedBreadcrumbEl.classList.add("collapsed-breadcrumb");this.collapsedBreadcrumbEl.addEventListener("click",this.clickHandler);this.collapsedBreadcrumbWrapper.append(s);this.collapsedBreadcrumbWrapper.append(i);this.collapsedBreadcrumbWrapper.append(this.collapsedBreadcrumbEl)}};this.transitionendHandler=i=>{if(i.propertyName==="opacity"){i.target.classList.remove("visuallyhidden")}};this.setLastParentCollapsedBackBreadcrumb=()=>{this.lastParentBreadcrumb=this.getLastParentBreadcrumb();if(this.lastParentBreadcrumb===null){console.warn("ic-breadcrumb-group: backBreadcrumbOnly requires at least two "+"ic-breadcrumb children. The back breadcrumb displays the title "+"of the parent page, so a minimum of two breadcrumbs is needed.");return}this.lastParentBreadcrumb.classList.add("show");this.lastParentBreadcrumb.classList.remove("hide");this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"true")};this.revertLastParentCollapsedBreadcrumb=()=>{if(this.lastParentBreadcrumb){this.lastParentBreadcrumb.setAttribute(this.SHOW_BACK_ICON,"false");if(this.collapsed){this.lastParentBreadcrumb.classList.add("hide")}}};this.resizeObserverCallback=i=>{if(i!==this.deviceSize){this.deviceSize=i;const s=this.deviceSize<=h.S;this.el.setAttribute("back-breadcrumb-only",`${s}`);if(s){if(this.collapsed){this.setLastParentCollapsedBackBreadcrumb()}else{this.setBackBreadcrumb()}}else{const i=Array.from(this.el.querySelectorAll(this.IC_BREADCRUMB));if(this.collapsed&&i.length>2){this.revertLastParentCollapsedBreadcrumb();this.setCollapsed()}else{i.forEach((i=>{i.setAttribute(this.SHOW_BACK_ICON,"false")}))}}}};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback(a())}));this.resizeObserver.observe(this.el)}}watchBackBreadcrumbHandler(){this.setBackBreadcrumb()}watchCollapsedHandler(){this.setCollapsed()}watchMonochromeHandler(){this.setBreadcrumbMonochrome()}watchThemeHandler(){this.setBreadcrumbTheme()}componentWillLoad(){this.setBreadcrumbTheme();this.setBreadcrumbMonochrome();if(this.backBreadcrumbOnly){this.setBackBreadcrumb()}else{r(this.runResizeObserver)}if(this.collapsed&&this.el.querySelectorAll(this.IC_BREADCRUMB).length>2){if(a()===h.S){this.setLastParentCollapsedBackBreadcrumb()}else{this.setCollapsed()}}this.lastParentBreadcrumb=this.getLastParentBreadcrumb()}disconnectedCallback(){var i,s;(i=this.lastParentBreadcrumb)===null||i===void 0?void 0:i.removeEventListener("transitionend",this.transitionendHandler);(s=this.collapsedBreadcrumbEl)===null||s===void 0?void 0:s.removeEventListener("click",this.clickHandler)}render(){const{backBreadcrumbOnly:i,collapsed:e,theme:h}=this;return s(t,{key:"6f0f099c548cb049c02a6338d7cdec696e75a82c",class:{"ic-breadcrumb-group-back":i,"ic-breadcrumb-group-collapsed":e,[`ic-theme-${h}`]:h!=="inherit"}},s("nav",{key:"86b02604932d3d54d48383f85482f2241102f8c7","aria-label":"breadcrumbs"},s("ol",{key:"ffe25df4eee620a28a3e427e1d65c8cdbe0e2f84"},s("slot",{key:"818515360bb8783b6151a1651eb6319f4a533242"}))))}get el(){return e(this)}static get watchers(){return{backBreadcrumbOnly:["watchBackBreadcrumbHandler"],collapsed:["watchCollapsedHandler"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};d.style=c;export{d as ic_breadcrumb_group};
+//# sourceMappingURL=p-f8aa89ff.entry.js.map