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

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as i,g as n}from"./p-8e4e97b4.js";import{g as a,s as o,i as r,o as c,a as s,e as d,I as h}from"./p-542ac498.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;background-color:var(--ic-hero-background);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}:host(.ic-hero-dark){background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}.heading{--ic-typography-color:var(--ic-hero-heading)}.subheading{--ic-typography-color:var(--ic-hero-body)}.secondary-container{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host([content-aligned="left"]) .left-container,:host([content-aligned="left"]) .interaction-container{justify-content:flex-start;text-align:left}:host([content-aligned="center"]) .left-container,:host([content-aligned="center"]) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host(.has-right-content) .section-container{flex-wrap:wrap}:host(.has-right-content) .left-container{flex-basis:100%}:host(.has-right-content) .right-container{flex-basis:100%;margin-bottom:2.5rem}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}';const m=l;const g=class{constructor(t){e(this,t);this.hostMutationObserver=null;this.foregroundColor=a();this.rightContent=false;this.leftContentFullWidth=!this.rightContent&&this.secondaryHeading===undefined;this.scrollFactor="right -100px";this.aligned="left";this.contentAligned="left";this.disableBackgroundParallax=false;this.size="medium"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.rightContent=o(this.el,"secondary")}componentDidLoad(){!r(this.el,"heading")&&c([{prop:this.heading,propName:"heading"}],"Hero");this.hostMutationObserver=new MutationObserver((e=>s(e,"secondary",this)));this.hostMutationObserver.observe(this.el,{childList:true})}componentWillRender(){this.rightContent=o(this.el,"secondary")}brandChangeHandler(e){this.foregroundColor=e.detail.mode}doScroll(){var e;if(this.disableBackgroundParallax){return}const t=(e=document.scrollingElement)===null||e===void 0?void 0:e.scrollTop;if(t){const e=.4;const i=-100+t*e;this.scrollFactor="right "+i+"px"}}render(){const{aligned:e,size:n,heading:a,subheading:o,secondaryHeading:r,secondarySubheading:c,foregroundColor:s,backgroundImage:l,scrollFactor:m}=this;let g={};if(d(l)){g={"background-image":"url("+l+")","background-position":m}}return t(i,{key:"aee3d892e9e8aeda5b348da837eee5c8c1e8735a",class:{[`ic-hero-${h.Dark}`]:s===h.Dark,["has-background-image"]:l!==undefined,["has-right-content"]:this.rightContent,["ic-hero-small"]:n==="small",["secondary-heading"]:!!r},style:g},t("ic-section-container",{key:"6f588f23372a118fbf316d0c5202d17af21f4e43",aligned:e,fullHeight:true,class:"section-container"},t("div",{key:"1c34b2d8b07a045c1c801d99b4e1d707e1a99e88",class:{["left-container"]:true,["left-container-full-width"]:this.leftContentFullWidth}},t("div",{key:"72acdd6b683c699d5e799aa83546bde5b52962db",class:"heading"},t("slot",{key:"5915be3f3cd2a5329ba8beb46bc0b704693a7fec",name:"heading"},t("ic-typography",{key:"f9b16a498674c7a29e669be2b63ae3d730cbacba",variant:n==="small"?"h2":"h1",class:{["heading-bottom-spacing"]:n!=="small"}},t("h2",{key:"3ed6060a057a88fd332f8ef6b1d914702e6d3f40"},a)))),t("div",{key:"a2ed35fcf9ff99f56cf80264a6374c2dc3cbfcbe",class:"subheading"},t("slot",{key:"58027e2b2eeb3c49bd5322019435cb9de18cb77c",name:"subheading"},t("ic-typography",{key:"b04e16640e640e623142b2f5555e9a644c1a3929",variant:"body"},o))),t("div",{key:"6d87fcd8ffd64077e483471c7d28ab41c7004b98",class:"interaction-container"},t("slot",{key:"e2421373570e5cf84e093971d70a75c542a0a0ba",name:"interaction"}))),(d(r)||this.rightContent)&&t("div",{key:"ef2bdb160da3c3558f4764b85cebb01ebdfc086f",class:"right-container"},t("slot",{key:"dc5991ad4cbc856390335cece65e15400d3752ce",name:"secondary"},r&&t("div",{key:"059273f8fc66599aa67a11d0bfeaab113a7fd21d",class:"secondary-container"},t("div",{key:"966adc1a6f9c930c52766dbc2f884691a60f58ac",class:"secondary-heading"},t("ic-typography",{key:"80fd633680cc4888363567e532db41806be62c2e",variant:"h4"},t("h3",{key:"a72f5272444bbfc0941fc552a47d2e8863b8e256"},r))),t("div",{key:"60fac396776b1eaf7950675f880a1338409f0dbd",class:"secondary-subheading"},t("ic-typography",{key:"7178ff3785d3d7d5dd9b737e618a720ce64de9c8",variant:"subtitle-small"},c)))))))}get el(){return n(this)}};g.style=m;export{g as ic_hero};
-//# sourceMappingURL=p-bad17ba7.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icHeroCss","IcHeroStyle0","Hero","constructor","hostRef","this","hostMutationObserver","foregroundColor","getBrandForegroundAppearance","rightContent","leftContentFullWidth","secondaryHeading","undefined","scrollFactor","aligned","contentAligned","disableBackgroundParallax","size","disconnectedCallback","_a","disconnect","componentWillLoad","slotHasContent","el","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","heading","propName","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","componentWillRender","brandChangeHandler","ev","detail","mode","doScroll","scrolltotop","document","scrollingElement","scrollTop","factor","y","render","subheading","secondarySubheading","backgroundImage","style","isPropDefined","h","Host","key","class","IcBrandForegroundEnum","Dark","fullHeight","name","variant"],"sources":["../web-components/dist/collection/components/ic-hero/ic-hero.css?tag=ic-hero&encapsulation=shadow","../web-components/dist/collection/components/ic-hero/ic-hero.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n  background-color: var(--ic-hero-background);\n\n  --hero-heading-bottom-margin: var(--ic-space-md);\n  --hero-keyline: var(--ic-hero-keyline);\n}\n\n:host(.ic-hero-dark) {\n  background-color: var(--ic-brand-color-secondary);\n\n  --ic-hero-heading: var(--ic-color-text-primary-light);\n  --ic-hero-body: var(--ic-color-text-primary-light);\n  --ic-hero-secondary-heading: var(--ic-color-text-primary-light);\n  --hero-keyline: var(--ic-brand-text-color);\n}\n\n.heading {\n  --ic-typography-color: var(--ic-hero-heading);\n}\n\n.subheading {\n  --ic-typography-color: var(--ic-hero-body);\n}\n\n.secondary-container {\n  --ic-typography-color: var(--ic-hero-secondary-heading);\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  border-left: var(--ic-space-xxxs) solid var(--hero-keyline);\n}\n\n:host(.has-background-image) {\n  background-repeat: no-repeat;\n  background-position: right -6.25rem;\n  background-size: auto calc(100% + 6.25rem);\n  box-shadow: var(--ic-elevation-inset);\n}\n\n@media (prefers-reduced-motion) {\n  :host(.has-background-image) {\n    background-position: right -6.25rem !important;\n  }\n}\n\nic-typography.heading-bottom-spacing {\n  margin-bottom: var(--hero-heading-bottom-margin);\n}\n\n.section-container {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n\n.left-container {\n  padding: var(--ic-space-xl) 0;\n}\n\n.left-container:not(.left-container-full-width) {\n  flex-basis: 50%;\n}\n\n.left-container-full-width {\n  width: 100%;\n}\n\n.right-container {\n  flex-basis: 50%;\n}\n\n.interaction-container {\n  display: flex;\n  gap: var(--ic-space-md);\n  margin-top: var(--ic-space-lg);\n  flex-wrap: wrap;\n}\n\n.secondary-subheading {\n  margin-top: var(--ic-space-xxs);\n}\n\n:host([content-aligned=\"left\"]) .left-container,\n:host([content-aligned=\"left\"]) .interaction-container {\n  justify-content: flex-start;\n  text-align: left;\n}\n\n:host([content-aligned=\"center\"]) .left-container,\n:host([content-aligned=\"center\"]) .interaction-container {\n  justify-content: center;\n  text-align: center;\n}\n\n@media (min-width: 992px) {\n  .left-container-full-width {\n    width: 66.6%;\n  }\n}\n\n@media (min-width: 1044px) {\n  :host,\n  .section-container {\n    min-height: 13rem;\n  }\n\n  :host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container {\n    min-height: 10.813rem;\n  }\n\n  .left-container:not(.left-container-full-width) {\n    flex-basis: 66.6%;\n  }\n\n  .left-container {\n    min-height: 9rem;\n  }\n\n  .right-container {\n    flex-basis: 33.3%;\n    margin-left: 3.125rem;\n  }\n\n  .secondary-container {\n    min-height: 9rem;\n  }\n\n  .secondary-heading,\n  .secondary-subheading {\n    margin-left: 3.938rem;\n  }\n}\n\n@media (min-width: 801px) and (max-width: 1043px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host,\n  .section-container {\n    min-height: 16rem;\n  }\n\n  :host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container {\n    min-height: 15rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 14rem;\n  }\n\n  .left-container {\n    min-height: 10rem;\n  }\n\n  .secondary-container {\n    min-height: 10rem;\n  }\n\n  .secondary-heading,\n  .secondary-subheading {\n    margin-left: 5.922rem;\n  }\n\n  .right-container {\n    margin-left: 3.125rem;\n  }\n}\n\n@media (min-width: 641px) and (max-width: 800px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host(.has-right-content) .section-container {\n    flex-wrap: wrap;\n  }\n\n  :host(.has-right-content) .left-container {\n    flex-basis: 100%;\n  }\n\n  :host(.has-right-content) .right-container {\n    flex-basis: 100%;\n    margin-bottom: 2.5rem;\n  }\n\n  :host,\n  .section-container {\n    min-height: 16rem;\n  }\n\n  :host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container {\n    min-height: 15rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 14rem;\n  }\n\n  .left-container {\n    min-height: 10rem;\n  }\n\n  .secondary-container {\n    min-height: 10rem;\n  }\n\n  .secondary-heading,\n  .secondary-subheading {\n    margin-left: 2.125rem;\n  }\n}\n\n@media (min-width: 481px) and (max-width: 640px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host,\n  .section-container {\n    min-height: 13rem;\n  }\n\n  :host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container {\n    min-height: 10.813rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 17.5rem;\n  }\n\n  :host(.secondary-heading) .section-container,\n  :host(.ic-hero-small) .section-container,\n  .section-container {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .left-container {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .secondary-container {\n    height: -moz-fit-content;\n    height: fit-content;\n    border: none;\n  }\n\n  .right-container {\n    margin-bottom: 2.5rem;\n  }\n}\n\n@media (max-width: 480px) {\n  :host(.has-background-image) {\n    background-image: none !important;\n  }\n\n  :host,\n  .section-container {\n    min-height: 12rem;\n  }\n\n  :host,\n  .right-container {\n    margin-bottom: var(--ic-space-md);\n  }\n\n  :host(.ic-hero-small),\n  :host(.ic-hero-small) .section-container {\n    min-height: 10.813rem;\n  }\n\n  :host(.secondary-heading),\n  :host(.secondary-heading) .section-container {\n    min-height: 16.5rem;\n  }\n\n  :host(.secondary-heading) .section-container,\n  :host(.ic-hero-small) .section-container,\n  .section-container {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .left-container {\n    height: -moz-fit-content;\n    height: fit-content;\n  }\n\n  .secondary-container {\n    height: -moz-fit-content;\n    height: fit-content;\n    border: none;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { IcBrandForegroundEnum, } from \"../../utils/types\";\nimport { slotHasContent, getBrandForegroundAppearance, onComponentRequiredPropUndefined, isPropDefined, isSlotUsed, renderDynamicChildSlots, } from \"../../utils/helpers\";\n/**\n * @slot heading - Content will be rendered in the title area, in place of the heading.\n * @slot subheading - Content will be rendered in the title area, in place of the subheading.\n * @slot interaction - Content will be rendered in the interaction area, adjacent to the title area.\n * @slot secondary - Content will be rendered in the secondary content area.\n */\nexport class Hero {\n    constructor() {\n        this.hostMutationObserver = null;\n        this.foregroundColor = getBrandForegroundAppearance();\n        this.rightContent = false;\n        // set by above state\n        this.leftContentFullWidth = !this.rightContent && this.secondaryHeading === undefined;\n        this.scrollFactor = \"right -100px\";\n        /**\n         * The alignment of the hero.\n         */\n        this.aligned = \"left\";\n        /**\n         * The alignment of the hero content.\n         */\n        this.contentAligned = \"left\";\n        /**\n         * If `true`, the background image (if set) will not scroll using a parallax effect.\n         */\n        this.disableBackgroundParallax = false;\n        /**\n         * The size of the hero component.\n         */\n        this.size = \"medium\";\n    }\n    disconnectedCallback() {\n        var _a;\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentWillLoad() {\n        this.rightContent = slotHasContent(this.el, \"secondary\");\n    }\n    componentDidLoad() {\n        !isSlotUsed(this.el, \"heading\") &&\n            onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Hero\");\n        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, \"secondary\", this));\n        this.hostMutationObserver.observe(this.el, {\n            childList: true,\n        });\n    }\n    componentWillRender() {\n        this.rightContent = slotHasContent(this.el, \"secondary\");\n    }\n    brandChangeHandler(ev) {\n        this.foregroundColor = ev.detail.mode;\n    }\n    doScroll() {\n        var _a;\n        if (this.disableBackgroundParallax) {\n            return;\n        }\n        const scrolltotop = (_a = document.scrollingElement) === null || _a === void 0 ? void 0 : _a.scrollTop;\n        if (scrolltotop) {\n            const factor = 0.4;\n            const y = -100 + scrolltotop * factor;\n            this.scrollFactor = \"right \" + y + \"px\";\n        }\n    }\n    render() {\n        const { aligned, size, heading, subheading, secondaryHeading, secondarySubheading, foregroundColor, backgroundImage, scrollFactor, } = this;\n        let style = {};\n        if (isPropDefined(backgroundImage)) {\n            style = {\n                \"background-image\": \"url(\" + backgroundImage + \")\",\n                \"background-position\": scrollFactor,\n            };\n        }\n        return (h(Host, { key: 'aee3d892e9e8aeda5b348da837eee5c8c1e8735a', class: {\n                [`ic-hero-${IcBrandForegroundEnum.Dark}`]: foregroundColor === IcBrandForegroundEnum.Dark,\n                [\"has-background-image\"]: backgroundImage !== undefined,\n                [\"has-right-content\"]: this.rightContent,\n                [\"ic-hero-small\"]: size === \"small\",\n                [\"secondary-heading\"]: !!secondaryHeading,\n            }, style: style }, h(\"ic-section-container\", { key: '6f588f23372a118fbf316d0c5202d17af21f4e43', aligned: aligned, fullHeight: true, class: \"section-container\" }, h(\"div\", { key: '1c34b2d8b07a045c1c801d99b4e1d707e1a99e88', class: {\n                [\"left-container\"]: true,\n                [\"left-container-full-width\"]: this.leftContentFullWidth,\n            } }, h(\"div\", { key: '72acdd6b683c699d5e799aa83546bde5b52962db', class: \"heading\" }, h(\"slot\", { key: '5915be3f3cd2a5329ba8beb46bc0b704693a7fec', name: \"heading\" }, h(\"ic-typography\", { key: 'f9b16a498674c7a29e669be2b63ae3d730cbacba', variant: size === \"small\" ? \"h2\" : \"h1\", class: {\n                [\"heading-bottom-spacing\"]: size !== \"small\",\n            } }, h(\"h2\", { key: '3ed6060a057a88fd332f8ef6b1d914702e6d3f40' }, heading)))), h(\"div\", { key: 'a2ed35fcf9ff99f56cf80264a6374c2dc3cbfcbe', class: \"subheading\" }, h(\"slot\", { key: '58027e2b2eeb3c49bd5322019435cb9de18cb77c', name: \"subheading\" }, h(\"ic-typography\", { key: 'b04e16640e640e623142b2f5555e9a644c1a3929', variant: \"body\" }, subheading))), h(\"div\", { key: '6d87fcd8ffd64077e483471c7d28ab41c7004b98', class: \"interaction-container\" }, h(\"slot\", { key: 'e2421373570e5cf84e093971d70a75c542a0a0ba', name: \"interaction\" }))), (isPropDefined(secondaryHeading) || this.rightContent) && (h(\"div\", { key: 'ef2bdb160da3c3558f4764b85cebb01ebdfc086f', class: \"right-container\" }, h(\"slot\", { key: 'dc5991ad4cbc856390335cece65e15400d3752ce', name: \"secondary\" }, secondaryHeading && (h(\"div\", { key: '059273f8fc66599aa67a11d0bfeaab113a7fd21d', class: \"secondary-container\" }, h(\"div\", { key: '966adc1a6f9c930c52766dbc2f884691a60f58ac', class: \"secondary-heading\" }, h(\"ic-typography\", { key: '80fd633680cc4888363567e532db41806be62c2e', variant: \"h4\" }, h(\"h3\", { key: 'a72f5272444bbfc0941fc552a47d2e8863b8e256' }, secondaryHeading))), h(\"div\", { key: '60fac396776b1eaf7950675f880a1338409f0dbd', class: \"secondary-subheading\" }, h(\"ic-typography\", { key: '7178ff3785d3d7d5dd9b737e618a720ce64de9c8', variant: \"subtitle-small\" }, secondarySubheading))))))))));\n    }\n    static get is() { return \"ic-hero\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-hero.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-hero.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"full-width\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the hero.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"backgroundImage\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The optional background image.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"background-image\",\n                \"reflect\": false\n            },\n            \"contentAligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcHeroContentAlignments\",\n                    \"resolved\": \"\\\"center\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcHeroContentAlignments\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-hero.types\",\n                            \"id\": \"src/components/ic-hero/ic-hero.types.tsx::IcHeroContentAlignments\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the hero content.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"content-aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"disableBackgroundParallax\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the background image (if set) will not scroll using a parallax effect.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disable-background-parallax\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The heading of the hero. An <h2> level heading.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"secondaryHeading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The optional secondary heading, an <h3> level heading. Replaced by slotted right content.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"secondary-heading\",\n                \"reflect\": false\n            },\n            \"secondarySubheading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The optional secondary subheading, replaced by slotted right content.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"secondary-subheading\",\n                \"reflect\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizesNoLarge\",\n                    \"resolved\": \"\\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {\n                        \"IcSizesNoLarge\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizesNoLarge\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the hero component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"subheading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The description for the hero.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"subheading\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"foregroundColor\": {},\n            \"rightContent\": {},\n            \"leftContentFullWidth\": {},\n            \"scrollFactor\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get listeners() {\n        return [{\n                \"name\": \"brandChange\",\n                \"method\": \"brandChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"scroll\",\n                \"method\": \"doScroll\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": true\n            }];\n    }\n}\n//# sourceMappingURL=ic-hero.js.map\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as r,H as i,g as t}from"./p-8e4e97b4.js";import{C as c}from"./p-170ddfc2.js";import{m as a,i as o}from"./p-542ac498.js";const s=`<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z" fill="currentColor"/>\n</svg>\n`;const n=':host{display:block;margin:var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0}:host .breadcrumb{display:flex;align-items:center;white-space:nowrap;gap:var(--ic-space-xs);min-height:var(--ic-space-lg)}:host .chevron{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host .chevron svg,:host(.ic-breadcrumb-monochrome) .chevron svg{color:var(--ic-breadcrumb-icon-chevron)}:host(:first-child) .chevron{display:none}.back-icon svg{color:var(--ic-breadcrumb-icon)}:host(.ic-breadcrumb-monochrome) .back-icon svg{color:var(--ic-breadcrumb-icon-monochrome)}:host(.ic-breadcrumb-back){display:flex;align-items:center}:host(.ic-breadcrumb-back) .chevron{display:none}ic-link{--breadcrumb-link-display:inline-flex;--breadcrumb-link-align-items:center;--breadcrumb-link-gap:var(--ic-space-xs)}:host([aria-current="page"]){cursor:text}:host([aria-current="page"]) .current-page-container{display:flex;align-items:center;gap:var(--ic-space-xs);color:var(--ic-breadcrumb-text)}:host([aria-current="page"].ic-breadcrumb-monochrome) .current-page-container{color:var(--ic-breadcrumb-text-monochrome)}:host([aria-current="page"]) slot{pointer-events:none}:host(.collapsed-breadcrumb-wrapper){margin-right:var(--ic-space-xs) !important;display:flex;align-items:center;gap:var(--ic-space-xs)}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb){border:none;background-color:transparent;color:var(--ic-color-hyperlink-default);text-decoration:underline;font-weight:var(--ic-font-weight-bold);cursor:pointer}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){outline:var(--ic-hc-focus-outline);border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.hide,:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide){display:none}.slotted-link-container{gap:var(--ic-space-xs);display:flex}.slotted-link-container .back-icon{width:1.5rem;height:1.5rem}.slotted-link-container .link-wrapper{line-height:1.5rem}@media (forced-colors: active){.back-icon svg{color:currentcolor}}@supports (text-underline-offset: 25%){ic-link{--breadcrumb-link-display:flex}:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus){text-decoration-line:underline;text-decoration-thickness:25%;text-underline-offset:25%;border-bottom:0 !important;margin-bottom:0 !important}}';const l=n;const d=class{constructor(i){e(this,i);this.HREF_ATTR="href";this.linkSlotContent=null;this.slottedLinkEl=null;this.slottedLinkHref=null;this.current=false;this.monochrome=false;this.showBackIcon=false;this.theme="inherit";this.updatedSlottedLinkFocus=()=>{var e,r;if(this.linkSlotContent){this.linkSlotContent.tabIndex=this.current?-1:0}if(this.current){(e=this.slottedLinkEl)===null||e===void 0?void 0:e.removeAttribute(this.HREF_ATTR)}else if(this.slottedLinkHref){(r=this.slottedLinkEl)===null||r===void 0?void 0:r.setAttribute(this.HREF_ATTR,this.slottedLinkHref)}};this.getSlottedLinkEl=()=>{if(!this.linkSlotContent)return null;return this.linkSlotContent.hasAttribute(this.HREF_ATTR)?this.linkSlotContent:this.linkSlotContent.querySelector("[href]")};this.renderBackIcon=()=>r("div",{class:"back-icon",innerHTML:s})}watchCurrentHandler(){this.updatedSlottedLinkFocus();this.el.ariaCurrent=this.current?"page":null}componentDidLoad(){var e,r;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".link-wrapper");if(i){const e=a(i);if(e){this.linkSlotContent=e[0];this.slottedLinkEl=this.getSlottedLinkEl();this.slottedLinkHref=((r=this.slottedLinkEl)===null||r===void 0?void 0:r.getAttribute("href"))||null}this.updatedSlottedLinkFocus()}}componentWillRender(){const e=this.el.querySelector("ic-link");if(e){const r="current-page";e.classList.remove(r);if(this.current&&!e.classList.contains(r)){e.classList.add("breadcrumb-link",r)}}}async setFocus(){var e,r;(r=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("ic-link"))===null||r===void 0?void 0:r.focus()}render(){const{current:e,href:t,monochrome:a,pageTitle:s,showBackIcon:n,theme:l}=this;const d=`${s===null||s===void 0?void 0:s.toLowerCase().replace(" ","-")}-describedby`;return r(i,{key:"2c1131138a8be3af8ee344e0fbff5594fbcc2d77",class:{"ic-breadcrumb-back":n,"ic-breadcrumb-monochrome":a,[`ic-theme-${l}`]:l!=="inherit"},"aria-current":e&&"page",role:"listitem"},r("div",{key:"ee77a3aeced7063c4dbab6e1641daf11242d63ca",class:"breadcrumb"},r("span",{key:"1c2dc66e95e0676a381ab25769aa1b735ee5b9c5",innerHTML:c,class:"chevron","aria-hidden":"true"}),n&&r("span",{key:"3857c2967dd82b45a2400107e50d6f03bc65cdde",id:d,class:"hide"},`Back to ${s}`),!t?r("div",{class:"slotted-link-container"},n&&this.renderBackIcon(),r("span",{class:"link-wrapper"},r("slot",null))):e?r("span",{class:"current-page-container"},o(this.el,"icon")&&r("slot",{name:"icon"}),s):r("ic-link",{theme:l,monochrome:a,href:t,class:"breadcrumb-link","aria-describedby":n&&d},n&&this.renderBackIcon(),o(this.el,"icon")&&r("slot",{name:"icon"}),s)))}static get delegatesFocus(){return true}get el(){return t(this)}static get watchers(){return{current:["watchCurrentHandler"]}}};d.style=l;export{d as ic_breadcrumb};
-//# sourceMappingURL=p-bf08d34c.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icBreadcrumbCss","IcBreadcrumbStyle0","Breadcrumb","constructor","hostRef","this","HREF_ATTR","linkSlotContent","slottedLinkEl","slottedLinkHref","current","monochrome","showBackIcon","theme","updatedSlottedLinkFocus","_a","_b","tabIndex","removeAttribute","setAttribute","getSlottedLinkEl","hasAttribute","querySelector","renderBackIcon","h","class","innerHTML","backIcon","watchCurrentHandler","el","ariaCurrent","componentDidLoad","slottedLinkWrapper","shadowRoot","slotEls","getSlotElements","getAttribute","componentWillRender","icLink","CURRENT_PAGE","classList","remove","contains","add","setFocus","focus","render","href","pageTitle","describedById","toLowerCase","replace","Host","key","role","chevronIcon","id","isSlotUsed","name","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-breadcrumb/ic-breadcrumb.css?tag=ic-breadcrumb&encapsulation=shadow","../web-components/dist/collection/components/ic-breadcrumb/ic-breadcrumb.js"],"sourcesContent":[":host {\n  display: block;\n  margin: var(--ic-space-xs) var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n:host .breadcrumb {\n  display: flex;\n  align-items: center;\n  white-space: nowrap;\n  gap: var(--ic-space-xs);\n  min-height: var(--ic-space-lg);\n}\n\n:host .chevron {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n:host .chevron svg,\n:host(.ic-breadcrumb-monochrome) .chevron svg {\n  color: var(--ic-breadcrumb-icon-chevron);\n}\n\n:host(:first-child) .chevron {\n  display: none;\n}\n\n.back-icon svg {\n  color: var(--ic-breadcrumb-icon);\n}\n\n:host(.ic-breadcrumb-monochrome) .back-icon svg {\n  color: var(--ic-breadcrumb-icon-monochrome);\n}\n\n:host(.ic-breadcrumb-back) {\n  display: flex;\n  align-items: center;\n}\n\n:host(.ic-breadcrumb-back) .chevron {\n  display: none;\n}\n\nic-link {\n  --breadcrumb-link-display: inline-flex;\n  --breadcrumb-link-align-items: center;\n  --breadcrumb-link-gap: var(--ic-space-xs);\n}\n\n:host([aria-current=\"page\"]) {\n  cursor: text;\n}\n\n:host([aria-current=\"page\"]) .current-page-container {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n  color: var(--ic-breadcrumb-text);\n}\n\n:host([aria-current=\"page\"].ic-breadcrumb-monochrome) .current-page-container {\n  color: var(--ic-breadcrumb-text-monochrome);\n}\n\n:host([aria-current=\"page\"]) slot {\n  pointer-events: none;\n}\n\n:host(.collapsed-breadcrumb-wrapper) {\n  margin-right: var(--ic-space-xs) !important;\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb) {\n  border: none;\n  background-color: transparent;\n  color: var(--ic-color-hyperlink-default);\n  text-decoration: underline;\n  font-weight: var(--ic-font-weight-bold);\n  cursor: pointer;\n}\n\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus) {\n  outline: var(--ic-hc-focus-outline);\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: -0.25rem !important;\n  text-decoration: none;\n}\n\n.hide,\n:host(.collapsed-breadcrumb-wrapper) ::slotted(.hide) {\n  display: none;\n}\n\n.slotted-link-container {\n  gap: var(--ic-space-xs);\n  display: flex;\n}\n\n.slotted-link-container .back-icon {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n.slotted-link-container .link-wrapper {\n  line-height: 1.5rem;\n}\n\n@media (forced-colors: active) {\n  .back-icon svg {\n    color: currentcolor;\n  }\n}\n\n@supports (text-underline-offset: 25%) {\n  ic-link {\n    --breadcrumb-link-display: flex;\n  }\n\n  :host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:hover),\n  :host(.collapsed-breadcrumb-wrapper) ::slotted(.collapsed-breadcrumb:focus) {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 25%;\n    border-bottom: 0 !important;\n    margin-bottom: 0 !important;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nimport backIcon from \"../../assets/back-icon.svg\";\nimport { getSlotElements, isSlotUsed } from \"../../utils/helpers\";\n/**\n * @slot icon - Content will be rendered to the left of the breadcrumb page title.\n */\nexport class Breadcrumb {\n    constructor() {\n        this.HREF_ATTR = \"href\";\n        this.linkSlotContent = null;\n        this.slottedLinkEl = null;\n        this.slottedLinkHref = null;\n        /**\n         * If `true`, aria-current will be set on the breadcrumb.\n         */\n        this.current = false;\n        /**\n         * @internal If `true`, the breadcrumb will display as black in the light theme, and white in the dark theme.\n         */\n        this.monochrome = false;\n        /**\n         * @internal If `true`, back icon will be displayed.\n         */\n        this.showBackIcon = false;\n        /**\n         * @internal Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        // Prevent focus on breadcrumb if current page and contains slotted link\n        this.updatedSlottedLinkFocus = () => {\n            var _a, _b;\n            // Sets tabindex on wrong element in unit test snapshots\n            // - related to known Jest issue: https://github.com/ionic-team/stencil/issues/2830\n            if (this.linkSlotContent) {\n                this.linkSlotContent.tabIndex = this.current ? -1 : 0; // Prevent focus\n            }\n            if (this.current) {\n                (_a = this.slottedLinkEl) === null || _a === void 0 ? void 0 : _a.removeAttribute(this.HREF_ATTR); // Prevent screen reader announcing breadcrumb as a link\n            }\n            else if (this.slottedLinkHref) {\n                (_b = this.slottedLinkEl) === null || _b === void 0 ? void 0 : _b.setAttribute(this.HREF_ATTR, this.slottedLinkHref);\n            }\n        };\n        this.getSlottedLinkEl = () => {\n            if (!this.linkSlotContent)\n                return null;\n            return this.linkSlotContent.hasAttribute(this.HREF_ATTR)\n                ? this.linkSlotContent\n                : this.linkSlotContent.querySelector(\"[href]\");\n        };\n        this.renderBackIcon = () => (h(\"div\", { class: \"back-icon\", innerHTML: backIcon }));\n    }\n    watchCurrentHandler() {\n        this.updatedSlottedLinkFocus();\n        this.el.ariaCurrent = this.current ? \"page\" : null;\n    }\n    componentDidLoad() {\n        var _a, _b;\n        const slottedLinkWrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".link-wrapper\");\n        if (slottedLinkWrapper) {\n            const slotEls = getSlotElements(slottedLinkWrapper);\n            if (slotEls) {\n                this.linkSlotContent = slotEls[0];\n                this.slottedLinkEl = this.getSlottedLinkEl();\n                this.slottedLinkHref = ((_b = this.slottedLinkEl) === null || _b === void 0 ? void 0 : _b.getAttribute(\"href\")) || null;\n            }\n            this.updatedSlottedLinkFocus();\n        }\n    }\n    componentWillRender() {\n        const icLink = this.el.querySelector(\"ic-link\");\n        if (icLink) {\n            const CURRENT_PAGE = \"current-page\";\n            icLink.classList.remove(CURRENT_PAGE);\n            if (this.current && !icLink.classList.contains(CURRENT_PAGE)) {\n                icLink.classList.add(\"breadcrumb-link\", CURRENT_PAGE);\n            }\n        }\n    }\n    /**\n     * Sets focus on the breadcrumb.\n     */\n    async setFocus() {\n        var _a, _b;\n        (_b = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-link\")) === null || _b === void 0 ? void 0 : _b.focus();\n    }\n    render() {\n        const { current, href, monochrome, pageTitle, showBackIcon, theme } = this;\n        const describedById = `${pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLowerCase().replace(\" \", \"-\")}-describedby`;\n        return (h(Host, { key: '2c1131138a8be3af8ee344e0fbff5594fbcc2d77', class: {\n                \"ic-breadcrumb-back\": showBackIcon,\n                \"ic-breadcrumb-monochrome\": monochrome,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, \"aria-current\": current && \"page\", role: \"listitem\" }, h(\"div\", { key: 'ee77a3aeced7063c4dbab6e1641daf11242d63ca', class: \"breadcrumb\" }, h(\"span\", { key: '1c2dc66e95e0676a381ab25769aa1b735ee5b9c5', innerHTML: chevronIcon, class: \"chevron\", \"aria-hidden\": \"true\" }), showBackIcon && (h(\"span\", { key: '3857c2967dd82b45a2400107e50d6f03bc65cdde', id: describedById, class: \"hide\" }, `Back to ${pageTitle}`)), !href ? (h(\"div\", { class: \"slotted-link-container\" }, showBackIcon && this.renderBackIcon(), h(\"span\", { class: \"link-wrapper\" }, h(\"slot\", null)))) : current ? (h(\"span\", { class: \"current-page-container\" }, isSlotUsed(this.el, \"icon\") && h(\"slot\", { name: \"icon\" }), pageTitle)) : (h(\"ic-link\", { theme: theme, monochrome: monochrome, href: href, class: \"breadcrumb-link\", \"aria-describedby\": showBackIcon && describedById }, showBackIcon && this.renderBackIcon(), isSlotUsed(this.el, \"icon\") && h(\"slot\", { name: \"icon\" }), pageTitle)))));\n    }\n    static get is() { return \"ic-breadcrumb\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-breadcrumb.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-breadcrumb.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"current\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, aria-current will be set on the breadcrumb.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"current\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL that the breadcrumb link points to.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the breadcrumb will display as black in the light theme, and white in the dark theme.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"pageTitle\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title of the breadcrumb.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"page-title\",\n                \"reflect\": false\n            },\n            \"showBackIcon\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, back icon will be displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"show-back-icon\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the breadcrumb.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"current\",\n                \"methodName\": \"watchCurrentHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-breadcrumb.js.map\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as i,g as t}from"./p-8e4e97b4.js";import{r,i as c,o as d,a as o,g as s,I as n}from"./p-0f22f41e.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:flex;--card-max-width:548px;--image-size:114px;--message-max-lines:2}.card.small{--card-max-width:360px}.card.large{--card-max-width:720px;--image-size:142px;--message-max-lines:3}.card.extra-large{--card-max-width:1130px;--image-size:186px;--message-max-lines:5}a{text-decoration:none !important;color:var(--ic-card-text-primary) !important}button{border:none;background-color:transparent;outline:var(--ic-hc-focus-outline);padding:0}.card,.card.clickable{display:flex;flex-direction:row;border:var(--ic-space-1px) solid var(--ic-card-border-primary);border-radius:var(--ic-border-radius);box-sizing:border-box;text-align:left;color:var(--ic-card-text-primary);transition:var(--ic-easing-transition-fast);position:relative;max-width:var(--card-max-width);height:-moz-fit-content;height:fit-content;width:var(--card-horizontal-width, -moz-fit-content);width:var(--card-horizontal-width, fit-content)}.dark.card,.dark.card.clickable{border:var(--ic-border-width) solid\n    var(--ic-color-border-neutral-pressed-dark)}.card.clickable:hover{background-color:var(--ic-card-background-hover);border:var(--ic-space-1px) solid var(--ic-card-hover-border-color);cursor:pointer}.card.clickable:focus,.card.clickable.focussed{background-color:var(--ic-card-background-hover);box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);border:var(--ic-space-1px) solid var(--ic-card-pressed-border-color)}.card.clickable:active{background-color:var(--ic-card-background-pressed);box-shadow:var(--ic-border-focus)}.card.disabled{border:var(--ic-space-1px) dashed var(--ic-card-disabled-border-color)}.card-header{display:flex;align-items:center}.icon{display:flex;align-items:center;padding-right:var(--ic-space-xs)}.card ::slotted(svg){fill:var(--ic-card-icon)}.card.disabled ::slotted(svg){fill:var(--ic-card-icon-disabled)}.card.clickable .card-title{--ic-typography-color:var(--ic-card-clickable-text);color:var(--ic-card-clickable-text);text-decoration:underline;text-decoration-thickness:var(--ic-space-1px)}.card.clickable:hover .card-title,.card.clickable:focus .card-title,.card.clickable.focussed .card-title{display:inline-block;border-bottom:0.25rem solid !important;margin-bottom:-0.25rem !important;text-decoration:none}.card.clickable:active .card-title{text-decoration:none}.card.disabled .card-title{text-decoration:underline;text-decoration-thickness:var(--ic-space-1px);text-decoration-color:var(--ic-card-disabled-text);color:var(--ic-card-disabled-text);--ic-typography-color:var(--ic-card-disabled-text)}.card-message{margin-top:var(--ic-space-xxxs);align-items:left}.card.disabled .card-message{--ic-typography-color:var(--ic-card-disabled-text)}.image{display:flex;border-radius:var(--ic-border-radius)}.image ::slotted([slot="image"]){height:var(--image-size);width:var(--image-size)}.card-content{display:flex;flex-direction:column;padding:var(--ic-space-md)}.card .card-title ::slotted([slot="heading"]),.card .card-title ic-typography p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(var(--card-max-width) - var(--ic-space-xl))}.card.with-icon .card-title ::slotted([slot="heading"]),.card.with-icon .card-title ic-typography p{max-width:calc(var(--card-max-width) - (2 * var(--ic-space-xl)))}.card.with-image .card-title ::slotted([slot="heading"]),.card.with-image .card-title ic-typography p{max-width:calc(\n    var(--card-max-width) - var(--image-size) - var(--ic-space-xl)\n  )}.card.with-image.with-icon .card-title ::slotted([slot="heading"]),.card.with-image.with-icon .card-title ic-typography p{max-width:calc(\n    var(--card-max-width) - var(--image-size) - (2 * var(--ic-space-xl))\n  )}.card .card-message ::slotted([slot="message"]),.card .card-message ic-typography{display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--message-max-lines, initial);-webkit-line-clamp:var(--message-max-lines, initial);overflow:hidden}@media (forced-colors: active){.card ::slotted(svg){fill:currentcolor}.card.disabled ::slotted(svg){fill:GrayText !important}.card.disabled{border-color:GrayText !important}.card.disabled .card-message,.card.disabled .card-title{color:GrayText;--ic-typography-color:GrayText}}';const b=l;const h=class{constructor(a){e(this,a);this.hostMutationObserver=null;this.appearance="default";this.isFocussed=false;this.parentEl=null;this.parentIsAnchorTag=false;this.clickable=false;this.disabled=false;this.hreflang="";this.message="";this.size="medium";this.theme="inherit";this.parentFocussed=()=>{this.isFocussed=true};this.parentBlurred=()=>{this.isFocussed=false}}watchDisabledHandler(){r(this.disabled,this.el)}disconnectedCallback(){var e;if(this.parentEl&&this.parentIsAnchorTag){this.parentEl.removeEventListener("focus",this.parentFocussed);this.parentEl.removeEventListener("blur",this.parentBlurred)}(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){var e;this.parentEl=this.el.parentElement;if(((e=this.parentEl)===null||e===void 0?void 0:e.tagName)==="A"){this.clickable=true;this.parentIsAnchorTag=true;this.parentEl.classList.add("ic-card-wrapper-link");this.parentEl.addEventListener("focus",this.parentFocussed);this.parentEl.addEventListener("blur",this.parentBlurred)}r(this.disabled,this.el)}componentDidLoad(){!c(this.el,"heading")&&d([{prop:this.heading,propName:"heading"}],"Card");this.updateTheme();this.hostMutationObserver=new MutationObserver((e=>o(e,"image",this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleHostClick(e){if(this.disabled){e.stopImmediatePropagation()}}brandChangeHandler(e){this.updateTheme(e.detail.mode)}async setFocus(){var e,a;const i=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("a");const t=(a=this.el.shadowRoot)===null||a===void 0?void 0:a.querySelector("button");if(i){i.focus()}else if(t){t.focus()}}updateTheme(e){const a=s(this.el,e);if(a!==n.Default){this.theme=a===n.Light?n.Dark:n.Light}}render(){const{appearance:e,clickable:t,disabled:r,heading:d,message:o,href:s,hreflang:l,referrerpolicy:b,rel:h,target:p,parentIsAnchorTag:m,isFocussed:f,size:g,theme:u}=this;const v=m||!t?"div":s===undefined?"button":"a";const x=v=="a"&&{href:s,hrefLang:l,referrerPolicy:b,rel:h,target:p};return a(i,{key:"dac4a38bc55ed2d2047a161cf790d20292833440",class:{[`ic-theme-${u}`]:u!=="inherit"}},a(v,Object.assign({key:"ccca1254382007863621c12bbebda36542e4480f",class:{card:true,clickable:t&&!r,disabled:r,focussed:f,dark:e===n.Dark,[`${g}`]:true,"with-icon":c(this.el,"icon"),"with-image":c(this.el,"image")},tabindex:t&&!m?0:undefined,"aria-disabled":r?"true":undefined,disabled:r?true:undefined},x),c(this.el,"image")&&a("div",{key:"a0d21d341b84b698aa35a62239b1c53338195466",class:"image"},a("slot",{key:"3a95810ccdaab8245892b9148037a3c484e84fe0",name:"image"})),a("div",{key:"0a8b4c1ea6beba7710ea4fb90e500e1ab326dedc",class:"card-content"},a("div",{key:"7be7cc1e2bbe28f9b922752587d78b1c2f280464",class:"card-header"},c(this.el,"icon")&&a("div",{key:"36a22fae394971f166fa707c1c970a616cdcd4dc",class:"icon"},a("slot",{key:"7ac5c015e9e8b1467466f9b0571a198fc531323c",name:"icon"})),a("div",{key:"7ca8e657d8d05c3b78178da4af93678c1c0b834d",class:"card-title"},a("slot",{key:"7a43b48f30cd5dc85b618edabed10664dc820aaf",name:"heading"},a("ic-typography",{key:"15ff4d5a7ef2e1acad8a246c050a2198896271fb",variant:"h4"},a("p",{key:"7bbb8f409d62ed32f5274fdc0eb7f7156da6a22c"},d))))),(o||c(this.el,"message"))&&a("div",{key:"d322b5c2818f215f9d46c169beb70faae3789fb0",class:"card-message"},o&&a("ic-typography",{key:"fd02d55c3861726bbd9a7b3a6137f3a400a86718",variant:"body"},o),c(this.el,"message")&&a("slot",{key:"7b53f0106ad477de438e6f901a1eb6d8036ef3dc",name:"message"}))),c(this.el,"badge")&&a("slot",{key:"fd09ee76282b6aca1e587348964c969287f741fa",name:"badge"})))}get el(){return t(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};h.style=b;export{h as ic_card_horizontal};
-//# sourceMappingURL=p-c4bf8742.entry.js.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["getCustomElementHandling","allowICPrefix","CUSTOM_ELEMENT_HANDLING","tagNameCheck","tagName","startsWith","IC_CUSTOM_ALLOWED_COMPONENTS","includes","attributeNameCheck","sanitizeHTMLString","html","purifier","sanitize","sanitizeHTMLIconString","icMenuCss","IcMenuStyle0","Menu","constructor","hostRef","this","ACTIVE_DESCENDANT","CLEAR_BUTTON_ID","SEARCH_BAR_TAG","disabledOptionSelected","hasPreviouslyBlurred","hasTimedOut","isLoading","lastOptionSelected","lastOptionFocused","multiOptionClicked","preventClickOpen","preventMenuFocus","shiftPressed","ungroupedOptions","focusFromSearchKeypress","initialOptionsListRender","keyboardNav","preventIncorrectTabOrder","popperProps","activationType","autofocusOnSelected","closeOnSelect","fullWidth","labelField","multiSelect","searchableSelect","searchBar","searchMode","selectOnEnter","size","valueField","handleClearListener","optionHighlighted","handleSubmitSearch","highlightedOptionIndex","options","findIndex","option","setInputValue","handleMenuChange","open","focusInput","_a","menuStateChange","emit","inputEl","focus","undefined","setNextOptionValue","selectedOptionIndex","menuOptionSelect","value","optionId","getOptionId","setPreviousOptionValue","length","arrowBehaviour","event","preventDefault","getMenuOptions","setHighlightedOption","highlightedIndex","menuOptions","timedOut","autoSetInputValueKeyboardOpen","key","target","id","selectHighlightedOption","isOpen","disabled","isOptionSelected","index","deselectSelectedOptions","optionsToKeepSelected","selectedOptionIndexes","map","forEach","manualSetInputValueKeyboardOpen","isKeyboardCombination","shiftKey","metaKey","ctrlKey","getOptionHighlightedIndex","clickedMultiOptionIndex","Array","from","host","querySelectorAll","handleOptionSelect","handleSingleShiftSelect","menuOptionId","startOptionIndex","handleMultipleShiftSelect","endOptionIndex","stopImmediatePropagation","isMacDevice","emitSelectAllEvents","selectAllButton","focusOnSearchOrSelectInput","parentEl","setFocus","handleOptionClick","label","dataset","handleRetry","retryButtonClicked","handleRetryKeyDown","ev","keyPressed","handleBlur","_b","_c","_d","relatedTarget","menu","removeAttribute","contains","handleMouseDown","handleMenuKeyDown","autoSetValueOnMenuKeyDown","handleMenuKeyUp","handleSelectAllClick","handleSelectAllBlur","classList","remove","handleSelectAllFocus","add","handleSelectAllMouseDown","optionToSelectIndex","lastOptionInSelection","useFocusForSelection","firstOptionSelected","firstOptionInSelection","getFirstOptionInSelection","optionsToSelect","i","push","optionIndex","menuOptionSelectAll","select","icClear","emitMenuKeyPress","isNavKey","menuKeyPress","cancelBubble","isSearchableSelect","menuId","getOptionAriaLabel","parentOption","ariaLabel","description","element","getSortedOptions","sorted","sort","optionA","optionB","recommended","isManualMode","scrollToSelected","selectedOption","querySelector","elTop","offsetTop","offsetHeight","scrollTop","setAttribute","loadUngroupedOptions","children","ungroupedOptionsSet","setMenuScrollbar","optionsHeight","clientHeight","handleTimeoutBlur","timeoutBlur","optionContent","selected","showCheckIcon","h","Fragment","loading","class","icon","innerHTML","variant","component","Check","displayOption","timeout","role","tabindex","onClick","onBlur","onMouseDown","xmlns","viewBox","fill","d","onKeyDown","watchOpenHandler","popperInstance","destroy","watchOptionsHandler","newOptions","some","opt","connectedCallback","disconnectedCallback","removeEventListener","componentWillLoad","addEventListener","componentDidLoad","disableAutoFiltering","onComponentRequiredPropUndefined","prop","propName","inputLabel","componentDidUpdate","inputValueInOptions","highlightedEl","componentDidRender","anchorEl","initPopperJs","handleClickOpen","handleKeyboardOpen","handleSetFirstOption","anchor","createPopper","Object","assign","placement","modifiers","name","offset","fallbackPlacements","rootBoundary","setExternalPopperProps","props","render","selectAllButtonText","hasNoResults","Host","ref","el","onKeyUp","childOption","getOptionsWithoutGroupTitlesCount","onFocus"],"sources":["../web-components/dist/collection/utils/common-helpers.js","../web-components/dist/collection/components/ic-menu/ic-menu.css?tag=ic-menu&encapsulation=scoped","../web-components/dist/collection/components/ic-menu/ic-menu.js"],"sourcesContent":["import purifier from \"dompurify\";\nimport { IC_CUSTOM_ALLOWED_COMPONENTS } from \"./constants\";\n/* istanbul ignore next */\nconst getCustomElementHandling = (allowICPrefix) => ({\n    CUSTOM_ELEMENT_HANDLING: {\n        tagNameCheck: (tagName) => (allowICPrefix && tagName.startsWith(\"ic-\")) ||\n            IC_CUSTOM_ALLOWED_COMPONENTS.includes(tagName),\n        attributeNameCheck: /.*/,\n    },\n});\nexport const sanitizeHTMLString = (html) => {\n    return purifier.sanitize(html, getCustomElementHandling(true));\n};\nexport const sanitizeHTMLIconString = (html) => {\n    return purifier.sanitize(html, getCustomElementHandling(false));\n};\n//# sourceMappingURL=common-helpers.js.map\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-menu: z-index of menu\n */\n\n@media (prefers-reduced-motion: no-preference) {\n  :host(.ic-menu-open) .menu {\n    transition: max-height var(--ic-transition-duration-slow);\n  }\n}\n\n:host {\n  max-height: 0;\n  width: var(--menu-width, var(--input-width, 20rem));\n  color: var(--menu-item-text-color, var(--ic-menu-list-option-text-color));\n\n  --ic-typography-color: var(\n    --menu-item-text-color,\n    var(--ic-menu-list-option-text-color)\n  );\n\n  background-color: var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );\n  position: relative;\n  z-index: var(--ic-z-index-menu);\n  box-sizing: border-box;\n  box-shadow: var(--ic-elevation-overlay);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(.ic-menu-open:not(.ic-menu-no-focus):focus-within) {\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.ic-select-select-all-focused) {\n  box-shadow: var(--ic-elevation-overlay) !important;\n}\n\n#retry-button::part(button) {\n  height: var(--ic-space-lg);\n}\n\n.small #retry-button::part(button) {\n  height: var(--ic-space-md);\n}\n\n:host(.on-dialog) {\n  inset: auto !important;\n}\n\n.menu {\n  text-decoration: none;\n  list-style-type: none;\n  border-radius: 1px;\n  background-color: var(\n    --menu-bg-color,\n    var(--ic-menu-list-option-background-color)\n  );\n  visibility: hidden;\n  max-height: 0;\n  overflow-y: hidden;\n}\n\n.menu:has(+ .option-bar) {\n  border-radius: 0 0 1px 1px;\n}\n\n.menu-scroll {\n  overflow-y: auto;\n}\n\n.menu:focus-visible {\n  outline: none;\n}\n\n:host(.ic-menu-open) {\n  max-height: none;\n  display: flex;\n  flex-direction: column-reverse;\n  border: var(--ic-border-width) solid\n    var(--menu-border-color, var(--ic-menu-border-color));\n  transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.ic-menu-open) .menu {\n  visibility: visible;\n  max-height: calc(var(--ic-space-xl) * 10 + var(--ic-space-xxxs));\n}\n\n:host(.ic-menu-open) .option-bar {\n  visibility: visible;\n}\n\n:host(.ic-menu-open) .select-all-button {\n  display: block;\n}\n\n:host(.ic-menu-full-width) {\n  width: 100%;\n}\n\n.option {\n  padding: var(--ic-space-xs) calc(var(--ic-space-xs) - var(--ic-space-1px));\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.loading-option p {\n  margin-bottom: 0 !important;\n}\n\n.option:not(.loading-option) {\n  justify-content: space-between;\n}\n\n:host(.ic-menu-small) .option {\n  padding: var(--ic-space-xxs) calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n:host(.ic-menu-large) .option {\n  padding: var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px));\n}\n\n.option:last-child {\n  border-radius: 0 0 1px 1px;\n}\n\n:not(.menu:has(+ .option-bar)) .option:first-child {\n  border-radius: 1px 1px 0 0;\n}\n\n.option:not(.disabled-option):hover {\n  background-color: var(--ic-menu-list-option-hover-background-color);\n}\n\n.option:not(.disabled-option):active {\n  background-color: var(--ic-menu-list-option-pressed-background-color);\n}\n\n.option:focus-visible {\n  outline: var(--ic-hc-focus-outline);\n}\n\n.option:not(.disabled-option) .option-description {\n  --ic-typography-color: var(\n    --menu-item-desc-text-color,\n    var(--ic-menu-list-option-description-text-color)\n  );\n}\n\n.option .option-label {\n  display: flex;\n  flex-direction: row;\n  align-items: top;\n}\n\n.option .option-label ic-typography {\n  max-width: 100%;\n  word-wrap: break-word;\n}\n\n.option .option-element {\n  margin-top: var(--ic-space-xxs);\n}\n\n.option .option-icon {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n  margin-top: var(--ic-space-xxs);\n  margin-right: var(--ic-space-xxxs);\n}\n\n.option-text-container {\n  pointer-events: none;\n  width: 100%;\n}\n\n.option-text-container.show-check-icon {\n  flex-grow: 1;\n}\n\n.option.loading-option .option-text-container {\n  margin-left: calc(var(--ic-space-xs) + var(--ic-space-xxxs));\n  color: var(--ic-menu-loading-list-option-text-color);\n\n  --ic-typography-color: var(--ic-menu-loading-list-option-text-color);\n}\n\n.error-icon-svg {\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n  fill: var(--ic-atoms-status-icon-error);\n  align-self: center;\n  display: flex;\n  margin-right: calc(var(--ic-space-xxs) * 1.2);\n}\n\n.loading-error-info {\n  display: flex;\n}\n\n.check-icon {\n  height: var(--ic-space-lg);\n  min-width: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  pointer-events: none;\n}\n\n.focused-option .check-icon * {\n  fill: currentcolor;\n}\n\n.option-group-title {\n  padding: var(--ic-space-lg) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xs);\n\n  --ic-typography-color: var(--ic-menu-option-group-label-text-color);\n}\n\n:host(.ic-menu-small) .option-group-title {\n  padding: var(--ic-space-sm) calc(var(--ic-space-xs) - var(--ic-space-1px))\n    var(--ic-space-xxs);\n}\n\n.last-recommended-option {\n  border-bottom: var(--ic-menu-last-recommended-option-border);\n}\n\n.disabled-option {\n  color: var(--ic-atoms-list-option-text-disabled-light);\n\n  --ic-typography-color: var(--ic-atoms-list-option-text-disabled-light);\n\n  cursor: default;\n  pointer-events: none;\n}\n\n.focused-option,\n.focused-option .option-description {\n  background-color: var(--ic-color-focus-inner) !important;\n  color: var(--ic-atoms-list-option-text-focused-light) !important;\n\n  --ic-typography-color: var(\n    --ic-atoms-list-option-text-focused-light\n  ) !important;\n}\n\n:host(.no-results) li {\n  cursor: no-drop;\n}\n\n:host(.no-results) li:hover {\n  background-color: transparent;\n}\n\n.option-bar {\n  padding: var(--ic-space-xxs) var(--ic-space-xs);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: var(--ic-menu-option-bar-background-color);\n  visibility: hidden;\n  border-bottom: var(--ic-border-width) solid\n    var(--ic-menu-option-bar-divider-color);\n  border-radius: 1px 1px 0 0;\n}\n\n.option-bar p {\n  margin-bottom: 0 !important;\n}\n\n:host(.ic-menu-large) .option-bar {\n  padding: var(--ic-space-xs);\n}\n\n.select-all-button {\n  display: none;\n}\n\n.select-all-button:focus {\n  z-index: calc(var(--ic-z-index-menu) + 1);\n}\n\n@media (forced-colors: active) {\n  .focused-option:focus {\n    outline: none;\n    border: 0.125rem solid transparent;\n  }\n\n  .disabled-option {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\n  }\n}\n","import { h, Host, Fragment, } from \"@stencil/core\";\nimport { createPopper, } from \"@popperjs/core\";\nimport Check from \"../../assets/check-icon.svg\";\nimport { getOptionsWithoutGroupTitlesCount, isMacDevice, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nimport { sanitizeHTMLString, sanitizeHTMLIconString, } from \"../../utils/common-helpers\";\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Menu {\n    constructor() {\n        this.ACTIVE_DESCENDANT = \"aria-activedescendant\";\n        this.CLEAR_BUTTON_ID = \"clear-button\";\n        this.SEARCH_BAR_TAG = \"IC-SEARCH-BAR\";\n        this.disabledOptionSelected = false;\n        this.hasPreviouslyBlurred = false;\n        this.hasTimedOut = false;\n        this.isLoading = false;\n        this.lastOptionSelected = null; // Index of last option selected\n        this.lastOptionFocused = null; // Index of last option focused\n        this.multiOptionClicked = null;\n        this.preventClickOpen = false; // Prevents menu re-opening immediately after it is closed on blur when clicking input.\n        this.preventMenuFocus = false; // (When multiple) ensures focus moves straight to select all button from menu.\n        this.shiftPressed = false;\n        this.ungroupedOptions = [];\n        this.focusFromSearchKeypress = false;\n        this.initialOptionsListRender = false;\n        this.keyboardNav = false;\n        this.preventIncorrectTabOrder = false;\n        this.popperProps = {};\n        /**\n         * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\n         */\n        this.activationType = \"automatic\";\n        /**\n         * @internal If `true`, autofocus will be applied on selected item when menu is open.\n         */\n        this.autofocusOnSelected = true;\n        /**\n         *  If `true`, the menu will close when an option is selected.\n         */\n        this.closeOnSelect = true;\n        /**\n         *  If `true`, the menu will fill the width of the container.\n         */\n        this.fullWidth = false;\n        /**\n         * The custom name for the label field for IcMenuOption.\n         */\n        this.labelField = \"label\";\n        /**\n         * @internal - flag to specify if menu is in a ic-select multiple.\n         */\n        this.multiSelect = false;\n        /**\n         * @internal - flag to specify if menu is in a searchable ic-select.\n         */\n        this.searchableSelect = false;\n        /**\n         * @internal - flag to specify if menu is in a ic-search-bar.\n         */\n        this.searchBar = false;\n        /**\n         * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\n         */\n        this.searchMode = \"navigation\";\n        /**\n         * @internal If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.\n         */\n        this.selectOnEnter = false;\n        /**\n         * The size of the menu.\n         */\n        this.size = \"medium\";\n        /**\n         * The custom name for the value field for IcMenuOption.\n         */\n        this.valueField = \"value\";\n        this.handleClearListener = () => {\n            this.optionHighlighted = \"\";\n        };\n        this.handleSubmitSearch = () => {\n            const highlightedOptionIndex = this.options.findIndex((option) => option[this.valueField] === this.optionHighlighted);\n            this.setInputValue(highlightedOptionIndex);\n        };\n        this.handleMenuChange = (open, focusInput) => {\n            var _a;\n            this.menuStateChange.emit({ open, focusInput });\n            if (!open) {\n                if (focusInput !== false) {\n                    (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n                    this.preventClickOpen = false;\n                }\n                // Reset optionHighlighted so previously highlighted option doesn't get reselected when Enter pressed\n                if (this.multiSelect) {\n                    this.optionHighlighted = undefined;\n                    this.multiOptionClicked = null;\n                }\n            }\n        };\n        this.setNextOptionValue = (selectedOptionIndex) => {\n            if (this.ungroupedOptions[selectedOptionIndex + 1]) {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[selectedOptionIndex + 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex + 1][this.valueField]),\n                });\n            }\n            else {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[0][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[0][this.valueField]),\n                });\n            }\n        };\n        this.setPreviousOptionValue = (selectedOptionIndex) => {\n            if (this.ungroupedOptions[selectedOptionIndex - 1]) {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[selectedOptionIndex - 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[selectedOptionIndex - 1][this.valueField]),\n                });\n            }\n            else {\n                this.menuOptionSelect.emit({\n                    value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n                    optionId: this.getOptionId(this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField]),\n                });\n            }\n        };\n        // Open menu when up or down arrow keys are pressed\n        this.arrowBehaviour = (event) => {\n            event.preventDefault();\n            this.handleMenuChange(true);\n        };\n        this.getMenuOptions = () => this.searchBar ? this.options : this.ungroupedOptions;\n        // Set option that is focused and so should show focus state\n        this.setHighlightedOption = (highlightedIndex) => {\n            const menuOptions = this.getMenuOptions();\n            menuOptions[highlightedIndex] &&\n                !menuOptions[highlightedIndex].timedOut &&\n                (this.optionHighlighted =\n                    menuOptions[highlightedIndex][this.valueField] || undefined);\n        };\n        // Determines keyboard behaviour when selection is automatic\n        // (i.e. you don't have to press Enter select an option - just focus on it)\n        // and menu is closed\n        this.autoSetInputValueKeyboardOpen = (event) => {\n            const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n            this.keyboardNav = false;\n            switch (event.key) {\n                case \"ArrowDown\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    this.setNextOptionValue(selectedOptionIndex);\n                    break;\n                case \"ArrowUp\":\n                    this.keyboardNav = true;\n                    this.arrowBehaviour(event);\n                    this.setPreviousOptionValue(selectedOptionIndex);\n                    break;\n                case \" \":\n                case \"Enter\":\n                    if (event.target.id !== this.CLEAR_BUTTON_ID) {\n                        this.handleMenuChange(true);\n                    }\n                    break;\n            }\n        };\n        this.selectHighlightedOption = (options, highlightedOptionIndex) => {\n            if (!this.isLoading && !this.hasTimedOut) {\n                this.keyboardNav = true;\n            }\n            const isOpen = this.searchBar || this.searchableSelect || this.open;\n            if (isOpen) {\n                if (highlightedOptionIndex >= 0) {\n                    if (options[highlightedOptionIndex] !== undefined) {\n                        if (this.searchBar &&\n                            options[highlightedOptionIndex].disabled === true) {\n                            this.disabledOptionSelected = true;\n                        }\n                        else {\n                            this.setInputValue(highlightedOptionIndex);\n                        }\n                    }\n                }\n                else {\n                    this.setInputValue(highlightedOptionIndex);\n                }\n            }\n            else {\n                this.handleMenuChange(true);\n            }\n        };\n        // Check if option is selected based on the index of the option\n        this.isOptionSelected = (index) => {\n            const menuOptions = this.getMenuOptions();\n            return this.value\n                ? this.value.includes(menuOptions[index][this.valueField])\n                : false;\n        };\n        // Deselect currently selected options when shift pressed, but keep certain options selected\n        this.deselectSelectedOptions = (optionsToKeepSelected) => {\n            const menuOptions = this.getMenuOptions();\n            if (this.value) {\n                const selectedOptionIndexes = this.value.map((value) => {\n                    return menuOptions.findIndex((option) => option[this.valueField] === value);\n                });\n                // Call setInputValue (which toggles the selected state) on options that need to be deselected\n                selectedOptionIndexes.forEach((index) => !optionsToKeepSelected.includes(index) && this.setInputValue(index));\n            }\n        };\n        // Determines keyboard behaviour when selection is manual (i.e. when you have to press Enter to select an option)\n        this.manualSetInputValueKeyboardOpen = (event) => {\n            const menuOptions = this.getMenuOptions();\n            // For preventing focus disappearing on currently focused option when Shift / Cmd / Ctrl pressed\n            // (i.e. when user is likely in the middle of executing a keyboard combination to select options)\n            const isKeyboardCombination = event.shiftKey || event.metaKey || event.ctrlKey;\n            const highlightedOptionIndex = this.getOptionHighlightedIndex();\n            const clickedMultiOptionIndex = menuOptions.findIndex((option) => option[this.valueField] === this.multiOptionClicked);\n            const getOptionId = (index) => { var _a; return (_a = Array.from(this.host.querySelectorAll(\"li\"))[index]) === null || _a === void 0 ? void 0 : _a.id; };\n            // Space press should be equivalent to Enter when multi-select\n            if (event.key === \" \" && this.multiSelect) {\n                this.handleOptionSelect(event, highlightedOptionIndex);\n            }\n            else {\n                switch (event.key) {\n                    case \"ArrowDown\":\n                        this.keyboardNav = true;\n                        this.arrowBehaviour(event);\n                        if (this.multiOptionClicked) {\n                            // Set focus to option last clicked\n                            // Prevents it resetting to the top of the menu when user switches to using keyboard\n                            this.setHighlightedOption(clickedMultiOptionIndex);\n                            this.multiOptionClicked = null;\n                        }\n                        else {\n                            this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);\n                            if (highlightedOptionIndex < menuOptions.length - 1) {\n                                this.setHighlightedOption(highlightedOptionIndex + 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(highlightedOptionIndex + 1),\n                                });\n                                this.handleSingleShiftSelect(event, highlightedOptionIndex + 1, menuOptions);\n                            }\n                            else {\n                                this.setHighlightedOption(0);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(0),\n                                });\n                                this.handleSingleShiftSelect(event, 0, menuOptions);\n                            }\n                            // Deselect currently selected options if arrow was pressed for first time after shift is held\n                            if (this.multiSelect && this.shiftPressed) {\n                                this.deselectSelectedOptions([\n                                    highlightedOptionIndex,\n                                    this.getOptionHighlightedIndex(),\n                                ]);\n                                this.shiftPressed = false;\n                            }\n                        }\n                        this.lastOptionFocused = this.getOptionHighlightedIndex();\n                        this.preventIncorrectTabOrder = false;\n                        this.focusFromSearchKeypress = false;\n                        break;\n                    case \"ArrowUp\":\n                        this.keyboardNav = true;\n                        this.arrowBehaviour(event);\n                        if (this.multiOptionClicked) {\n                            // Set focus to option last clicked\n                            // Prevents it resetting to the bottom of the menu when user switches to using keyboard\n                            this.setHighlightedOption(clickedMultiOptionIndex);\n                            this.multiOptionClicked = null;\n                        }\n                        else {\n                            this.handleSingleShiftSelect(event, highlightedOptionIndex, menuOptions);\n                            if (highlightedOptionIndex <= 0 ||\n                                highlightedOptionIndex > menuOptions.length + 1) {\n                                this.setHighlightedOption(menuOptions.length - 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(menuOptions.length - 1),\n                                });\n                                this.handleSingleShiftSelect(event, menuOptions.length - 1, menuOptions);\n                            }\n                            else {\n                                this.setHighlightedOption(highlightedOptionIndex - 1);\n                                this.menuOptionId.emit({\n                                    optionId: getOptionId(highlightedOptionIndex - 1),\n                                });\n                                this.handleSingleShiftSelect(event, highlightedOptionIndex - 1, menuOptions);\n                            }\n                            // Deselect currently selected options if arrow was pressed for first time after shift is held\n                            if (this.multiSelect && this.shiftPressed) {\n                                this.deselectSelectedOptions([\n                                    highlightedOptionIndex,\n                                    this.getOptionHighlightedIndex(),\n                                ]);\n                                this.shiftPressed = false;\n                            }\n                        }\n                        this.lastOptionFocused = this.getOptionHighlightedIndex();\n                        this.preventIncorrectTabOrder = false;\n                        this.focusFromSearchKeypress = false;\n                        break;\n                    case \"Home\": {\n                        const startOptionIndex = 0;\n                        this.keyboardNav = true;\n                        event.preventDefault();\n                        this.arrowBehaviour(event);\n                        this.setHighlightedOption(startOptionIndex);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(startOptionIndex),\n                        });\n                        if (event.shiftKey && event.ctrlKey) {\n                            this.handleMultipleShiftSelect(startOptionIndex);\n                        }\n                        this.lastOptionFocused = startOptionIndex;\n                        this.lastOptionSelected = startOptionIndex;\n                        break;\n                    }\n                    case \"End\": {\n                        const endOptionIndex = menuOptions.length - 1;\n                        this.keyboardNav = true;\n                        event.preventDefault();\n                        this.arrowBehaviour(event);\n                        this.setHighlightedOption(endOptionIndex);\n                        this.menuOptionId.emit({\n                            optionId: getOptionId(endOptionIndex),\n                        });\n                        if (event.shiftKey && event.ctrlKey) {\n                            this.handleMultipleShiftSelect(endOptionIndex);\n                        }\n                        this.lastOptionFocused = endOptionIndex;\n                        this.lastOptionSelected = endOptionIndex;\n                        break;\n                    }\n                    case \" \":\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        if (this.searchBar || this.searchableSelect) {\n                            break;\n                        }\n                        else {\n                            if (event.target.id !== this.CLEAR_BUTTON_ID) {\n                                this.handleMenuChange(true);\n                            }\n                        }\n                        break;\n                    case \"Enter\":\n                        event.preventDefault();\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        this.handleOptionSelect(event, highlightedOptionIndex);\n                        break;\n                    case \"Escape\":\n                        if (this.open) {\n                            event.stopImmediatePropagation();\n                        }\n                        this.handleMenuChange(false);\n                        this.menuOptionId.emit({ optionId: undefined });\n                        break;\n                    case \"a\":\n                        // Checks if Cmd (meta) key is pressed if Mac device (while excluding meta key on Windows)\n                        // Otherwise, if a different OS, checks Ctrl key\n                        if ((isMacDevice() && event.metaKey) ||\n                            (!isMacDevice() && event.ctrlKey)) {\n                            this.emitSelectAllEvents();\n                            this.lastOptionFocused = null;\n                            this.lastOptionSelected = null;\n                        }\n                        break;\n                    case \"Shift\":\n                    case \"Tab\":\n                        if (event.key === \"Shift\") {\n                            this.shiftPressed = true;\n                        }\n                        if (this.searchBar) {\n                            this.keyboardNav = true;\n                        }\n                        if (this.multiSelect) {\n                            if (this.open && !event.shiftKey && this.selectAllButton) {\n                                event.preventDefault();\n                                this.selectAllButton.focus(); // Move focus to select all button instead of focused option\n                                this.preventMenuFocus = true;\n                                this.preventClickOpen = true;\n                                this.optionHighlighted = undefined; // Stop any option focus states showing when focus moved to select all button\n                            }\n                        }\n                        else {\n                            this.preventIncorrectTabOrder = true;\n                        }\n                        break;\n                    default:\n                        if (!isKeyboardCombination) {\n                            this.keyboardNav = false;\n                        }\n                        this.focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex);\n                }\n            }\n        };\n        this.setInputValue = (highlightedOptionIndex) => {\n            const menuOptions = this.getMenuOptions();\n            if (menuOptions[highlightedOptionIndex] !== undefined) {\n                this.menuOptionSelect.emit({\n                    value: menuOptions[highlightedOptionIndex][this.valueField],\n                });\n                if (this.closeOnSelect) {\n                    this.optionHighlighted = undefined;\n                    this.menuOptionId.emit({ optionId: undefined });\n                }\n            }\n            if (this.closeOnSelect) {\n                if (!this.hasTimedOut) {\n                    this.handleMenuChange(false);\n                }\n                else {\n                    this.parentEl.setFocus();\n                }\n            }\n        };\n        this.handleOptionClick = (event) => {\n            const { value, label } = event.target.dataset;\n            if (this.multiSelect) {\n                const menuOptions = this.getMenuOptions();\n                const selectedOptionIndex = menuOptions.findIndex((option) => option.value === value);\n                this.handleOptionSelect(event, selectedOptionIndex, true);\n                this.multiOptionClicked = value || null;\n            }\n            else {\n                this.menuOptionSelect.emit({ value, label });\n                this.handleMenuChange(false);\n            }\n            this.optionHighlighted = undefined;\n        };\n        this.handleRetry = () => {\n            this.retryButtonClicked.emit({ value: this.value });\n        };\n        this.handleRetryKeyDown = (ev) => {\n            if (ev.key === \"Enter\" || ev.key === \" \") {\n                ev.preventDefault();\n                this.retryButtonClicked.emit({ value: this.value, keyPressed: ev.key });\n            }\n        };\n        this.handleBlur = (event) => {\n            var _a, _b, _c, _d;\n            if (event.relatedTarget !== this.inputEl) {\n                if (event.relatedTarget === this.selectAllButton) {\n                    (_a = this.menu) === null || _a === void 0 ? void 0 : _a.removeAttribute(this.ACTIVE_DESCENDANT);\n                }\n                if (!(((_b = this.menu) === null || _b === void 0 ? void 0 : _b.contains(event.relatedTarget)) ||\n                    event.relatedTarget === this.selectAllButton)) {\n                    this.handleMenuChange(false, this.hasPreviouslyBlurred);\n                    (_c = this.menu) === null || _c === void 0 ? void 0 : _c.removeAttribute(this.ACTIVE_DESCENDANT);\n                    this.lastOptionFocused = null;\n                    this.lastOptionSelected = null;\n                }\n            }\n            else {\n                this.handleMenuChange(false);\n                this.preventClickOpen = true;\n                (_d = this.menu) === null || _d === void 0 ? void 0 : _d.removeAttribute(this.ACTIVE_DESCENDANT);\n                this.lastOptionFocused = null;\n                this.lastOptionSelected = null;\n            }\n            if (!this.searchBar)\n                this.hasPreviouslyBlurred = !!event.relatedTarget;\n        };\n        this.handleMouseDown = (event) => {\n            event.preventDefault();\n        };\n        this.handleMenuKeyDown = (event) => {\n            if (this.activationType === \"automatic\") {\n                this.autoSetValueOnMenuKeyDown(event);\n            }\n            else if (this.activationType === \"manual\" && !this.searchBar) {\n                this.manualSetInputValueKeyboardOpen(event);\n            }\n        };\n        this.handleMenuKeyUp = (event) => {\n            if (event.key === \"Tab\" && event.shiftKey) {\n                this.preventClickOpen = false;\n            }\n            if (event.key === \"Enter\" && this.disabledOptionSelected) {\n                this.disabledOptionSelected = false;\n                event.stopImmediatePropagation();\n            }\n            if (event.key === \"Shift\") {\n                this.shiftPressed = false;\n            }\n        };\n        this.handleSelectAllClick = () => {\n            var _a;\n            this.keyboardNav = false;\n            (_a = this.menu) === null || _a === void 0 ? void 0 : _a.focus();\n            this.emitSelectAllEvents();\n            this.lastOptionFocused = null;\n            this.lastOptionSelected = null;\n        };\n        this.handleSelectAllBlur = (event) => {\n            var _a;\n            this.host.classList.remove(\"ic-select-select-all-focused\");\n            if (!((_a = this.menu) === null || _a === void 0 ? void 0 : _a.contains(event.relatedTarget))) {\n                this.handleMenuChange(false, false);\n            }\n        };\n        this.handleSelectAllFocus = () => {\n            this.host.classList.add(\"ic-select-select-all-focused\");\n            this.lastOptionFocused = null;\n            this.lastOptionSelected = null;\n        };\n        // Fix for Safari - select all button click was causing menu to close\n        this.handleSelectAllMouseDown = (event) => {\n            event.preventDefault();\n        };\n        // When shift key is being used to select contiguous options one by one on a multi-select\n        // I.e. holding shift and pressing up and down arrow keys\n        this.handleSingleShiftSelect = (event, optionToSelectIndex, options) => {\n            if (this.multiSelect &&\n                event.shiftKey &&\n                !this.isOptionSelected(optionToSelectIndex)) {\n                this.selectHighlightedOption(options, optionToSelectIndex);\n                this.lastOptionSelected = optionToSelectIndex;\n            }\n        };\n        // When shift key is being used to select multiple options at once on a multi-select\n        // I.e. holding shift when selecting another option\n        this.handleMultipleShiftSelect = (lastOptionInSelection, useFocusForSelection = false, firstOptionSelected = null) => {\n            this.shiftPressed = false;\n            const firstOptionInSelection = firstOptionSelected === null\n                ? this.getFirstOptionInSelection(useFocusForSelection)\n                : firstOptionSelected;\n            if (firstOptionInSelection !== null) {\n                const optionsToSelect = [];\n                if (firstOptionInSelection < lastOptionInSelection) {\n                    for (let i = firstOptionInSelection; i < lastOptionInSelection + 1; i++) {\n                        optionsToSelect.push(i);\n                    }\n                }\n                else {\n                    for (let i = firstOptionInSelection; i > lastOptionInSelection - 1; i--) {\n                        optionsToSelect.push(i);\n                    }\n                }\n                optionsToSelect.forEach((optionIndex) => !this.isOptionSelected(optionIndex) && this.setInputValue(optionIndex));\n                this.deselectSelectedOptions(optionsToSelect);\n            }\n        };\n        this.handleOptionSelect = (event, optionIndex, useFocusForSelection = false) => {\n            const menuOptions = this.getMenuOptions();\n            const firstOptionInSelection = this.getFirstOptionInSelection(useFocusForSelection);\n            if (event.shiftKey && firstOptionInSelection !== null) {\n                this.handleMultipleShiftSelect(optionIndex, useFocusForSelection, firstOptionInSelection);\n            }\n            else {\n                this.selectHighlightedOption(menuOptions, optionIndex);\n            }\n            this.lastOptionFocused = optionIndex;\n            this.lastOptionSelected = optionIndex;\n        };\n        this.getFirstOptionInSelection = (useFocusForSelection) => {\n            return useFocusForSelection && this.lastOptionFocused !== null\n                ? this.lastOptionFocused\n                : this.lastOptionSelected !== null\n                    ? this.lastOptionSelected\n                    : null;\n        };\n        this.emitSelectAllEvents = () => {\n            var _a, _b;\n            // Select all if there is either no value or not all options are selected\n            // 'true' means select all, 'false' means clear all\n            this.menuOptionSelectAll.emit({\n                select: !this.value || !(((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === this.ungroupedOptions.length),\n            });\n            // Emit clear event if all options are selected\n            if (((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) === this.ungroupedOptions.length) {\n                this.icClear.emit();\n            }\n        };\n        this.emitMenuKeyPress = (isNavKey, key) => {\n            this.menuKeyPress.emit({ isNavKey: isNavKey, key: key });\n        };\n        // Determines keyboard behaviour when selection is automatic\n        // (i.e. you don't have to press Enter select an option - just focus on it)\n        // and menu is focused\n        this.autoSetValueOnMenuKeyDown = (event) => {\n            var _a, _b;\n            event.cancelBubble = true;\n            const selectedOptionIndex = this.ungroupedOptions.findIndex((option) => option[this.valueField] === this.value);\n            const isSearchableSelect = !!this.inputEl && this.inputEl.tagName === \"INPUT\";\n            this.keyboardNav = false;\n            switch (event.key) {\n                case \" \":\n                    event.preventDefault();\n                    break;\n                case \"ArrowUp\":\n                    if (!this.hasTimedOut) {\n                        event.preventDefault();\n                        this.setPreviousOptionValue(selectedOptionIndex);\n                        this.keyboardNav = true;\n                    }\n                    break;\n                case \"ArrowDown\":\n                    if (!this.hasTimedOut) {\n                        event.preventDefault();\n                        this.setNextOptionValue(selectedOptionIndex);\n                        this.keyboardNav = true;\n                    }\n                    break;\n                case \"Home\":\n                    this.menuOptionSelect.emit({\n                        value: this.ungroupedOptions[0][this.valueField],\n                    });\n                    this.keyboardNav = true;\n                    break;\n                case \"End\":\n                    this.menuOptionSelect.emit({\n                        value: this.ungroupedOptions[this.ungroupedOptions.length - 1][this.valueField],\n                    });\n                    this.keyboardNav = true;\n                    break;\n                case \"Enter\":\n                    !this.hasTimedOut && this.handleMenuChange(false);\n                    break;\n                case \"Escape\":\n                    this.handleMenuChange(false);\n                    break;\n                case \"Backspace\":\n                    if (isSearchableSelect) {\n                        (_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.focus();\n                    }\n                    break;\n                case \"Shift\":\n                    break;\n                default:\n                    if (isSearchableSelect && event.key !== \"Tab\" && !this.hasTimedOut) {\n                        (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.focus();\n                    }\n                    if (event.key.length === 1) {\n                        this.keyboardNav = true;\n                    }\n                    break;\n            }\n            this.emitMenuKeyPress(this.keyboardNav, event.key);\n        };\n        this.getOptionId = (value) => {\n            return `${this.menuId}-${value}`;\n        };\n        this.getOptionAriaLabel = (option, parentOption) => {\n            let ariaLabel = option[this.labelField];\n            if (option.description) {\n                ariaLabel = `${ariaLabel}, ${option.description}`;\n            }\n            if (option.element) {\n                ariaLabel = `${ariaLabel}, ${option.element.ariaLabel}`;\n            }\n            if (parentOption) {\n                return `${ariaLabel}, ${parentOption[this.labelField]} group`;\n            }\n            else {\n                return ariaLabel;\n            }\n        };\n        this.getSortedOptions = (options) => {\n            let sorted = [];\n            if (options.sort) {\n                sorted = options.sort((optionA, optionB) => optionA.recommended && !optionB.recommended ? -1 : 0);\n            }\n            return sorted;\n        };\n        this.getOptionHighlightedIndex = () => {\n            const menuOptions = this.getMenuOptions();\n            return menuOptions.findIndex((option) => option[this.valueField] === this.optionHighlighted);\n        };\n        this.isManualMode = this.activationType === \"manual\";\n        this.scrollToSelected = (menu) => {\n            var _a;\n            const selectedOption = this.selectOnEnter\n                ? this.host.querySelector(`li[data-value=\"${this.optionHighlighted}\"]`)\n                : menu.querySelector(\".option[aria-selected='true']\");\n            if (selectedOption) {\n                const elTop = selectedOption.offsetTop + selectedOption.offsetHeight;\n                if (elTop > menu.scrollTop + menu.offsetHeight ||\n                    elTop < menu.scrollTop + menu.offsetHeight) {\n                    menu.scrollTop = selectedOption.offsetTop;\n                }\n                // 'aria-activedescendant' affects screen reader focus\n                // https://www.w3.org/TR/2017/WD-wai-aria-practices-1.1-20170628/#kbd_focus_activedescendant\n                (_a = this.menu) === null || _a === void 0 ? void 0 : _a.setAttribute(this.ACTIVE_DESCENDANT, selectedOption.id);\n                selectedOption.focus();\n            }\n        };\n        // Set 'ungroupedOptions' variable and emit its value\n        // - this is all the options with disabled options and group titles removed\n        this.loadUngroupedOptions = () => {\n            if (this.options.length > 0 && this.options.map) {\n                this.options.map((option) => {\n                    if (option.children) {\n                        option.children.map((option) => !option.disabled && this.ungroupedOptions.push(option));\n                    }\n                    else if (!option.disabled) {\n                        this.ungroupedOptions.push(option);\n                    }\n                });\n            }\n            this.ungroupedOptions = this.getSortedOptions(this.ungroupedOptions);\n            this.ungroupedOptionsSet.emit({ options: this.ungroupedOptions });\n        };\n        this.setMenuScrollbar = () => {\n            var _a;\n            let optionsHeight = 0;\n            this.host\n                .querySelectorAll(\".option, .option-group-title\")\n                .forEach((option) => (optionsHeight += option.clientHeight));\n            if (optionsHeight >= 320) {\n                (_a = this.menu) === null || _a === void 0 ? void 0 : _a.classList.add(\"menu-scroll\");\n            }\n        };\n        this.handleTimeoutBlur = (ev) => {\n            this.timeoutBlur.emit({ ev });\n        };\n        this.optionContent = (option, selected) => {\n            var _a;\n            const showCheckIcon = !!option[this.valueField] &&\n                !!this.value &&\n                selected &&\n                ((_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.tagName) !== this.SEARCH_BAR_TAG;\n            return (h(Fragment, null, option.loading && h(\"ic-loading-indicator\", { size: \"icon\" }), h(\"div\", { class: {\n                    \"option-text-container\": true,\n                    \"show-check-icon\": showCheckIcon,\n                } }, h(\"div\", { class: \"option-label\" }, option.icon && (h(\"div\", { class: \"option-icon\", innerHTML: sanitizeHTMLIconString(option.icon), \"aria-hidden\": \"true\" })), h(\"ic-typography\", { variant: \"body\", \"aria-hidden\": \"true\" }, option[this.labelField])), option.description && (h(\"ic-typography\", { id: `${this.getOptionId(option[this.valueField])}-description`, class: \"option-description\", variant: \"caption\", \"aria-hidden\": \"true\" }, h(\"p\", null, option.description))), option.element && (h(\"div\", { class: \"option-element\", innerHTML: sanitizeHTMLString(option.element.component), \"aria-hidden\": \"true\" }))), showCheckIcon && h(\"span\", { class: \"check-icon\", innerHTML: Check })));\n        };\n        this.displayOption = (option, selected, index, parentOption) => {\n            const { open, keyboardNav, isManualMode, initialOptionsListRender, optionHighlighted, options, } = this;\n            return (h(\"li\", { id: this.getOptionId(option[this.valueField]), class: {\n                    option: true,\n                    \"focused-option\": isManualMode\n                        ? (keyboardNav || initialOptionsListRender) &&\n                            option[this.valueField] === optionHighlighted\n                        : keyboardNav && selected,\n                    \"last-recommended-option\": !!(option.recommended &&\n                        options[index + 1] &&\n                        !options[index + 1].recommended),\n                    \"disabled-option\": !!option.disabled,\n                    \"loading-option\": !!option.loading,\n                    timeout: !!option.timedOut,\n                }, role: \"option\", tabindex: open &&\n                    (selected || option[this.valueField] === optionHighlighted) &&\n                    keyboardNav\n                    ? \"0\"\n                    : \"-1\", \"aria-label\": this.getOptionAriaLabel(option, parentOption), \"aria-selected\": selected ? \"true\" : \"false\", \"aria-disabled\": option.disabled ? \"true\" : \"false\", onClick: !option.timedOut && !option.loading\n                    ? this.handleOptionClick\n                    : undefined, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, \"data-value\": option[this.valueField], \"data-label\": option[this.labelField] }, option.timedOut ? (h(Fragment, null, h(\"div\", { class: \"loading-error-info\" }, h(\"svg\", { class: \"error-icon-svg\", xmlns: \"http://www.w3.org/2000/svg\", viewBox: \"0 0 24 24\", fill: \"#000000\" }, h(\"title\", null, \"Error\"), h(\"g\", null, h(\"path\", { d: \"M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41\" }))), h(\"ic-typography\", { variant: \"label\" }, option[this.labelField])), h(\"ic-button\", { size: \"small\", variant: \"tertiary\", onClick: this.handleRetry, onKeyDown: this.handleRetryKeyDown, onBlur: this.handleTimeoutBlur, id: \"retry-button\" }, \"Retry\"))) : (this.optionContent(option, selected))));\n        };\n    }\n    watchOpenHandler() {\n        if (!this.open && this.popperInstance) {\n            this.popperInstance.destroy();\n            this.popperInstance = null;\n        }\n    }\n    watchOptionsHandler(newOptions) {\n        this.hasTimedOut = newOptions.some((opt) => opt.timedOut);\n        this.isLoading = newOptions.some((opt) => opt.loading);\n        this.ungroupedOptions = [];\n        this.loadUngroupedOptions();\n    }\n    connectedCallback() {\n        if (this.searchBar) {\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n            this.initialOptionsListRender = true;\n        }\n    }\n    disconnectedCallback() {\n        var _a, _b, _c;\n        (_a = this.popperInstance) === null || _a === void 0 ? void 0 : _a.destroy();\n        (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"icClear\", this.handleClearListener);\n        (_c = this.parentEl) === null || _c === void 0 ? void 0 : _c.removeEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n    }\n    componentWillLoad() {\n        var _a, _b, _c, _d;\n        this.loadUngroupedOptions();\n        (_a = this.parentEl) === null || _a === void 0 ? void 0 : _a.addEventListener(\"icClear\", this.handleClearListener);\n        (_b = this.parentEl) === null || _b === void 0 ? void 0 : _b.addEventListener(\"icSubmitSearch\", this.handleSubmitSearch);\n        this.hasTimedOut = (_c = this.options) === null || _c === void 0 ? void 0 : _c.some((opt) => opt.timedOut);\n        this.isLoading = (_d = this.options) === null || _d === void 0 ? void 0 : _d.some((opt) => opt.loading);\n    }\n    componentDidLoad() {\n        if (this.searchBar &&\n            this.parentEl.disableAutoFiltering) {\n            this.focusFromSearchKeypress = true;\n        }\n        onComponentRequiredPropUndefined([\n            { prop: this.open, propName: \"open\" },\n            { prop: this.options, propName: \"options\" },\n            { prop: this.menuId, propName: \"menu-id\" },\n            { prop: this.inputLabel, propName: \"input-label\" },\n            //NOTE: no check for value, input-el or anchor-el as otherwise get console errors on first load of select component\n        ], \"Menu\");\n    }\n    componentDidUpdate() {\n        const inputValueInOptions = this.options.some((option) => option[this.valueField] === this.value);\n        if (this.menu &&\n            this.open &&\n            this.options.length !== 0 &&\n            !this.preventMenuFocus) {\n            if (this.value &&\n                this.keyboardNav &&\n                inputValueInOptions &&\n                this.autofocusOnSelected &&\n                !this.searchableSelect) {\n                this.scrollToSelected(this.menu);\n            }\n            else if (this.selectOnEnter) {\n                this.menu.focus();\n            }\n            else if (!!this.optionHighlighted &&\n                !this.focusFromSearchKeypress &&\n                !this.preventIncorrectTabOrder) {\n                const highlightedEl = this.host.querySelector(`li[data-value=\"${this.optionHighlighted}\"]`);\n                if (highlightedEl) {\n                    this.menu.setAttribute(this.ACTIVE_DESCENDANT, highlightedEl.id);\n                    highlightedEl.focus();\n                }\n            }\n            else if (this.inputEl && this.inputEl.tagName !== \"INPUT\") {\n                this.menu.focus();\n            }\n        }\n        if (this.menu && this.open && !this.value && this.selectOnEnter) {\n            this.scrollToSelected(this.menu);\n        }\n        this.preventMenuFocus = false;\n    }\n    componentDidRender() {\n        if (this.open && !this.popperInstance && this.anchorEl) {\n            this.initPopperJs(this.anchorEl);\n        }\n        if (this.open && !!this.options.length) {\n            this.setMenuScrollbar();\n        }\n    }\n    /**\n     * @internal If menu is opened with the mouse, emit menuStateChange custom event.\n     */\n    async handleClickOpen() {\n        if (!this.preventClickOpen) {\n            this.menuStateChange.emit({ open: !this.open });\n            this.keyboardNav = false;\n        }\n        this.preventClickOpen = false;\n    }\n    /**\n     * Used alongside activationType\n     * If menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\n     * @param {KeyboardEvent} event The keyboard event which is available when handleKeyboardOpen is invoked.\n     */\n    async handleKeyboardOpen(event) {\n        if (this.activationType === \"automatic\") {\n            this.autoSetInputValueKeyboardOpen(event);\n        }\n        else {\n            this.manualSetInputValueKeyboardOpen(event);\n        }\n    }\n    /**\n     * @internal Used to highlight the first option in the menu.\n     */\n    async handleSetFirstOption() {\n        this.setHighlightedOption(0);\n    }\n    /**\n     * @internal Used to initialize popperJS with an anchor element.\n     * 5/12/2023: Tested with Floating UI, however, discovered inconsistent\n     * boundary behaviour so sticking with PopperJS.\n     */\n    async initPopperJs(anchor) {\n        // Placements set to \"-start\" to accommodate for custom menu width - menu should always be aligned to the left\n        this.popperInstance = createPopper(anchor, this.host, Object.assign({ placement: \"bottom-start\", modifiers: [\n                {\n                    name: \"offset\",\n                    options: {\n                        offset: [0, 7],\n                    },\n                },\n                {\n                    name: \"flip\",\n                    options: {\n                        fallbackPlacements: [\"top-start\"],\n                        rootBoundary: \"viewport\",\n                    },\n                },\n            ] }, this.popperProps));\n    }\n    /**\n     * @internal This method allows props to be added to the PopperJS createPopper instance outside of the menu\n     * @param props object - createPopper props set externally\n     */\n    async setExternalPopperProps(props) {\n        this.popperProps = props;\n    }\n    focusOnSearchOrSelectInput(menuOptions, highlightedOptionIndex) {\n        if (!menuOptions[highlightedOptionIndex])\n            return;\n        if (this.searchBar) {\n            this.parentEl.setFocus();\n            if (this.searchMode === \"navigation\")\n                this.setHighlightedOption(0);\n        }\n        if (this.searchableSelect) {\n            this.parentEl.setFocus();\n        }\n        this.focusFromSearchKeypress = true;\n    }\n    render() {\n        const { inputLabel, options, menuId, value, fullWidth, hasTimedOut, isLoading, size, open, inputEl, keyboardNav, parentEl, SEARCH_BAR_TAG, multiSelect, } = this;\n        const selectAllButtonText = `${(value === null || value === void 0 ? void 0 : value.length) === this.ungroupedOptions.length ? \"Clear\" : \"Select\"} all`;\n        const hasNoResults = this.host.classList.contains(\"no-results\");\n        return (h(Host, { key: 'e17a70bcf59709dd5b9d0cc7b404520ff06bcf35', class: {\n                \"ic-menu-full-width\": !!fullWidth,\n                \"ic-menu-no-focus\": ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) === \"INPUT\" &&\n                    (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) !== SEARCH_BAR_TAG) ||\n                    hasTimedOut ||\n                    isLoading,\n                [`ic-menu-${size}`]: true,\n                \"ic-menu-open\": open && options.length !== 0,\n                \"ic-menu-multiple\": multiSelect,\n            } }, options.length !== 0 && (h(\"ul\", { key: '438cd6126c1296a14e216edc0a5d790a4705b143', id: menuId, class: \"menu\", role: \"listbox\", \"aria-label\": `${inputLabel} pop-up`, \"aria-multiselectable\": multiSelect ? \"true\" : \"false\", tabindex: open &&\n                !keyboardNav &&\n                ((inputEl === null || inputEl === void 0 ? void 0 : inputEl.tagName) !== \"INPUT\" ||\n                    (parentEl === null || parentEl === void 0 ? void 0 : parentEl.tagName) === SEARCH_BAR_TAG)\n                ? \"0\"\n                : \"-1\", ref: (el) => (this.menu = el), onKeyDown: this.handleMenuKeyDown, onKeyUp: this.handleMenuKeyUp, onBlur: this.handleBlur }, this.getSortedOptions(options).map((option, index) => {\n            if (option.children) {\n                if (option.children.length > 0) {\n                    return (h(\"div\", null, h(\"ic-typography\", { class: \"option-group-title\", role: \"presentation\", variant: \"subtitle-small\" }, h(\"p\", null, option[this.labelField])), option.children.map((childOption) => childOption.label &&\n                        this.displayOption(childOption, multiSelect\n                            ? value === null || value === void 0 ? void 0 : value.includes(childOption[this.valueField])\n                            : childOption[this.valueField] === value, index, option))));\n                }\n                else {\n                    return null;\n                }\n            }\n            else {\n                // Display option only if it has a label (rather than displaying an empty space)\n                return (option.label &&\n                    this.displayOption(option, multiSelect\n                        ? value === null || value === void 0 ? void 0 : value.includes(option[this.valueField])\n                        : option[this.valueField] === value, index));\n            }\n        }))), options.length !== 0 &&\n            multiSelect &&\n            !isLoading &&\n            !hasTimedOut &&\n            !hasNoResults && (h(\"div\", { key: '5732c5ac4fa70ff249a7851d61aee8ccf46082d1', class: \"option-bar\" }, h(\"ic-typography\", { key: '48ce8543a189cad706804715a077575b3774e490' }, h(\"p\", { key: '63537752e580815f650c3d9bbf38b23267c5229c' }, `${value ? value.length : 0}/${getOptionsWithoutGroupTitlesCount(this.options)} selected`)), h(\"ic-button\", { key: '60c446e5303a3939494284b9ce7772feb1fe547c', class: \"select-all-button\", \"aria-label\": `${selectAllButtonText} options for ${inputLabel}`, ref: (el) => (this.selectAllButton = el), variant: \"tertiary\", onClick: this.handleSelectAllClick, onMouseDown: this.handleSelectAllMouseDown, onBlur: this.handleSelectAllBlur, onFocus: this.handleSelectAllFocus, size: size === \"small\" ? \"small\" : \"medium\" }, selectAllButtonText)))));\n    }\n    static get is() { return \"ic-menu\"; }\n    static get encapsulation() { return \"scoped\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-menu.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-menu.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"activationType\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcActivationTypes\",\n                    \"resolved\": \"\\\"automatic\\\" | \\\"manual\\\"\",\n                    \"references\": {\n                        \"IcActivationTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcActivationTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"activation-type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"automatic\\\"\"\n            },\n            \"anchorEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement | undefined\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The reference to an anchor element the menu will position itself from when rendered.\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"autofocusOnSelected\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, autofocus will be applied on selected item when menu is open.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"autofocus-on-selected\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"closeOnSelect\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the menu will close when an option is selected.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"close-on-select\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the menu will fill the width of the container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"inputEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement | undefined\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The reference to the input element.\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"inputLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label for the input element.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"input-label\",\n                \"reflect\": false\n            },\n            \"labelField\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom name for the label field for IcMenuOption.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"label\\\"\"\n            },\n            \"menuId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ID of the menu.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"menu-id\",\n                \"reflect\": false\n            },\n            \"multiSelect\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- flag to specify if menu is in a ic-select multiple.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"multi-select\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"open\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the menu will be displayed open.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"open\",\n                \"reflect\": true\n            },\n            \"parentEl\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLElement\",\n                    \"resolved\": \"HTMLElement | undefined\",\n                    \"references\": {\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- The parent element if ic-menu is nested inside another component.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"searchableSelect\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- flag to specify if menu is in a searchable ic-select.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"searchable-select\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"searchBar\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"- flag to specify if menu is in a ic-search-bar.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"search-bar\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"searchMode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSearchBarSearchModes\",\n                    \"resolved\": \"\\\"navigation\\\" | \\\"query\\\"\",\n                    \"references\": {\n                        \"IcSearchBarSearchModes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-search-bar/ic-search-bar.types\",\n                            \"id\": \"src/components/ic-search-bar/ic-search-bar.types.ts::IcSearchBarSearchModes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"search-mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"navigation\\\"\"\n            },\n            \"selectOnEnter\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"select-on-enter\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the menu.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"options\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcMenuOption[]\",\n                    \"resolved\": \"IcMenuOption[]\",\n                    \"references\": {\n                        \"IcMenuOption\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMenuOption\"\n                        }\n                    }\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The possible menu selection options.\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | string[]\",\n                    \"resolved\": \"string | string[]\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the currently selected option - or array of values (if multiple options allowed).\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"valueField\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The custom name for the value field for IcMenuOption.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"value-field\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"value\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"focusFromSearchKeypress\": {},\n            \"initialOptionsListRender\": {},\n            \"keyboardNav\": {},\n            \"optionHighlighted\": {},\n            \"preventIncorrectTabOrder\": {},\n            \"menuOptions\": {},\n            \"popperProps\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icClear\",\n                \"name\": \"icClear\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the clear all button is clicked.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"menuKeyPress\",\n                \"name\": \"menuKeyPress\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when key is pressed while menu is open.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ isNavKey: boolean; key: string }\",\n                    \"resolved\": \"{ isNavKey: boolean; key: string; }\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"menuOptionId\",\n                \"name\": \"menuOptionId\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when an option has been highlighted.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMenuOptionIdEventDetail\",\n                    \"resolved\": \"IcMenuOptionIdEventDetail\",\n                    \"references\": {\n                        \"IcMenuOptionIdEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuOptionIdEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"menuOptionSelect\",\n                \"name\": \"menuOptionSelect\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when an option is selected.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcOptionSelectEventDetail\",\n                    \"resolved\": \"IcOptionSelectEventDetail\",\n                    \"references\": {\n                        \"IcOptionSelectEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcOptionSelectEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"menuOptionSelectAll\",\n                \"name\": \"menuOptionSelectAll\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when all options are selected or deselected.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ select: boolean }\",\n                    \"resolved\": \"{ select: boolean; }\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"menuStateChange\",\n                \"name\": \"menuStateChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when state of menu changes (i.e. open or closed).\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMenuChangeEventDetail\",\n                    \"resolved\": \"IcMenuChangeEventDetail\",\n                    \"references\": {\n                        \"IcMenuChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-menu.types\",\n                            \"id\": \"src/components/ic-menu/ic-menu.types.ts::IcMenuChangeEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"retryButtonClicked\",\n                \"name\": \"retryButtonClicked\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the retry button is clicked.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcMultiValueEventDetail\",\n                    \"resolved\": \"IcMultiValueEventDetail\",\n                    \"references\": {\n                        \"IcMultiValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMultiValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"timeoutBlur\",\n                \"name\": \"timeoutBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the timeout menu loses focus.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ ev: FocusEvent }\",\n                    \"resolved\": \"{ ev: FocusEvent; }\",\n                    \"references\": {\n                        \"FocusEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FocusEvent\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"ungroupedOptionsSet\",\n                \"name\": \"ungroupedOptionsSet\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Emitted when the ungrouped options have been set.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"complexType\": {\n                    \"original\": \"{ options: IcMenuOption[] }\",\n                    \"resolved\": \"{ options: IcMenuOption[]; }\",\n                    \"references\": {\n                        \"IcMenuOption\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcMenuOption\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"handleClickOpen\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If menu is opened with the mouse, emit menuStateChange custom event.\"\n                        }]\n                }\n            },\n            \"handleKeyboardOpen\": {\n                \"complexType\": {\n                    \"signature\": \"(event: KeyboardEvent) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"event\",\n                            \"type\": \"KeyboardEvent\",\n                            \"docs\": \"The keyboard event which is available when handleKeyboardOpen is invoked.\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"KeyboardEvent\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::KeyboardEvent\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Used alongside activationType\\nIf menu is opened via keyboard navigation (i.e. Enter, ArrowUp or ArrowDown), emit optionSelect custom event.\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"event The keyboard event which is available when handleKeyboardOpen is invoked.\"\n                        }]\n                }\n            },\n            \"handleSetFirstOption\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to highlight the first option in the menu.\"\n                        }]\n                }\n            },\n            \"initPopperJs\": {\n                \"complexType\": {\n                    \"signature\": \"(anchor: HTMLElement) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"anchor\",\n                            \"type\": \"HTMLElement\",\n                            \"docs\": \"\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"HTMLElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLElement\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to initialize popperJS with an anchor element.\\n5/12/2023: Tested with Floating UI, however, discovered inconsistent\\nboundary behaviour so sticking with PopperJS.\"\n                        }]\n                }\n            },\n            \"setExternalPopperProps\": {\n                \"complexType\": {\n                    \"signature\": \"<T extends Partial<Options>>(props: T) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"props\",\n                            \"type\": \"T\",\n                            \"docs\": \"object - createPopper props set externally\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"Partial\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Partial\"\n                        },\n                        \"Options\": {\n                            \"location\": \"import\",\n                            \"path\": \"@popperjs/core\",\n                            \"id\": \"node_modules::Options\"\n                        },\n                        \"T\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::T\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"This method allows props to be added to the PopperJS createPopper instance outside of the menu\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"props object - createPopper props set externally\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"host\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"watchOpenHandler\"\n            }, {\n                \"propName\": \"options\",\n                \"methodName\": \"watchOptionsHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-menu.js.map\n"],"mappings":"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","ignoreList":[]}