@ukic/canary-web-components 2.0.0-canary.9 → 3.0.0-canary.1

package/dist/core/p-9af6adb1.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,h as t,H as a,g as o}from"./p-8455d1bb.js";import{k as r,i as c,j as n,r as s,a as d,s as l,d as h}from"./p-9397b15b.js";const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}ic-radio-option{display:flex;flex-direction:column;width:-moz-fit-content;width:fit-content}.additional-field-wrapper ic-text-field{margin-top:calc(var(--ic-space-sm) / 2);margin-left:var(--ic-space-xl)}ic-radio-option.ic-radio-option-disabled{--ic-typography-color:var(--ic-architectural-200)}.container input:focus+span.checkmark,:host(:focus) .container input:checked+span.checkmark{box-shadow:var(--ic-border-focus)}.container{display:grid;grid-template-columns:min-content auto;position:relative;cursor:pointer;align-items:center;margin:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs)}.container.disabled,.container.disabled input:disabled{cursor:default}.container input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;position:absolute;cursor:pointer;height:var(--ic-space-lg);width:var(--ic-space-lg);border-radius:50%;border:none}.checkmark{display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-architectural-white);border:var(--ic-border-default);border-radius:50%;transition:var(--ic-easing-transition-fast);box-sizing:border-box}.container input:checked~.checkmark::after{display:inline-block}.container:hover input~.checkmark{background-color:var(--ic-action-default-bg-hover-no-alpha);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-hover);border:var(--ic-border-width) solid var(--ic-action-default)}.container:active input~.checkmark{background-color:var(--ic-action-default-bg-active-no-alpha);border:var(--ic-border-width) solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}.container:active input:checked~.checkmark{background-color:var(--ic-action-default-bg-active);border:0.125rem solid var(--ic-action-default-active);box-shadow:0 0 0 0.25rem var(--ic-action-default-bg-active)}.container:active input:checked~.checkmark::after{background-color:var(--ic-action-default-active)}.container input:checked~.checkmark{border:0.125rem solid var(--ic-action-default)}.container input:checked:disabled~.checkmark{background-color:var(--ic-architectural-white);border:0.125rem solid var(--ic-architectural-200)}.container input:disabled~.checkmark{border:var(--ic-border-width) dashed var(--ic-architectural-200)}.container input:disabled~.checkmark::after{background:var(--ic-architectural-200)}.container:hover input:disabled~.checkmark{background-color:var(--ic-architectural-white);box-shadow:none;border:0.125rem solid none}.container:active input:disabled~.checkmark::after{background-color:var(--ic-architectural-200)}.container .checkmark::after{content:"";position:absolute;display:none;top:calc(50% - var(--ic-space-xs));left:calc(50% - var(--ic-space-xs));width:var(--ic-space-md);height:var(--ic-space-md);border-radius:50%;background:var(--ic-action-default)}.radio-label{margin-left:var(--ic-space-md)}.additional-field-wrapper{margin-left:var(--ic-space-xs)}.branch-corner{color:var(--ic-action-default);height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-action-default);border-left:0.125rem solid var(--ic-action-default);margin-left:calc(-1 * var(--ic-space-1px))}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-container.hidden{display:none}.dynamic-text{color:var(--ic-action-default);--ic-typography-color:var(--ic-action-default);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){ic-text-field{--input-width:100%}}@media (forced-colors: active){.container input:checked~.checkmark,.container:active input:checked~.checkmark{border-color:Highlight}.container input:checked~.checkmark::after,.container:active input:checked~.checkmark::after{background-color:Highlight}.container input:disabled~.checkmark,.container input:checked:disabled~.checkmark{border-color:GrayText}.container input:disabled~.checkmark::after,.container:active input:disabled~.checkmark::after{background-color:GrayText}}';const u="additional-field";const b="ic-text-field";const m=class{constructor(t){e(this,t);this.icCheck=i(this,"icCheck",7);this.icSelectedChange=i(this,"icSelectedChange",7);this.defaultRadioValue="";this.hasAdditionalField=false;this.skipFocus=false;this.handleClick=()=>{if(!this.disabled){if(this.skipFocus===false){this.radioElement.focus()}this.skipFocus=false;if(this.hasAdditionalField){this.value=this.el.querySelector(b).value||this.defaultRadioValue}this.icCheck.emit({value:this.value})}};this.swallowClick=e=>{e.stopPropagation()};this.handleFormReset=()=>{this.skipFocus=true;this.selected=this.initiallySelected};this.additionalFieldDisplay="static";this.disabled=false;this.dynamicText="This selection requires additional answers";this.form=undefined;this.groupLabel=undefined;this.label=undefined;this.name=undefined;this.value=undefined;this.selected=false;this.initiallySelected=this.selected}watchSelectedHandler(){this.icSelectedChange.emit()}disconnectedCallback(){r(this.el,this.handleFormReset)}componentWillLoad(){if(c(this.el,u)){this.hasAdditionalField=true;const e=this.el.querySelector(b);if(e)e.hiddenInput=false}this.defaultRadioValue=this.value;n(this.el,this.handleFormReset);s(this.disabled,this.el)}componentDidLoad(){d([{prop:this.value,propName:"value"}],"Radio Option")}componentWillRender(){const e=l(this.el,u);if(e&&!this.hasAdditionalField){this.hasAdditionalField=true;const e=this.el.querySelector(b);if(e)e.hiddenInput=false}else if(!e&&this.hasAdditionalField){this.hasAdditionalField=false}}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.el.querySelector(b);if(!this.selected||this.disabled){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}}textfieldValueHandler(e){if(this.selected){this.value=e.detail.value||this.defaultRadioValue;this.icCheck.emit({value:this.value})}e.stopImmediatePropagation()}async setFocus(){var e;(e=this.radioElement)===null||e===void 0?void 0:e.focus()}async setTabIndex(e){this.radioElement.tabIndex=e}render(){const{additionalFieldDisplay:e,disabled:i,dynamicText:o,form:r,groupLabel:c,handleClick:n,hasAdditionalField:s,label:d,name:l,selected:p,swallowClick:b,value:m}=this;const f=`ic-radio-option-${h(d)||m}-${c}`;return t(a,{onClick:n,class:{["ic-radio-option-disabled"]:i}},t("div",{class:{container:true,disabled:i}},t("div",null,t("input",{tabindex:p?"0":"-1",type:"radio",name:l,id:f,value:m,disabled:i?true:null,checked:p,ref:e=>this.radioElement=e,form:r}),t("span",{class:"checkmark"})),t("ic-typography",{class:"radio-label",variant:"body"},t("label",{htmlFor:f},d))),s&&t("div",{onClick:b,class:{"dynamic-container":true,hidden:e==="dynamic"&&!p}},e==="dynamic"&&t("div",{class:"branch-corner"}),t("div",null,e==="dynamic"&&t("ic-typography",{variant:"caption"},t("p",{class:"dynamic-text"},o)),t("div",{class:{"additional-field-wrapper":e==="static"}},t("slot",{name:u})))))}get el(){return o(this)}static get watchers(){return{selected:["watchSelectedHandler"]}}};m.style=p;export{m as ic_radio_option};
+//# sourceMappingURL=p-9af6adb1.entry.js.map

package/dist/core/p-9af6adb1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icRadioOptionCss","ADDITIONAL_FIELD","TEXT_FIELD_SELECTOR","RadioOption","constructor","hostRef","this","defaultRadioValue","hasAdditionalField","skipFocus","handleClick","disabled","radioElement","focus","value","el","querySelector","icCheck","emit","swallowClick","event","stopPropagation","handleFormReset","selected","initiallySelected","additionalFieldDisplay","dynamicText","form","undefined","groupLabel","label","name","watchSelectedHandler","icSelectedChange","disconnectedCallback","removeFormResetListener","componentWillLoad","isSlotUsed","textField","hiddenInput","addFormResetListener","removeDisabledFalse","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentWillRender","hasSlot","slotHasContent","componentDidRender","textfield","setAttribute","removeAttribute","textfieldValueHandler","detail","stopImmediatePropagation","setFocus","_a","setTabIndex","tabIndex","render","id","isPropDefined","h","Host","onClick","class","container","tabindex","type","checked","ref","variant","htmlFor","hidden"],"sources":["../web-components/dist/collection/components/ic-radio-option/ic-radio-option.css?tag=ic-radio-option","../web-components/dist/collection/components/ic-radio-option/ic-radio-option.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\nic-radio-option {\n  display: flex;\n  flex-direction: column;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.additional-field-wrapper ic-text-field {\n  margin-top: calc(var(--ic-space-sm) / 2);\n  margin-left: var(--ic-space-xl);\n}\n\n/* The label turns grey when disabled  */\nic-radio-option.ic-radio-option-disabled {\n  --ic-typography-color: var(--ic-architectural-200);\n}\n\n/* Focus states */\n\n.container input:focus + span.checkmark,\n:host(:focus) .container input:checked + span.checkmark {\n  box-shadow: var(--ic-border-focus);\n}\n\n/* The container */\n.container {\n  display: grid;\n  grid-template-columns: min-content auto;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  margin: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n}\n\n.container.disabled,\n.container.disabled input:disabled {\n  cursor: default;\n}\n\n/* Hide the browser's default radio button */\n.container input {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: inline-block;\n  position: absolute;\n  cursor: pointer;\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  border-radius: 50%;\n  border: none;\n}\n\n/* Create a custom radio button */\n.checkmark {\n  display: block;\n  position: relative;\n  top: 0;\n  left: 0;\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  background-color: var(--ic-architectural-white);\n  border: var(--ic-border-default);\n  border-radius: 50%;\n  transition: var(--ic-easing-transition-fast);\n  box-sizing: border-box;\n}\n\n/* Show the indicator (dot/circle) when checked */\n.container input:checked ~ .checkmark::after {\n  display: inline-block;\n}\n\n/* On mouse-over, add a light blue background color */\n.container:hover input ~ .checkmark {\n  background-color: var(--ic-action-default-bg-hover-no-alpha);\n  box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-hover);\n  border: var(--ic-border-width) solid var(--ic-action-default);\n}\n\n/* When pressed, adds the active colours */\n.container:active input ~ .checkmark {\n  background-color: var(--ic-action-default-bg-active-no-alpha);\n  border: var(--ic-border-width) solid var(--ic-action-default-active);\n  box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-active);\n}\n\n/* When pressed, adds the active colours */\n.container:active input:checked ~ .checkmark {\n  background-color: var(--ic-action-default-bg-active);\n  border: 0.125rem solid var(--ic-action-default-active);\n  box-shadow: 0 0 0 0.25rem var(--ic-action-default-bg-active);\n}\n\n/* When pressed and selected, adds the active colours */\n.container:active input:checked ~ .checkmark::after {\n  background-color: var(--ic-action-default-active);\n}\n\n/* When the radio button is checked */\n.container input:checked ~ .checkmark {\n  border: 0.125rem solid var(--ic-action-default);\n}\n\n/* When the radio button is checked and disabled */\n.container input:checked:disabled ~ .checkmark {\n  background-color: var(--ic-architectural-white);\n  border: 0.125rem solid var(--ic-architectural-200);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark {\n  border: var(--ic-border-width) dashed var(--ic-architectural-200);\n}\n\n/* When the radio button is disabled */\n.container input:disabled ~ .checkmark::after {\n  background: var(--ic-architectural-200);\n}\n\n/* On mouse-over inactive */\n.container:hover input:disabled ~ .checkmark {\n  background-color: var(--ic-architectural-white);\n  box-shadow: none;\n  border: 0.125rem solid none;\n}\n\n.container:active input:disabled ~ .checkmark::after {\n  background-color: var(--ic-architectural-200);\n}\n\n/* Style the indicator (dot/circle) */\n.container .checkmark::after {\n  content: \"\";\n  position: absolute;\n  display: none;\n  top: calc(50% - var(--ic-space-xs));\n  left: calc(50% - var(--ic-space-xs));\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n  border-radius: 50%;\n  background: var(--ic-action-default);\n}\n\n.radio-label {\n  margin-left: var(--ic-space-md);\n}\n\n.additional-field-wrapper {\n  margin-left: var(--ic-space-xs);\n}\n\n/* The line */\n.branch-corner {\n  color: var(--ic-action-default);\n  height: var(--ic-space-md);\n  width: var(--ic-space-xl);\n  border-radius: 0 0 0 0.188rem;\n  border-bottom: 0.125rem solid var(--ic-action-default);\n  border-left: 0.125rem solid var(--ic-action-default);\n  margin-left: calc(-1 * var(--ic-space-1px));\n}\n\n/* The dynamic container */\n.dynamic-container {\n  display: flex;\n  position: relative;\n  margin: var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n  gap: var(--ic-space-xs);\n}\n\n.dynamic-container.hidden {\n  display: none;\n}\n\n.dynamic-text {\n  color: var(--ic-action-default);\n\n  --ic-typography-color: var(--ic-action-default);\n\n  margin-top: calc(var(--ic-space-sm) / 2);\n  margin-bottom: var(--ic-space-xs);\n  border-radius: 2%;\n}\n\n@media (max-width: 576px) {\n  ic-text-field {\n    --input-width: 100%;\n  }\n}\n\n@media (forced-colors: active) {\n  /* Styles here only apply to Forced Colors Mode */\n\n  .container input:checked ~ .checkmark,\n  .container:active input:checked ~ .checkmark {\n    border-color: Highlight;\n  }\n\n  .container input:checked ~ .checkmark::after,\n  .container:active input:checked ~ .checkmark::after {\n    background-color: Highlight;\n  }\n\n  .container input:disabled ~ .checkmark,\n  .container input:checked:disabled ~ .checkmark {\n    border-color: GrayText;\n  }\n\n  .container input:disabled ~ .checkmark::after,\n  .container:active input:disabled ~ .checkmark::after {\n    background-color: GrayText;\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined, addFormResetListener, removeFormResetListener, removeDisabledFalse, isPropDefined, isSlotUsed, slotHasContent, } from \"../../utils/helpers\";\nconst ADDITIONAL_FIELD = \"additional-field\";\nconst TEXT_FIELD_SELECTOR = \"ic-text-field\";\n/**\n * @slot additional-field - Content to displayed alongside a radio option.\n */\nexport class RadioOption {\n    constructor() {\n        this.defaultRadioValue = \"\";\n        this.hasAdditionalField = false;\n        this.skipFocus = false;\n        this.handleClick = () => {\n            if (!this.disabled) {\n                if (this.skipFocus === false) {\n                    this.radioElement.focus();\n                }\n                this.skipFocus = false;\n                if (this.hasAdditionalField) {\n                    this.value =\n                        this.el.querySelector(TEXT_FIELD_SELECTOR).value ||\n                            this.defaultRadioValue;\n                }\n                this.icCheck.emit({\n                    value: this.value,\n                });\n            }\n        };\n        this.swallowClick = (event) => {\n            event.stopPropagation();\n        };\n        this.handleFormReset = () => {\n            this.skipFocus = true;\n            this.selected = this.initiallySelected;\n        };\n        this.additionalFieldDisplay = \"static\";\n        this.disabled = false;\n        this.dynamicText = \"This selection requires additional answers\";\n        this.form = undefined;\n        this.groupLabel = undefined;\n        this.label = undefined;\n        this.name = undefined;\n        this.value = undefined;\n        this.selected = false;\n        this.initiallySelected = this.selected;\n    }\n    watchSelectedHandler() {\n        this.icSelectedChange.emit();\n    }\n    disconnectedCallback() {\n        removeFormResetListener(this.el, this.handleFormReset);\n    }\n    componentWillLoad() {\n        if (isSlotUsed(this.el, ADDITIONAL_FIELD)) {\n            this.hasAdditionalField = true;\n            const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);\n            if (textField)\n                textField.hiddenInput = false;\n        }\n        this.defaultRadioValue = this.value;\n        addFormResetListener(this.el, this.handleFormReset);\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.value, propName: \"value\" }], \"Radio Option\");\n    }\n    componentWillRender() {\n        const hasSlot = slotHasContent(this.el, ADDITIONAL_FIELD);\n        if (hasSlot && !this.hasAdditionalField) {\n            this.hasAdditionalField = true;\n            const textField = this.el.querySelector(TEXT_FIELD_SELECTOR);\n            if (textField)\n                textField.hiddenInput = false;\n        }\n        else if (!hasSlot && this.hasAdditionalField) {\n            this.hasAdditionalField = false;\n        }\n    }\n    componentDidRender() {\n        if (this.additionalFieldDisplay === \"static\") {\n            const textfield = this.el.querySelector(TEXT_FIELD_SELECTOR);\n            if (!this.selected || this.disabled) {\n                textfield === null || textfield === void 0 ? void 0 : textfield.setAttribute(\"disabled\", \"\");\n            }\n            else {\n                textfield === null || textfield === void 0 ? void 0 : textfield.removeAttribute(\"disabled\");\n            }\n        }\n    }\n    textfieldValueHandler(event) {\n        if (this.selected) {\n            this.value = event.detail.value || this.defaultRadioValue;\n            this.icCheck.emit({\n                value: this.value,\n            });\n        }\n        event.stopImmediatePropagation();\n    }\n    /**\n     * Sets focus on the radio option.\n     */\n    async setFocus() {\n        var _a;\n        (_a = this.radioElement) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    /**\n     * @internal Sets the tabIndex of the radio option.\n     */\n    async setTabIndex(value) {\n        this.radioElement.tabIndex = value;\n    }\n    render() {\n        const { additionalFieldDisplay, disabled, dynamicText, form, groupLabel, handleClick, hasAdditionalField, label, name, selected, swallowClick, value, } = this;\n        const id = `ic-radio-option-${isPropDefined(label) || value}-${groupLabel}`;\n        return (h(Host, { onClick: handleClick, class: { [\"ic-radio-option-disabled\"]: disabled } }, h(\"div\", { class: { container: true, disabled } }, h(\"div\", null, h(\"input\", { tabindex: selected ? \"0\" : \"-1\", type: \"radio\", name: name, id: id, value: value, disabled: disabled ? true : null, checked: selected, ref: (el) => (this.radioElement = el), form: form }), h(\"span\", { class: \"checkmark\" })), h(\"ic-typography\", { class: \"radio-label\", variant: \"body\" }, h(\"label\", { htmlFor: id }, label))), hasAdditionalField && (h(\"div\", { onClick: swallowClick, class: {\n                \"dynamic-container\": true,\n                hidden: additionalFieldDisplay === \"dynamic\" && !selected,\n            } }, additionalFieldDisplay === \"dynamic\" && (h(\"div\", { class: \"branch-corner\" })), h(\"div\", null, additionalFieldDisplay === \"dynamic\" && (h(\"ic-typography\", { variant: \"caption\" }, h(\"p\", { class: \"dynamic-text\" }, dynamicText))), h(\"div\", { class: {\n                \"additional-field-wrapper\": additionalFieldDisplay === \"static\",\n            } }, h(\"slot\", { name: ADDITIONAL_FIELD })))))));\n    }\n    static get is() { return \"ic-radio-option\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-radio-option.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-radio-option.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"additionalFieldDisplay\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAdditionalFieldTypes\",\n                    \"resolved\": \"\\\"dynamic\\\" | \\\"static\\\"\",\n                    \"references\": {\n                        \"IcAdditionalFieldTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAdditionalFieldTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The style of additionalField that will be displayed if used.\"\n                },\n                \"attribute\": \"additional-field-display\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"static\\\"\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dynamicText\": {\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 text to be displayed when dynamic.\"\n                },\n                \"attribute\": \"dynamic-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"This selection requires additional answers\\\"\"\n            },\n            \"form\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The <form> element to associate the radio with.\"\n                },\n                \"attribute\": \"form\",\n                \"reflect\": false\n            },\n            \"groupLabel\": {\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 group label for the radio option.\"\n                },\n                \"attribute\": \"group-label\",\n                \"reflect\": false\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label for the radio option.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"name\": {\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 name for the radio option.\"\n                },\n                \"attribute\": \"name\",\n                \"reflect\": false\n            },\n            \"value\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value for the radio option.\"\n                },\n                \"attribute\": \"value\",\n                \"reflect\": false\n            },\n            \"selected\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the radio option will be displayed in a selected state.\"\n                },\n                \"attribute\": \"selected\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"initiallySelected\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icCheck\",\n                \"name\": \"icCheck\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the radio option is selected.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcValueEventDetail\",\n                    \"resolved\": \"IcValueEventDetail\",\n                    \"references\": {\n                        \"IcValueEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcValueEventDetail\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icSelectedChange\",\n                \"name\": \"icSelectedChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the radio option is selected or deselected.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\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 radio option.\",\n                    \"tags\": []\n                }\n            },\n            \"setTabIndex\": {\n                \"complexType\": {\n                    \"signature\": \"(value: number) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"value\",\n                            \"type\": \"number\",\n                            \"docs\": \"\"\n                        }],\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\": \"Sets the tabIndex of the radio option.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"selected\",\n                \"methodName\": \"watchSelectedHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icChange\",\n                \"method\": \"textfieldValueHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-radio-option.js.map\n"],"mappings":"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"}

package/dist/core/p-9b54feca.entry.js

@@ -0,0 +1,2 @@
+import{r as i,f as t,h as e,H as s,g as a}from"./p-8455d1bb.js";import{c as r,A as h,i as c}from"./p-297e99cf.js";const o=':host{display:block;width:var(--tree-view-width, 100%)}:host .heading-area-container{border-bottom:var(--ic-border-default);display:flex;align-items:center;height:calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px));padding:0 var(--ic-space-xs)}:host(.ic-tree-view-small) .heading-area-container{height:calc(var(--ic-space-xl) - var(--ic-space-1px))}:host(.ic-tree-view-large) .heading-area-container{height:calc(var(--ic-space-xxl) - var(--ic-space-1px))}:host(.ic-tree-view-light) .heading-area-container{color:var(--ic-architectural-white);--ic-typography-color:var(--ic-architectural-white);fill:var(--ic-architectural-white)}.icon-container{width:var(--ic-space-lg);height:var(--ic-space-lg);margin:0 var(--ic-space-xs) 0 0}:host(.ic-tree-view-small) .icon-container{margin:0 var(--ic-space-xxs) 0 0}.ic-text-overflow{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ic-tooltip-overflow{overflow:hidden}@media (forced-colors: active){::slotted([slot="icon"]){fill:currentcolor}}';let n=0;const l=class{constructor(e){i(this,e);this.treeViewId=`ic-tree-view-${n++}`;this.treeItemTag="IC-TREE-ITEM";this.hostMutationObserver=null;this.handleKeyDown=i=>{var t;const e=this.treeItems.indexOf(this.treeItems.filter((i=>i===document.activeElement))[0]);const s=(t=this.treeItems[e])===null||t===void 0?void 0:t.expanded;switch(i.key){case"ArrowDown":this.treeItems[this.getNextItemToSelect(e,true)].setFocus();if(e!==this.treeItems.length-1){i.preventDefault()}break;case"ArrowUp":this.treeItems[this.getNextItemToSelect(e,false)].setFocus();if(e!==0){i.preventDefault()}break;case"ArrowRight":if(this.treeItems[e].isParent&&!s){this.treeItems[e].expanded=true;this.treeItems[e].hasParentExpanded=true;this.treeItems[e].updateAriaLabel()}else if(this.treeItems[e].isParent&&s){this.treeItems[e].children[0].setFocus()}i.preventDefault();break;case"ArrowLeft":if(this.treeItems[e].isParent&&s){this.treeItems[e].expanded=false;this.treeItems[e].hasParentExpanded=false;this.treeItems[e].updateAriaLabel()}else if(this.treeItems[e].parentElement.tagName===this.treeItemTag){this.treeItems[e].parentElement.setFocus()}i.preventDefault();break}};this.getNextItemToSelect=(i,t)=>{const e=this.treeItems.length-1;if(i<1){i=0}let s=t?i+1:i-1;if(s<0){s=0}else if(s>e){s=e}const a=e+1;let r=0;while(r<a){if(s<0||s>e){return i}if(!this.treeItems[s].disabled&&(this.treeItems[s].parentElement.tagName!==this.treeItemTag||this.treeItems[s].parentElement.expanded)){return s}if(s===e&&this.treeItems[s].disabled){return i}s=t?s+1:s-1;r++}return i};this.linkTreeItems=()=>{this.treeItems.forEach((i=>{i.setAttribute("context-id",this.treeViewId)}))};this.setTreeItems=()=>{this.treeItems=this.getAllTreeItems(this.el);this.linkTreeItems()};this.addSlotChangeListener=()=>{this.el.addEventListener("slotchange",this.setTreeItems)};this.truncateTreeViewHeading=()=>{const i=this.el.shadowRoot.querySelector(".tree-view-header");const t=i.closest("ic-tooltip");const e=this.el.shadowRoot.querySelector(".heading-area-container");if((i===null||i===void 0?void 0:i.scrollHeight)>(e===null||e===void 0?void 0:e.clientHeight)){i.classList.add("ic-text-overflow");if(!t){const t=document.createElement("ic-tooltip");t.setAttribute("target",this.el.id);t.setAttribute("label",i.textContent);t.classList.add("ic-tooltip-overflow");t.setAttribute("placement","right");e.appendChild(t);t.appendChild(i)}}};this.hostMutationCallback=i=>{if(i.some((({type:i,addedNodes:t,removedNodes:e})=>i==="childList"?r(t,e,"icon"):false))){t(this)}};this.isHeadingDefined=()=>h(this.heading)&&this.heading!==null;this.hasHeadingAreaContent=()=>c(this.el,"heading")||this.isHeadingDefined()||c(this.el,"icon");this.treeItems=undefined;this.appearance="dark";this.heading="";this.size="medium"}watchAppearanceHandler(){this.treeItems.forEach((i=>{i.appearance=this.appearance}))}watchSizeHandler(){this.treeItems.forEach((i=>{i.size=this.size}))}disconnectedCallback(){var i,t;(i=this.el)===null||i===void 0?void 0:i.removeEventListener("slotchange",this.setTreeItems);(t=this.hostMutationObserver)===null||t===void 0?void 0:t.disconnect()}componentDidLoad(){this.setTreeItems();this.watchAppearanceHandler();this.watchSizeHandler();setTimeout((()=>{this.truncateTreeViewHeading()}),100);this.addSlotChangeListener();this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{childList:true})}handleTreeItemSelected(i){this.treeItems.forEach((t=>{if(t.selected&&t.id!==i.detail.id){t.selected=false}}))}getAllTreeItems(i){const t=[];const e=i=>{Array.from(i.children).forEach((i=>{if(i.tagName===this.treeItemTag){t.push(i)}e(i)}))};e(i);return t}render(){const{appearance:i,heading:t,size:a}=this;return e(s,{"context-id":this.treeViewId,class:{[`ic-tree-view-${i}`]:true,[`ic-tree-view-${a}`]:a!=="medium"},onKeyDown:this.handleKeyDown,"aria-label":this.isHeadingDefined()?t:null},this.hasHeadingAreaContent()&&e("div",{class:"heading-area-container"},c(this.el,"icon")&&e("div",{class:"icon-container"},e("slot",{name:"icon"})),e("ic-typography",{variant:"subtitle-large",class:"tree-view-header"},c(this.el,"heading")?e("slot",{name:"heading"}):t)),e("slot",null))}get el(){return a(this)}static get watchers(){return{appearance:["watchAppearanceHandler"],size:["watchSizeHandler"]}}};l.style=o;export{l as ic_tree_view};
+//# sourceMappingURL=p-9b54feca.entry.js.map

package/dist/core/p-9b54feca.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icTreeViewCss","treeViewIds","TreeView","this","treeViewId","treeItemTag","hostMutationObserver","handleKeyDown","event","focussedChild","treeItems","indexOf","filter","el","document","activeElement","expanded","_a","key","getNextItemToSelect","setFocus","length","preventDefault","isParent","hasParentExpanded","updateAriaLabel","children","parentElement","tagName","currentItem","movingDown","numItems","nextItem","maxAttempts","attempts","disabled","linkTreeItems","forEach","treeItem","setAttribute","setTreeItems","getAllTreeItems","addSlotChangeListener","addEventListener","truncateTreeViewHeading","typographyEl","shadowRoot","querySelector","tooltip","closest","headingContainer","scrollHeight","clientHeight","classList","add","tooltipEl","createElement","id","textContent","appendChild","hostMutationCallback","mutationList","some","type","addedNodes","removedNodes","checkSlotInChildMutations","forceUpdate","isHeadingDefined","isPropDefined","heading","hasHeadingAreaContent","isSlotUsed","watchAppearanceHandler","appearance","watchSizeHandler","size","disconnectedCallback","removeEventListener","_b","disconnect","componentDidLoad","setTimeout","MutationObserver","observe","childList","handleTreeItemSelected","selected","detail","element","collectTreeItems","Array","from","child","push","render","h","Host","class","onKeyDown","name","variant"],"sources":["src/components/ic-tree-view/ic-tree-view.css?tag=ic-tree-view&encapsulation=shadow","src/components/ic-tree-view/ic-tree-view.tsx"],"sourcesContent":["/**\n* @prop --tree-view-width: Width of the tree view\n*/\n\n:host {\n  display: block;\n  width: var(--tree-view-width, 100%);\n}\n\n:host .heading-area-container {\n  border-bottom: var(--ic-border-default);\n  display: flex;\n  align-items: center;\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs) - var(--ic-space-1px));\n  padding: 0 var(--ic-space-xs);\n}\n\n:host(.ic-tree-view-small) .heading-area-container {\n  height: calc(var(--ic-space-xl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-large) .heading-area-container {\n  height: calc(var(--ic-space-xxl) - var(--ic-space-1px));\n}\n\n:host(.ic-tree-view-light) .heading-area-container {\n  color: var(--ic-architectural-white);\n\n  --ic-typography-color: var(--ic-architectural-white);\n\n  fill: var(--ic-architectural-white);\n}\n\n.icon-container {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  margin: 0 var(--ic-space-xs) 0 0;\n}\n\n:host(.ic-tree-view-small) .icon-container {\n  margin: 0 var(--ic-space-xxs) 0 0;\n}\n\n.ic-text-overflow {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n.ic-tooltip-overflow {\n  overflow: hidden;\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  Element,\n  Host,\n  Watch,\n  State,\n  Listen,\n  forceUpdate,\n} from \"@stencil/core\";\nimport { IcSizes, IcThemeForegroundNoDefault } from \"../../utils/types\";\nimport {\n  isPropDefined,\n  isSlotUsed,\n  checkSlotInChildMutations,\n} from \"../../utils/helpers\";\n\nlet treeViewIds = 0;\n\n/**\n * @slot heading - Content is set as the tree view heading.\n * @slot icon - Content is placed to the left of the heading.\n */\n\n@Component({\n  tag: \"ic-tree-view\",\n  styleUrl: \"ic-tree-view.css\",\n  shadow: true,\n})\nexport class TreeView {\n  private treeViewId = `ic-tree-view-${treeViewIds++}`;\n  private treeItemTag = \"IC-TREE-ITEM\";\n  private hostMutationObserver: MutationObserver = null;\n\n  @Element() el: HTMLIcTreeViewElement;\n\n  @State() treeItems: HTMLIcTreeItemElement[];\n\n  /**\n   * The appearance of the tree view, e.g. dark, or light.\n   */\n  @Prop() appearance?: IcThemeForegroundNoDefault = \"dark\";\n  @Watch(\"appearance\")\n  watchAppearanceHandler() {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.appearance = this.appearance;\n    });\n  }\n\n  /**\n   * The heading of the tree view.\n   */\n  @Prop() heading?: string = \"\";\n\n  /**\n   * The size of the tree view.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n  @Watch(\"size\")\n  watchSizeHandler() {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.size = this.size;\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.el?.removeEventListener(\"slotchange\", this.setTreeItems);\n\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentDidLoad(): void {\n    this.setTreeItems();\n\n    this.watchAppearanceHandler();\n    this.watchSizeHandler();\n    setTimeout(() => {\n      this.truncateTreeViewHeading();\n    }, 100);\n\n    this.addSlotChangeListener();\n\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  @Listen(\"icTreeItemSelected\")\n  handleTreeItemSelected(event: CustomEvent): void {\n    this.treeItems.forEach((treeItem) => {\n      if (treeItem.selected && treeItem.id !== event.detail.id) {\n        treeItem.selected = false;\n      }\n    });\n  }\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    const focussedChild = this.treeItems.indexOf(\n      this.treeItems.filter((el) => el === document.activeElement)[0]\n    );\n    const expanded = this.treeItems[focussedChild]?.expanded;\n    switch (event.key) {\n      case \"ArrowDown\":\n        this.treeItems[\n          this.getNextItemToSelect(focussedChild, true)\n        ].setFocus();\n        if (focussedChild !== this.treeItems.length - 1) {\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowUp\":\n        this.treeItems[\n          this.getNextItemToSelect(focussedChild, false)\n        ].setFocus();\n        if (focussedChild !== 0) {\n          event.preventDefault();\n        }\n        break;\n      case \"ArrowRight\":\n        if (this.treeItems[focussedChild].isParent && !expanded) {\n          this.treeItems[focussedChild].expanded = true;\n          this.treeItems[focussedChild].hasParentExpanded = true;\n          this.treeItems[focussedChild].updateAriaLabel();\n        } else if (this.treeItems[focussedChild].isParent && expanded) {\n          (\n            this.treeItems[focussedChild].children[0] as HTMLIcTreeItemElement\n          ).setFocus();\n        }\n        event.preventDefault();\n        break;\n      case \"ArrowLeft\":\n        if (this.treeItems[focussedChild].isParent && expanded) {\n          this.treeItems[focussedChild].expanded = false;\n          this.treeItems[focussedChild].hasParentExpanded = false;\n          this.treeItems[focussedChild].updateAriaLabel();\n        } else if (\n          this.treeItems[focussedChild].parentElement.tagName ===\n          this.treeItemTag\n        ) {\n          (\n            this.treeItems[focussedChild].parentElement as HTMLIcTreeItemElement\n          ).setFocus();\n        }\n        event.preventDefault();\n        break;\n    }\n  };\n\n  private getNextItemToSelect = (\n    currentItem: number,\n    movingDown: boolean\n  ): number => {\n    const numItems = this.treeItems.length - 1;\n\n    if (currentItem < 1) {\n      currentItem = 0;\n    }\n\n    let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n    if (nextItem < 0) {\n      nextItem = 0;\n    } else if (nextItem > numItems) {\n      nextItem = numItems;\n    }\n\n    const maxAttempts = numItems + 1;\n    let attempts = 0;\n\n    while (attempts < maxAttempts) {\n      if (nextItem < 0 || nextItem > numItems) {\n        return currentItem;\n      }\n\n      if (\n        !this.treeItems[nextItem].disabled &&\n        (this.treeItems[nextItem].parentElement.tagName !== this.treeItemTag ||\n          (this.treeItems[nextItem].parentElement as HTMLIcTreeItemElement)\n            .expanded)\n      ) {\n        return nextItem;\n      }\n\n      if (nextItem === numItems && this.treeItems[nextItem].disabled) {\n        return currentItem;\n      }\n\n      nextItem = movingDown ? nextItem + 1 : nextItem - 1;\n      attempts++;\n    }\n\n    return currentItem;\n  };\n\n  private linkTreeItems = () => {\n    this.treeItems.forEach((treeItem) => {\n      treeItem.setAttribute(\"context-id\", this.treeViewId);\n    });\n  };\n\n  private setTreeItems = () => {\n    this.treeItems = this.getAllTreeItems(this.el as HTMLElement);\n\n    this.linkTreeItems();\n  };\n\n  private getAllTreeItems(element: HTMLElement): HTMLIcTreeItemElement[] {\n    const treeItems: HTMLIcTreeItemElement[] = [];\n\n    const collectTreeItems = (el: HTMLElement) => {\n      Array.from(el.children).forEach((child) => {\n        if (child.tagName === this.treeItemTag) {\n          treeItems.push(child as HTMLIcTreeItemElement);\n        }\n\n        collectTreeItems(child as HTMLElement);\n      });\n    };\n\n    collectTreeItems(element);\n    return treeItems;\n  }\n\n  private addSlotChangeListener = () => {\n    this.el.addEventListener(\"slotchange\", this.setTreeItems);\n  };\n\n  private truncateTreeViewHeading = () => {\n    const typographyEl: HTMLIcTypographyElement =\n      this.el.shadowRoot.querySelector(\".tree-view-header\");\n    const tooltip = typographyEl.closest(\"ic-tooltip\");\n    const headingContainer: HTMLElement = this.el.shadowRoot.querySelector(\n      \".heading-area-container\"\n    );\n\n    if (typographyEl?.scrollHeight > headingContainer?.clientHeight) {\n      typographyEl.classList.add(\"ic-text-overflow\");\n\n      if (!tooltip) {\n        const tooltipEl = document.createElement(\"ic-tooltip\");\n        tooltipEl.setAttribute(\"target\", this.el.id);\n        tooltipEl.setAttribute(\"label\", typographyEl.textContent);\n        tooltipEl.classList.add(\"ic-tooltip-overflow\");\n        tooltipEl.setAttribute(\"placement\", \"right\");\n        headingContainer.appendChild(tooltipEl);\n        tooltipEl.appendChild(typographyEl);\n      }\n    }\n  };\n\n  private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n    if (\n      mutationList.some(({ type, addedNodes, removedNodes }) =>\n        type === \"childList\"\n          ? checkSlotInChildMutations(addedNodes, removedNodes, \"icon\")\n          : false\n      )\n    ) {\n      forceUpdate(this);\n    }\n  };\n\n  private isHeadingDefined = () =>\n    isPropDefined(this.heading) && this.heading !== null;\n\n  private hasHeadingAreaContent = (): boolean => {\n    return (\n      isSlotUsed(this.el, \"heading\") ||\n      this.isHeadingDefined() ||\n      isSlotUsed(this.el, \"icon\")\n    );\n  };\n\n  render() {\n    const { appearance, heading, size } = this;\n\n    return (\n      <Host\n        context-id={this.treeViewId}\n        class={{\n          [`ic-tree-view-${appearance}`]: true,\n          [`ic-tree-view-${size}`]: size !== \"medium\",\n        }}\n        onKeyDown={this.handleKeyDown}\n        aria-label={this.isHeadingDefined() ? heading : null}\n      >\n        {this.hasHeadingAreaContent() && (\n          <div class=\"heading-area-container\">\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon-container\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <ic-typography variant=\"subtitle-large\" class=\"tree-view-header\">\n              {isSlotUsed(this.el, \"heading\") ? (\n                <slot name=\"heading\" />\n              ) : (\n                heading\n              )}\n            </ic-typography>\n          </div>\n        )}\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/core/{p-356b8a4c.entry.js → p-9f3cf053.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i}from"./p-8455d1bb.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media only screen and (max-width: 576px){:host{--section-container-margin:var(--ic-space-xs);--section-container-max-width:var(--ic-breakpoint-sm)}}@media only screen and (min-width: 577px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-md)}}@media only screen and (min-width: 769px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-lg)}}@media only screen and (min-width: 993px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-xl)}}@media only screen and (min-width: 1201px){:host{--section-container-margin:var(--ic-space-lg);--section-container-max-width:var(--ic-breakpoint-xl)}}:host{display:block;padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md);box-sizing:border-box}:host(.aligned-center){max-width:var(--section-container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--section-container-margin);padding-right:var(--section-container-margin)}:host(.aligned-left){max-width:var(--section-container-max-width);margin-left:var(--section-container-margin);margin-right:auto;padding-right:var(--section-container-margin)}:host(.aligned-full-width){margin-left:var(--section-container-margin);margin-right:var(--section-container-margin)}:host(.vertical-padding){padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md)}:host(.no-vertical-padding){padding-top:0;padding-bottom:0}';const o=class{constructor(t){e(this,t);this.aligned="left";this.fullHeight=false}render(){const{aligned:e,fullHeight:n}=this;return t(i,{class:{["aligned-left"]:e==="left",["aligned-center"]:e==="center",["aligned-full-width"]:e==="full-width",["no-vertical-padding"]:n}},t("slot",null))}};o.style=n;export{o as ic_section_container};
-//# sourceMappingURL=p-356b8a4c.entry.js.map
+import{r as e,h as t,H as i}from"./p-8455d1bb.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}@media only screen and (max-width: 576px){:host{--section-container-margin:var(--ic-space-xs);--section-container-max-width:var(--ic-breakpoint-sm)}}@media only screen and (min-width: 577px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-md)}}@media only screen and (min-width: 769px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-lg)}}@media only screen and (min-width: 993px){:host{--section-container-margin:var(--ic-space-md);--section-container-max-width:var(--ic-breakpoint-xl)}}@media only screen and (min-width: 1201px){:host{--section-container-margin:var(--ic-space-lg);--section-container-max-width:var(--ic-breakpoint-xl)}}:host{display:block;padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md);box-sizing:border-box}:host(.aligned-center){max-width:var(--section-container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--section-container-margin);padding-right:var(--section-container-margin)}:host(.aligned-left){max-width:var(--section-container-max-width);margin-left:var(--section-container-margin);margin-right:auto;padding-right:var(--section-container-margin)}:host(.aligned-full-width){margin-left:var(--section-container-margin);margin-right:var(--section-container-margin)}:host(.vertical-padding){padding-top:var(--ic-space-md);padding-bottom:var(--ic-space-md)}:host(.no-vertical-padding){padding-top:0;padding-bottom:0}';const o=class{constructor(t){e(this,t);this.aligned="left";this.fullHeight=false}render(){const{aligned:e,fullHeight:n}=this;return t(i,{class:{["aligned-left"]:e==="left"||e===null,["aligned-center"]:e==="center",["aligned-full-width"]:e==="full-width",["no-vertical-padding"]:n}},t("slot",null))}};o.style=n;export{o as ic_section_container};
+//# sourceMappingURL=p-9f3cf053.entry.js.map

package/dist/core/{p-356b8a4c.entry.js.map → p-9f3cf053.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icSectionContainerCss","SectionContainer","constructor","hostRef","this","aligned","fullHeight","render","h","Host","class"],"sources":["../web-components/dist/collection/components/ic-section-container/ic-section-container.css?tag=ic-section-container&encapsulation=shadow","../web-components/dist/collection/components/ic-section-container/ic-section-container.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@media only screen and (max-width: 576px) {\n  :host {\n    --section-container-margin: var(--ic-space-xs);\n    --section-container-max-width: var(--ic-breakpoint-sm);\n  }\n}\n\n@media only screen and (min-width: 577px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-md);\n  }\n}\n\n@media only screen and (min-width: 769px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-lg);\n  }\n}\n\n@media only screen and (min-width: 993px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-xl);\n  }\n}\n\n@media only screen and (min-width: 1201px) {\n  :host {\n    --section-container-margin: var(--ic-space-lg);\n    --section-container-max-width: var(--ic-breakpoint-xl);\n  }\n}\n\n:host {\n  display: block;\n  padding-top: var(--ic-space-md);\n  padding-bottom: var(--ic-space-md);\n  box-sizing: border-box;\n}\n\n:host(.aligned-center) {\n  max-width: var(--section-container-max-width);\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: var(--section-container-margin);\n  padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-left) {\n  max-width: var(--section-container-max-width);\n  margin-left: var(--section-container-margin);\n  margin-right: auto;\n  padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-full-width) {\n  margin-left: var(--section-container-margin);\n  margin-right: var(--section-container-margin);\n}\n\n:host(.vertical-padding) {\n  padding-top: var(--ic-space-md);\n  padding-bottom: var(--ic-space-md);\n}\n\n:host(.no-vertical-padding) {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n","import { Host, h } from \"@stencil/core\";\nexport class SectionContainer {\n    constructor() {\n        this.aligned = \"left\";\n        this.fullHeight = false;\n    }\n    render() {\n        const { aligned, fullHeight } = this;\n        return (h(Host, { class: {\n                [\"aligned-left\"]: aligned === \"left\",\n                [\"aligned-center\"]: aligned === \"center\",\n                [\"aligned-full-width\"]: aligned === \"full-width\",\n                [\"no-vertical-padding\"]: fullHeight,\n            } }, h(\"slot\", null)));\n    }\n    static get is() { return \"ic-section-container\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-section-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-section-container.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\\\"\",\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 container.\"\n                },\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"fullHeight\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the standard vertical padding from the container will be removed.\"\n                },\n                \"attribute\": \"full-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-section-container.js.map\n"],"mappings":"kDAAA,MAAMA,EAAwB,kzH,MCCjBC,EAAgB,MACzB,WAAAC,CAAAC,G,UACIC,KAAKC,QAAU,OACfD,KAAKE,WAAa,K,CAEtB,MAAAC,GACI,MAAMF,QAAEA,EAAOC,WAAEA,GAAeF,KAChC,OAAQI,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,gBAAiBL,IAAY,OAC9B,CAAC,kBAAmBA,IAAY,SAChC,CAAC,sBAAuBA,IAAY,aACpC,CAAC,uBAAwBC,IACxBE,EAAE,OAAQ,M"}
+{"version":3,"names":["icSectionContainerCss","SectionContainer","constructor","hostRef","this","aligned","fullHeight","render","h","Host","class"],"sources":["../web-components/dist/collection/components/ic-section-container/ic-section-container.css?tag=ic-section-container&encapsulation=shadow","../web-components/dist/collection/components/ic-section-container/ic-section-container.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@media only screen and (max-width: 576px) {\n  :host {\n    --section-container-margin: var(--ic-space-xs);\n    --section-container-max-width: var(--ic-breakpoint-sm);\n  }\n}\n\n@media only screen and (min-width: 577px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-md);\n  }\n}\n\n@media only screen and (min-width: 769px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-lg);\n  }\n}\n\n@media only screen and (min-width: 993px) {\n  :host {\n    --section-container-margin: var(--ic-space-md);\n    --section-container-max-width: var(--ic-breakpoint-xl);\n  }\n}\n\n@media only screen and (min-width: 1201px) {\n  :host {\n    --section-container-margin: var(--ic-space-lg);\n    --section-container-max-width: var(--ic-breakpoint-xl);\n  }\n}\n\n:host {\n  display: block;\n  padding-top: var(--ic-space-md);\n  padding-bottom: var(--ic-space-md);\n  box-sizing: border-box;\n}\n\n:host(.aligned-center) {\n  max-width: var(--section-container-max-width);\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: var(--section-container-margin);\n  padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-left) {\n  max-width: var(--section-container-max-width);\n  margin-left: var(--section-container-margin);\n  margin-right: auto;\n  padding-right: var(--section-container-margin);\n}\n\n:host(.aligned-full-width) {\n  margin-left: var(--section-container-margin);\n  margin-right: var(--section-container-margin);\n}\n\n:host(.vertical-padding) {\n  padding-top: var(--ic-space-md);\n  padding-bottom: var(--ic-space-md);\n}\n\n:host(.no-vertical-padding) {\n  padding-top: 0;\n  padding-bottom: 0;\n}\n","import { Host, h } from \"@stencil/core\";\nexport class SectionContainer {\n    constructor() {\n        this.aligned = \"left\";\n        this.fullHeight = false;\n    }\n    render() {\n        const { aligned, fullHeight } = this;\n        return (h(Host, { class: {\n                [\"aligned-left\"]: aligned === \"left\" || aligned === null,\n                [\"aligned-center\"]: aligned === \"center\",\n                [\"aligned-full-width\"]: aligned === \"full-width\",\n                [\"no-vertical-padding\"]: fullHeight,\n            } }, h(\"slot\", null)));\n    }\n    static get is() { return \"ic-section-container\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-section-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-section-container.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\\\"\",\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 container.\"\n                },\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"fullHeight\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the standard vertical padding from the container will be removed.\"\n                },\n                \"attribute\": \"full-height\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-section-container.js.map\n"],"mappings":"kDAAA,MAAMA,EAAwB,kzH,MCCjBC,EAAgB,MACzB,WAAAC,CAAAC,G,UACIC,KAAKC,QAAU,OACfD,KAAKE,WAAa,K,CAEtB,MAAAC,GACI,MAAMF,QAAEA,EAAOC,WAAEA,GAAeF,KAChC,OAAQI,EAAEC,EAAM,CAAEC,MAAO,CACjB,CAAC,gBAAiBL,IAAY,QAAUA,IAAY,KACpD,CAAC,kBAAmBA,IAAY,SAChC,CAAC,sBAAuBA,IAAY,aACpC,CAAC,uBAAwBC,IACxBE,EAAE,OAAQ,M"}

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as o,g as s}from"./p-8455d1bb.js";import{y as n,d as a}from"./p-9397b15b.js";import{c as r}from"./p-aae38bee.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}@media (prefers-reduced-motion: no-preference){:host .opening-from-parent{animation:slide-in var(--ic-transition-duration-slow) ease-in-out}:host .opening-from-child{animation:slide-out var(--ic-transition-duration-slow) ease-in-out}}:host{border-radius:var(--ic-border-radius);color:var(--ic-color-primary-text);--ic-typography-color:var(--ic-color-primary-text);background-color:var(--ic-architectural-white);position:relative;z-index:var(--ic-z-index-popover);box-sizing:border-box;box-shadow:var(--ic-elevation-overlay);display:none}:host(.on-dialog){inset:auto !important}:host(.on-dialog-fix-translate){transform:translate(0, var(--ic-space-xs)) !important}:host(.on-dialog-translate-y){transform:translate(0, calc(-1 * var(--translate-y))) !important}.menu{border:var(--ic-border-default);border-radius:var(--ic-border-radius);background-color:var(--ic-architectural-white);visibility:hidden;height:0}.button{text-decoration:none;list-style-type:none}:host(:focus-within){box-shadow:var(--ic-border-focus)}.menu:focus-visible{outline:none}:host(.ic-popover-menu-open){display:block;min-width:calc(20rem - var(--ic-space-xl));width:var(--popover-width, 20rem);max-width:calc(100vw - var(--ic-space-xl))}:host(.ic-popover-menu-open) .menu{visibility:visible;height:-moz-fit-content;height:fit-content;max-height:var(--max-height, -moz-fit-content);max-height:var(--max-height, fit-content);overflow-y:auto;overflow-x:hidden}.parent-label{--ic-typography-color:var(--ic-color-tertiary-text);margin:var(--ic-space-xs) var(--ic-space-xs) 0}@keyframes slide-in{from{opacity:0;transform:translateX(10rem)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{from{opacity:0;transform:translateX(-10rem)}to{opacity:1;transform:translateX(0)}}';const h=class{constructor(i){t(this,i);this.icPopoverClosed=e(this,"icPopoverClosed",7);this.ARIA_LABEL="aria-label";this.popoverMenuEls=[];this.setButtonFocus=()=>{var t;(t=this.popoverMenuEls[this.currentFocus])===null||t===void 0?void 0:t.focus()};this.findAnchorEl=t=>{let e=null;if(!t){this.submenuId===undefined&&console.error("No anchor specified for popover component")}else{e=document.querySelector(t.indexOf("#")===0?t:"#"+t);if(e===null){console.error(`Popover anchor element '${t}' not found`)}}return e};this.isNotPopoverMenuEl=t=>{const{id:e,tagName:i}=t.target;return e!==this.anchor&&i!=="IC-MENU-ITEM"&&i!=="IC-MENU-GROUP"&&i!=="IC-POPOVER-MENU"};this.closeMenu=(t=false)=>{var e;this.open=false;if(t){(e=this.anchorEl)===null||e===void 0?void 0:e.focus()}this.icPopoverClosed.emit()};this.getNextItemToSelect=(t,e)=>{const i=this.popoverMenuEls.length-1;if(t<1){t=0}let o=e?t+1:t-1;if(o<0){o=i}else if(o>i){o=0}return o};this.addMenuItems=t=>{for(let e=0;e<t.length;e++){const i=t[e];if(i.tagName==="IC-MENU-ITEM"){this.popoverMenuEls.push(i)}else if(i.tagName==="IC-MENU-GROUP"){const t=i.shadowRoot.querySelector("ul");const e=n(t);this.addMenuItems(e)}}};this.getMenuAriaLabel=()=>{const t=this.el.getAttribute(this.ARIA_LABEL);if(a(this.submenuId)){return`${t}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`}else{return t}};this.handleBackButtonClick=()=>{this.parentPopover.openFromChild();this.open=false};this.initPopperJS=()=>{this.popperInstance=r(this.anchorEl,this.el,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[0,4]}},{name:"flip",options:{fallbackPlacements:["top-start","top-end","bottom-end"],rootBoundary:"viewport"}}]})};this.openingFromChild=false;this.openingFromParent=false;this.anchor=undefined;this.parentLabel=undefined;this.parentPopover=undefined;this.submenuId=undefined;this.submenuLevel=1;this.open=undefined}watchOpenHandler(){if(this.open){if(this.parentPopover!==undefined&&!this.popoverMenuEls.some((t=>t.id))){this.popoverMenuEls.unshift(this.backButton)}this.currentFocus=a(this.submenuId)?1:0;setTimeout(this.setButtonFocus,50)}else if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}disconnectedCallback(){if(this.popperInstance){this.popperInstance.destroy();this.popperInstance=null}}componentDidLoad(){const t=this.el.shadowRoot.querySelector("ul.button");const e=n(t);if(e!==null){this.addMenuItems(e)}if(this.submenuId===undefined&&this.el.getAttribute(this.ARIA_LABEL)===null){console.error(`No aria-label specified for popover menu component - aria-label required`)}}componentWillRender(){this.anchorEl=this.findAnchorEl(this.anchor)}componentDidRender(){if(this.open&&!this.popperInstance){this.initPopperJS()}}handleMenuItemClick(t){if(!t.detail.hasSubMenu&&t.detail.label!=="Back"){this.closeMenu()}}handleSubmenuChange(t){const e=t.target;this.open=false;const i=document.querySelector(`ic-popover-menu[submenu-id=${e.submenuTriggerFor}]`);i.parentPopover=this.el;i.anchor=this.anchor;i.ariaLabel=this.el.getAttribute(this.ARIA_LABEL);i.openFromParent();i.submenuLevel=this.submenuLevel+1;i.parentLabel=e.label}handleClick(t){if(this.open&&this.isNotPopoverMenuEl(t)){this.closeMenu()}}handleKeyDown(t){switch(t.key){case"ArrowDown":case"ArrowUp":t.preventDefault();this.currentFocus=this.getNextItemToSelect(this.currentFocus,t.key==="ArrowDown");this.setButtonFocus();break;case"Home":this.currentFocus=0;this.setButtonFocus();break;case"End":this.currentFocus=this.popoverMenuEls.length-1;this.setButtonFocus();break;case"Escape":case"Tab":if(this.open){this.closeMenu(true);this.el.blur()}break}}async openFromChild(){this.open=true;this.openingFromChild=true;setTimeout((()=>this.openingFromChild=false),1e3)}async openFromParent(){this.open=true;this.openingFromParent=true;setTimeout((()=>this.openingFromParent=false),1e3)}render(){return i(o,{class:{"ic-popover-menu-open":this.open}},i("div",{id:this.parentPopover===undefined?`ic-popover-submenu-${this.submenuId}`:"",class:{menu:true},tabindex:open?"0":"-1"},i("div",{class:{"opening-from-parent":this.openingFromParent,"opening-from-child":this.openingFromChild}},a(this.submenuId)&&i("div",null,i("ic-menu-item",{class:"ic-popover-submenu-back-button",ref:t=>this.backButton=t,label:"Back",onClick:this.handleBackButtonClick,id:`ic-popover-submenu-back-button-${this.submenuLevel}`},i("svg",{slot:"icon",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"submenu-back-icon"},i("path",{d:"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z",fill:"currentColor"}))),i("ic-typography",{variant:"subtitle-small",class:"parent-label"},this.parentLabel)),i("ul",{class:"button","aria-label":this.getMenuAriaLabel(),role:"menu","aria-owns":a(this.submenuId)?`ic-popover-submenu-back-button-${this.submenuLevel}`:false,"aria-controls":a(this.submenuId)?`ic-popover-submenu-back-button-${this.submenuLevel}`:false},i("slot",null)))))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{open:["watchOpenHandler"]}}};h.style=l;export{h as ic_popover_menu};
+//# sourceMappingURL=p-a57cd616.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icPopoverMenuCss","PopoverMenu","constructor","hostRef","this","ARIA_LABEL","popoverMenuEls","setButtonFocus","_a","currentFocus","focus","findAnchorEl","anchor","anchorElement","submenuId","undefined","console","error","document","querySelector","indexOf","isNotPopoverMenuEl","ev","id","tagName","target","closeMenu","setFocusToAnchor","open","anchorEl","icPopoverClosed","emit","getNextItemToSelect","currentItem","movingDown","numButtons","length","nextItem","addMenuItems","elements","i","el","push","groupSlotWrapper","shadowRoot","menuGroupElements","getSlotElements","getMenuAriaLabel","ariaLabel","getAttribute","isPropDefined","submenuLevel","parentLabel","handleBackButtonClick","parentPopover","openFromChild","initPopperJS","popperInstance","createPopper","placement","modifiers","name","options","offset","fallbackPlacements","rootBoundary","openingFromChild","openingFromParent","watchOpenHandler","some","menuItem","unshift","backButton","setTimeout","destroy","disconnectedCallback","componentDidLoad","slotWrapper","popoverMenuElements","componentWillRender","componentDidRender","handleMenuItemClick","detail","hasSubMenu","label","handleSubmenuChange","childEl","submenuTriggerFor","openFromParent","handleClick","handleKeyDown","key","preventDefault","blur","render","h","Host","class","menu","tabindex","ref","onClick","slot","viewBox","fill","xmlns","d","variant","role","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-popover-menu/ic-popover-menu.css?tag=ic-popover-menu&encapsulation=shadow","../web-components/dist/collection/components/ic-popover-menu/ic-popover-menu.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n* @prop --ic-z-index-popover: z-index of popover menu. \n* @prop --max-height: Maximum height of the popover menu.\n* @prop --popover-width: Default width of the popover menu.\n*/\n\n@media (prefers-reduced-motion: no-preference) {\n  :host .opening-from-parent {\n    animation: slide-in var(--ic-transition-duration-slow) ease-in-out;\n  }\n\n  :host .opening-from-child {\n    animation: slide-out var(--ic-transition-duration-slow) ease-in-out;\n  }\n}\n\n:host {\n  border-radius: var(--ic-border-radius);\n  color: var(--ic-color-primary-text);\n\n  --ic-typography-color: var(--ic-color-primary-text);\n\n  background-color: var(--ic-architectural-white);\n  position: relative;\n  z-index: var(--ic-z-index-popover);\n  box-sizing: border-box;\n  box-shadow: var(--ic-elevation-overlay);\n  display: none;\n}\n\n:host(.on-dialog) {\n  inset: auto !important;\n}\n\n:host(.on-dialog-fix-translate) {\n  transform: translate(0, var(--ic-space-xs)) !important;\n}\n\n:host(.on-dialog-translate-y) {\n  transform: translate(0, calc(-1 * var(--translate-y))) !important;\n}\n\n.menu {\n  border: var(--ic-border-default);\n  border-radius: var(--ic-border-radius);\n  background-color: var(--ic-architectural-white);\n  visibility: hidden;\n  height: 0;\n}\n\n.button {\n  text-decoration: none;\n  list-style-type: none;\n}\n\n:host(:focus-within) {\n  box-shadow: var(--ic-border-focus);\n}\n\n.menu:focus-visible {\n  outline: none;\n}\n\n:host(.ic-popover-menu-open) {\n  display: block;\n  min-width: calc(20rem - var(--ic-space-xl));\n  width: var(--popover-width, 20rem);\n  max-width: calc(100vw - var(--ic-space-xl));\n}\n\n:host(.ic-popover-menu-open) .menu {\n  visibility: visible;\n  height: -moz-fit-content;\n  height: fit-content;\n  max-height: var(--max-height, -moz-fit-content);\n  max-height: var(--max-height, fit-content);\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n.parent-label {\n  --ic-typography-color: var(--ic-color-tertiary-text);\n\n  margin: var(--ic-space-xs) var(--ic-space-xs) 0;\n}\n\n@keyframes slide-in {\n  from {\n    opacity: 0;\n    transform: translateX(10rem);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slide-out {\n  from {\n    opacity: 0;\n    transform: translateX(-10rem);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getSlotElements, isPropDefined } from \"../../utils/helpers\";\nimport { createPopper } from \"@popperjs/core\";\nexport class PopoverMenu {\n    constructor() {\n        this.ARIA_LABEL = \"aria-label\";\n        this.popoverMenuEls = [];\n        this.setButtonFocus = () => {\n            var _a;\n            (_a = this.popoverMenuEls[this.currentFocus]) === null || _a === void 0 ? void 0 : _a.focus();\n        };\n        // Checks that the popover menu has an anchor\n        this.findAnchorEl = (anchor) => {\n            let anchorElement = null;\n            if (!anchor) {\n                this.submenuId === undefined &&\n                    console.error(\"No anchor specified for popover component\");\n            }\n            else {\n                anchorElement = document.querySelector(anchor.indexOf(\"#\") === 0 ? anchor : \"#\" + anchor);\n                if (anchorElement === null) {\n                    console.error(`Popover anchor element '${anchor}' not found`);\n                }\n            }\n            return anchorElement;\n        };\n        this.isNotPopoverMenuEl = (ev) => {\n            const { id, tagName } = ev.target;\n            return (id !== this.anchor &&\n                tagName !== \"IC-MENU-ITEM\" &&\n                tagName !== \"IC-MENU-GROUP\" &&\n                tagName !== \"IC-POPOVER-MENU\");\n        };\n        /**\n         * Close the popover menu, emit isPopoverClosed event\n         * @param setFocusToAnchor when true return focus to anchor element when menu is closed\n         */\n        this.closeMenu = (setFocusToAnchor = false) => {\n            var _a;\n            this.open = false;\n            if (setFocusToAnchor) {\n                (_a = this.anchorEl) === null || _a === void 0 ? void 0 : _a.focus();\n            }\n            this.icPopoverClosed.emit();\n        };\n        this.getNextItemToSelect = (currentItem, movingDown) => {\n            const numButtons = this.popoverMenuEls.length - 1;\n            if (currentItem < 1) {\n                currentItem = 0;\n            }\n            let nextItem = movingDown ? currentItem + 1 : currentItem - 1;\n            // Check if wrap around necessary\n            if (nextItem < 0) {\n                nextItem = numButtons;\n            }\n            else if (nextItem > numButtons) {\n                nextItem = 0;\n            }\n            return nextItem;\n        };\n        this.addMenuItems = (elements) => {\n            for (let i = 0; i < elements.length; i++) {\n                const el = elements[i];\n                if (el.tagName === \"IC-MENU-ITEM\") {\n                    this.popoverMenuEls.push(el);\n                }\n                else if (el.tagName === \"IC-MENU-GROUP\") {\n                    const groupSlotWrapper = el.shadowRoot.querySelector(\"ul\");\n                    const menuGroupElements = getSlotElements(groupSlotWrapper);\n                    this.addMenuItems(menuGroupElements);\n                }\n            }\n        };\n        this.getMenuAriaLabel = () => {\n            const ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n            if (isPropDefined(this.submenuId)) {\n                return `${ariaLabel}, within nested level ${this.submenuLevel} ${this.parentLabel} submenu,`;\n            }\n            else {\n                return ariaLabel;\n            }\n        };\n        this.handleBackButtonClick = () => {\n            this.parentPopover.openFromChild();\n            this.open = false;\n        };\n        this.initPopperJS = () => {\n            this.popperInstance = createPopper(this.anchorEl, this.el, {\n                placement: \"bottom-start\",\n                modifiers: [\n                    {\n                        name: \"offset\",\n                        options: {\n                            offset: [0, 4],\n                        },\n                    },\n                    {\n                        name: \"flip\",\n                        options: {\n                            fallbackPlacements: [\"top-start\", \"top-end\", \"bottom-end\"],\n                            rootBoundary: \"viewport\",\n                        },\n                    },\n                ],\n            });\n        };\n        this.openingFromChild = false;\n        this.openingFromParent = false;\n        this.anchor = undefined;\n        this.parentLabel = undefined;\n        this.parentPopover = undefined;\n        this.submenuId = undefined;\n        this.submenuLevel = 1;\n        this.open = undefined;\n    }\n    watchOpenHandler() {\n        if (this.open) {\n            if (this.parentPopover !== undefined &&\n                !this.popoverMenuEls.some((menuItem) => menuItem.id)) {\n                this.popoverMenuEls.unshift(this.backButton);\n            }\n            this.currentFocus = isPropDefined(this.submenuId) ? 1 : 0;\n            // Needed so that anchorEl isn't always focused\n            setTimeout(this.setButtonFocus, 50);\n        }\n        else if (this.popperInstance) {\n            this.popperInstance.destroy();\n            this.popperInstance = null;\n        }\n    }\n    disconnectedCallback() {\n        if (this.popperInstance) {\n            this.popperInstance.destroy();\n            this.popperInstance = null;\n        }\n    }\n    componentDidLoad() {\n        const slotWrapper = this.el.shadowRoot.querySelector(\"ul.button\");\n        const popoverMenuElements = getSlotElements(slotWrapper);\n        if (popoverMenuElements !== null) {\n            this.addMenuItems(popoverMenuElements);\n        }\n        if (this.submenuId === undefined &&\n            this.el.getAttribute(this.ARIA_LABEL) === null) {\n            console.error(`No aria-label specified for popover menu component - aria-label required`);\n        }\n    }\n    componentWillRender() {\n        this.anchorEl = this.findAnchorEl(this.anchor);\n    }\n    componentDidRender() {\n        if (this.open && !this.popperInstance) {\n            this.initPopperJS();\n        }\n    }\n    handleMenuItemClick(ev) {\n        if (!ev.detail.hasSubMenu && ev.detail.label !== \"Back\") {\n            this.closeMenu();\n        }\n    }\n    // This is listening for the event emitted when a menu item is acting as a trigger button\n    handleSubmenuChange(ev) {\n        // Finds the trigger menu item that has emitted the event\n        const target = ev.target;\n        this.open = false;\n        // Find the popover menu that the menu item triggers (i.e. submenu-trigger-for === submenu-id).\n        const childEl = document.querySelector(`ic-popover-menu[submenu-id=${target.submenuTriggerFor}]`);\n        // Set the parent popover menu of the submenu and open the submenu\n        childEl.parentPopover = this.el;\n        childEl.anchor = this.anchor;\n        childEl.ariaLabel = this.el.getAttribute(this.ARIA_LABEL);\n        childEl.openFromParent();\n        childEl.submenuLevel = this.submenuLevel + 1;\n        // Set the label in the submenu using the label of the menu item that has emitted the event\n        childEl.parentLabel = target.label;\n    }\n    handleClick(ev) {\n        if (this.open && this.isNotPopoverMenuEl(ev)) {\n            // If menu is open and the next click on the document is not a popover El, close the popover\n            this.closeMenu();\n        }\n    }\n    // Manages the keyboard navigation in the popover menu\n    handleKeyDown(ev) {\n        switch (ev.key) {\n            case \"ArrowDown\":\n            case \"ArrowUp\":\n                ev.preventDefault();\n                this.currentFocus = this.getNextItemToSelect(this.currentFocus, ev.key === \"ArrowDown\");\n                this.setButtonFocus();\n                break;\n            case \"Home\":\n                //Sets home focus as first element, or back button\n                this.currentFocus = 0;\n                this.setButtonFocus();\n                break;\n            case \"End\":\n                //Sets end focus as last element\n                this.currentFocus = this.popoverMenuEls.length - 1;\n                this.setButtonFocus();\n                break;\n            case \"Escape\":\n            case \"Tab\":\n                if (this.open) {\n                    this.closeMenu(true);\n                    this.el.blur();\n                }\n                break;\n        }\n    }\n    /**\n     * @internal Opens the menu from the child menu.\n     */\n    async openFromChild() {\n        this.open = true;\n        this.openingFromChild = true;\n        setTimeout(() => (this.openingFromChild = false), 1000);\n    }\n    /**\n     * @internal Opens the menu from the parent menu.\n     */\n    async openFromParent() {\n        this.open = true;\n        this.openingFromParent = true;\n        setTimeout(() => (this.openingFromParent = false), 1000);\n    }\n    render() {\n        return (h(Host, { class: { \"ic-popover-menu-open\": this.open } }, h(\"div\", { id: this.parentPopover === undefined\n                ? `ic-popover-submenu-${this.submenuId}`\n                : \"\", class: {\n                menu: true,\n            }, tabindex: open ? \"0\" : \"-1\" }, h(\"div\", { class: {\n                \"opening-from-parent\": this.openingFromParent,\n                \"opening-from-child\": this.openingFromChild,\n            } }, isPropDefined(this.submenuId) && (h(\"div\", null, h(\"ic-menu-item\", { class: \"ic-popover-submenu-back-button\", ref: (el) => (this.backButton = el), label: \"Back\", onClick: this.handleBackButtonClick, id: `ic-popover-submenu-back-button-${this.submenuLevel}` }, h(\"svg\", { slot: \"icon\", viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", class: \"submenu-back-icon\" }, h(\"path\", { d: \"M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z\", fill: \"currentColor\" }))), h(\"ic-typography\", { variant: \"subtitle-small\", class: \"parent-label\" }, this.parentLabel))), h(\"ul\", { class: \"button\", \"aria-label\": this.getMenuAriaLabel(), role: \"menu\", \"aria-owns\": isPropDefined(this.submenuId)\n                ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n                : false, \"aria-controls\": isPropDefined(this.submenuId)\n                ? `ic-popover-submenu-back-button-${this.submenuLevel}`\n                : false }, h(\"slot\", null))))));\n    }\n    static get is() { return \"ic-popover-menu\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-popover-menu.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-popover-menu.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"anchor\": {\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 ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.\"\n                },\n                \"attribute\": \"anchor\",\n                \"reflect\": false\n            },\n            \"parentLabel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The parent popover menu of a child popover menu.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"parent-label\",\n                \"reflect\": false\n            },\n            \"parentPopover\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"HTMLIcPopoverMenuElement\",\n                    \"resolved\": \"HTMLIcPopoverMenuElement\",\n                    \"references\": {\n                        \"HTMLIcPopoverMenuElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcPopoverMenuElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The parent popover menu of a child popover menu.\"\n                        }],\n                    \"text\": \"\"\n                }\n            },\n            \"submenuId\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The unique identifier for a popover submenu.\"\n                },\n                \"attribute\": \"submenu-id\",\n                \"reflect\": false\n            },\n            \"submenuLevel\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The level of menu being displayed.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"submenu-level\",\n                \"reflect\": false,\n                \"defaultValue\": \"1\"\n            },\n            \"open\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\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 popover menu will be displayed.\"\n                },\n                \"attribute\": \"open\",\n                \"reflect\": true,\n                \"defaultValue\": \"undefined\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"openingFromChild\": {},\n            \"openingFromParent\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icPopoverClosed\",\n                \"name\": \"icPopoverClosed\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when the popover menu is closed.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"openFromChild\": {\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\": \"Opens the menu from the child menu.\"\n                        }]\n                }\n            },\n            \"openFromParent\": {\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\": \"Opens the menu from the parent menu.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"open\",\n                \"methodName\": \"watchOpenHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"handleMenuItemClick\",\n                \"method\": \"handleMenuItemClick\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"triggerPopoverMenuInstance\",\n                \"method\": \"handleSubmenuChange\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }, {\n                \"name\": \"click\",\n                \"method\": \"handleClick\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"keydown\",\n                \"method\": \"handleKeyDown\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-popover-menu.js.map\n"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as o}from"./p-8455d1bb.js";import{i as a}from"./p-9397b15b.js";const n='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}.label-container{padding:var(--ic-space-xs);display:flex;justify-content:space-between;align-items:center}:host(.ic-accordion-group-small) .label-container{padding:var(--ic-space-xxs) var(--ic-space-xs)}:host(.ic-accordion-group-large) .label-container{padding:var(--ic-space-sm) var(--ic-space-xs)}:host(.ic-accordion-group-light){color:var(--ic-color-white-text);--ic-typography-color:var(--ic-color-white-text)}:host(.ic-accordion-group.ic-accordion-group-dark) ::slotted(ic-accordion){color:var(--ic-color-white-text);--ic-typography-color:var(--ic-color-white-text)}';let s=0;const r=class{constructor(e){t(this,e);this.accordionGroupId=`ic-accordion-group-${s++}`;this.handleExpanded=()=>{if(this.areAllAccordionsOpen){this.expanded=false;this.accordions.forEach((t=>{t.expanded=this.expanded}))}else{this.expanded=true;this.accordions.forEach((t=>{t.expanded=this.expanded}))}this.setExpandedToAreAllAccordionsOpen()};this.linkAccordions=()=>{this.accordions.forEach((t=>{t.setAttribute("context-id",this.accordionGroupId)}))};this.setExpandedToAreAllAccordionsOpen=()=>{this.areAllAccordionsOpen=this.accordions.every((t=>!!t.expanded))};this.accordionOpenBtnText=()=>!this.areAllAccordionsOpen?"See all":"Hide all";this.accordions=undefined;this.areAllAccordionsOpen=undefined;this.accessibleButtonLabel="accordions";this.appearance="default";this.expanded=false;this.label="";this.singleExpansion=false;this.size="medium"}watchAppearanceHandler(){this.accordions.forEach((t=>{t.appearance=this.appearance}))}watchExpandedHandler(){this.handleExpanded()}componentDidLoad(){const t=this.el.children;this.accordions=Array.from(t).filter((t=>t.tagName==="IC-ACCORDION"));this.linkAccordions();this.accordions.forEach((t=>{t.appearance=this.appearance}));this.accordions.forEach((t=>{t.size=this.size}));if(this.expanded){this.accordions.forEach((t=>{t.expanded=true}));this.setExpandedToAreAllAccordionsOpen()}else{this.setExpandedToAreAllAccordionsOpen();this.expanded=this.areAllAccordionsOpen}}handleAccordionClicked(t){if(!this.singleExpansion){this.setExpandedToAreAllAccordionsOpen()}else{this.accordions.forEach((e=>{if(e.expanded&&t.detail.id!==e.id){e.expanded=false}}))}}async setFocus(){const t=this.singleExpansion?this.accordions[0]:this.allButtonEl;t.setFocus()}render(){const{appearance:t,size:o,label:n,singleExpansion:s,accessibleButtonLabel:r}=this;return e(i,{"context-id":this.accordionGroupId,class:{[`ic-accordion-group-${t}`]:true,[`ic-accordion-group-${o}`]:true,["ic-accordion-group"]:true}},e("div",{class:"label-container"},e("ic-typography",{variant:"h4"},e("h3",null,a(this.el,"label")?e("slot",{name:"label"}):n)),!s&&e("ic-button",{ref:t=>this.allButtonEl=t,appearance:t==="light"?"light":"default",onClick:this.handleExpanded,variant:"tertiary","aria-label":`${this.accordionOpenBtnText()} ${r}`},this.accordionOpenBtnText())),e("slot",null))}get el(){return o(this)}static get watchers(){return{appearance:["watchAppearanceHandler"],expanded:["watchExpandedHandler"]}}};r.style=n;export{r as ic_accordion_group};
+//# sourceMappingURL=p-a78cf2cb.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icAccordionGroupCss","accordionGroupIds","AccordionGroup","constructor","hostRef","this","accordionGroupId","handleExpanded","areAllAccordionsOpen","expanded","accordions","forEach","acc","setExpandedToAreAllAccordionsOpen","linkAccordions","accordion","setAttribute","every","accordionOpenBtnText","undefined","accessibleButtonLabel","appearance","label","singleExpansion","size","watchAppearanceHandler","watchExpandedHandler","componentDidLoad","accordionDirectChildren","el","children","Array","from","filter","child","tagName","handleAccordionClicked","event","detail","id","setFocus","focusEl","allButtonEl","render","h","Host","class","variant","isSlotUsed","name","ref","onClick"],"sources":["../web-components/dist/collection/components/ic-accordion-group/ic-accordion-group.css?tag=ic-accordion-group&encapsulation=shadow","../web-components/dist/collection/components/ic-accordion-group/ic-accordion-group.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.label-container {\n  padding: var(--ic-space-xs);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n:host(.ic-accordion-group-small) .label-container {\n  padding: var(--ic-space-xxs) var(--ic-space-xs);\n}\n\n:host(.ic-accordion-group-large) .label-container {\n  padding: var(--ic-space-sm) var(--ic-space-xs);\n}\n\n:host(.ic-accordion-group-light) {\n  color: var(--ic-color-white-text);\n\n  --ic-typography-color: var(--ic-color-white-text);\n}\n\n:host(.ic-accordion-group.ic-accordion-group-dark) ::slotted(ic-accordion) {\n  color: var(--ic-color-white-text);\n\n  --ic-typography-color: var(--ic-color-white-text);\n}\n","import { h, Host, } from \"@stencil/core\";\nimport { isSlotUsed } from \"../../utils/helpers\";\nlet accordionGroupIds = 0;\n/**\n * @slot label - Content is placed as the accordion group title.\n */\nexport class AccordionGroup {\n    constructor() {\n        this.accordionGroupId = `ic-accordion-group-${accordionGroupIds++}`;\n        this.handleExpanded = () => {\n            if (this.areAllAccordionsOpen) {\n                this.expanded = false;\n                this.accordions.forEach((acc) => {\n                    acc.expanded = this.expanded;\n                });\n            }\n            else {\n                this.expanded = true;\n                this.accordions.forEach((acc) => {\n                    acc.expanded = this.expanded;\n                });\n            }\n            this.setExpandedToAreAllAccordionsOpen();\n        };\n        this.linkAccordions = () => {\n            this.accordions.forEach((accordion) => {\n                accordion.setAttribute(\"context-id\", this.accordionGroupId);\n            });\n        };\n        this.setExpandedToAreAllAccordionsOpen = () => {\n            this.areAllAccordionsOpen = this.accordions.every((accordion) => !!accordion.expanded);\n        };\n        this.accordionOpenBtnText = () => {\n            return !this.areAllAccordionsOpen ? \"See all\" : \"Hide all\";\n        };\n        this.accordions = undefined;\n        this.areAllAccordionsOpen = undefined;\n        this.accessibleButtonLabel = \"accordions\";\n        this.appearance = \"default\";\n        this.expanded = false;\n        this.label = \"\";\n        this.singleExpansion = false;\n        this.size = \"medium\";\n    }\n    watchAppearanceHandler() {\n        this.accordions.forEach((acc) => {\n            acc.appearance = this.appearance;\n        });\n    }\n    watchExpandedHandler() {\n        this.handleExpanded();\n    }\n    componentDidLoad() {\n        const accordionDirectChildren = this.el.children;\n        this.accordions = Array.from(accordionDirectChildren).filter((child) => child.tagName === \"IC-ACCORDION\");\n        this.linkAccordions();\n        this.accordions.forEach((acc) => {\n            acc.appearance = this.appearance;\n        });\n        this.accordions.forEach((acc) => {\n            acc.size = this.size;\n        });\n        if (this.expanded) {\n            this.accordions.forEach((acc) => {\n                acc.expanded = true;\n            });\n            this.setExpandedToAreAllAccordionsOpen();\n        }\n        else {\n            this.setExpandedToAreAllAccordionsOpen();\n            this.expanded = this.areAllAccordionsOpen;\n        }\n    }\n    handleAccordionClicked(event) {\n        if (!this.singleExpansion) {\n            // 'See all' should be visible until all accordions are open, then 'Hide all' should be visible\n            this.setExpandedToAreAllAccordionsOpen();\n        }\n        else {\n            this.accordions.forEach((acc) => {\n                if (acc.expanded && event.detail.id !== acc.id) {\n                    acc.expanded = false;\n                }\n            });\n        }\n    }\n    /**\n     * Sets the focus on first focusable element in the accordion group. If the \"See/Hide all\" button is present, it will be focused.\n     * Otherwise, the first accordion will be focused.\n     */\n    async setFocus() {\n        const focusEl = this.singleExpansion\n            ? this.accordions[0]\n            : this.allButtonEl;\n        focusEl.setFocus();\n    }\n    render() {\n        const { appearance, size, label, singleExpansion, accessibleButtonLabel } = this;\n        return (h(Host, { \"context-id\": this.accordionGroupId, class: {\n                [`ic-accordion-group-${appearance}`]: true,\n                [`ic-accordion-group-${size}`]: true,\n                [\"ic-accordion-group\"]: true,\n            } }, h(\"div\", { class: \"label-container\" }, h(\"ic-typography\", { variant: \"h4\" }, h(\"h3\", null, isSlotUsed(this.el, \"label\") ? h(\"slot\", { name: \"label\" }) : label)), !singleExpansion && (h(\"ic-button\", { ref: (el) => (this.allButtonEl = el), appearance: appearance === \"light\" ? \"light\" : \"default\", onClick: this.handleExpanded, variant: \"tertiary\", \"aria-label\": `${this.accordionOpenBtnText()} ${accessibleButtonLabel}` }, this.accordionOpenBtnText()))), h(\"slot\", null)));\n    }\n    static get is() { return \"ic-accordion-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-accordion-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-accordion-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"accessibleButtonLabel\": {\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 accessible button label to provide more context to the 'See all/Hide all' button for screen reader users.\"\n                },\n                \"attribute\": \"accessible-button-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"accordions\\\"\"\n            },\n            \"appearance\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeForeground\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeForeground\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeForeground\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The appearance of the accordion group, e.g dark, or light.\"\n                },\n                \"attribute\": \"appearance\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"expanded\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\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 accordion will load in an expanded state.\"\n                },\n                \"attribute\": \"expanded\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\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 header for the accordion group.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"singleExpansion\": {\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`, only one accordion will open at a time.\"\n                },\n                \"attribute\": \"single-expansion\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the accordion.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"accordions\": {},\n            \"areAllAccordionsOpen\": {}\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 the focus on first focusable element in the accordion group. If the \\\"See/Hide all\\\" button is present, it will be focused.\\nOtherwise, the first accordion will be focused.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"appearance\",\n                \"methodName\": \"watchAppearanceHandler\"\n            }, {\n                \"propName\": \"expanded\",\n                \"methodName\": \"watchExpandedHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"accordionClicked\",\n                \"method\": \"handleAccordionClicked\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-accordion-group.js.map\n"],"mappings":"6FAAA,MAAMA,EAAsB,+5FCE5B,IAAIC,EAAoB,E,MAIXC,EAAc,MACvB,WAAAC,CAAAC,G,UACIC,KAAKC,iBAAmB,sBAAsBL,MAC9CI,KAAKE,eAAiB,KAClB,GAAIF,KAAKG,qBAAsB,CAC3BH,KAAKI,SAAW,MAChBJ,KAAKK,WAAWC,SAASC,IACrBA,EAAIH,SAAWJ,KAAKI,QAAQ,G,KAG/B,CACDJ,KAAKI,SAAW,KAChBJ,KAAKK,WAAWC,SAASC,IACrBA,EAAIH,SAAWJ,KAAKI,QAAQ,G,CAGpCJ,KAAKQ,mCAAmC,EAE5CR,KAAKS,eAAiB,KAClBT,KAAKK,WAAWC,SAASI,IACrBA,EAAUC,aAAa,aAAcX,KAAKC,iBAAiB,GAC7D,EAEND,KAAKQ,kCAAoC,KACrCR,KAAKG,qBAAuBH,KAAKK,WAAWO,OAAOF,KAAgBA,EAAUN,UAAS,EAE1FJ,KAAKa,qBAAuB,KAChBb,KAAKG,qBAAuB,UAAY,WAEpDH,KAAKK,WAAaS,UAClBd,KAAKG,qBAAuBW,UAC5Bd,KAAKe,sBAAwB,aAC7Bf,KAAKgB,WAAa,UAClBhB,KAAKI,SAAW,MAChBJ,KAAKiB,MAAQ,GACbjB,KAAKkB,gBAAkB,MACvBlB,KAAKmB,KAAO,Q,CAEhB,sBAAAC,GACIpB,KAAKK,WAAWC,SAASC,IACrBA,EAAIS,WAAahB,KAAKgB,UAAU,G,CAGxC,oBAAAK,GACIrB,KAAKE,gB,CAET,gBAAAoB,GACI,MAAMC,EAA0BvB,KAAKwB,GAAGC,SACxCzB,KAAKK,WAAaqB,MAAMC,KAAKJ,GAAyBK,QAAQC,GAAUA,EAAMC,UAAY,iBAC1F9B,KAAKS,iBACLT,KAAKK,WAAWC,SAASC,IACrBA,EAAIS,WAAahB,KAAKgB,UAAU,IAEpChB,KAAKK,WAAWC,SAASC,IACrBA,EAAIY,KAAOnB,KAAKmB,IAAI,IAExB,GAAInB,KAAKI,SAAU,CACfJ,KAAKK,WAAWC,SAASC,IACrBA,EAAIH,SAAW,IAAI,IAEvBJ,KAAKQ,mC,KAEJ,CACDR,KAAKQ,oCACLR,KAAKI,SAAWJ,KAAKG,oB,EAG7B,sBAAA4B,CAAuBC,GACnB,IAAKhC,KAAKkB,gBAAiB,CAEvBlB,KAAKQ,mC,KAEJ,CACDR,KAAKK,WAAWC,SAASC,IACrB,GAAIA,EAAIH,UAAY4B,EAAMC,OAAOC,KAAO3B,EAAI2B,GAAI,CAC5C3B,EAAIH,SAAW,K,MAS/B,cAAM+B,GACF,MAAMC,EAAUpC,KAAKkB,gBACflB,KAAKK,WAAW,GAChBL,KAAKqC,YACXD,EAAQD,U,CAEZ,MAAAG,GACI,MAAMtB,WAAEA,EAAUG,KAAEA,EAAIF,MAAEA,EAAKC,gBAAEA,EAAeH,sBAAEA,GAA0Bf,KAC5E,OAAQuC,EAAEC,EAAM,CAAE,aAAcxC,KAAKC,iBAAkBwC,MAAO,CACtD,CAAC,sBAAsBzB,KAAe,KACtC,CAAC,sBAAsBG,KAAS,KAChC,CAAC,sBAAuB,OACvBoB,EAAE,MAAO,CAAEE,MAAO,mBAAqBF,EAAE,gBAAiB,CAAEG,QAAS,MAAQH,EAAE,KAAM,KAAMI,EAAW3C,KAAKwB,GAAI,SAAWe,EAAE,OAAQ,CAAEK,KAAM,UAAa3B,KAAUC,GAAoBqB,EAAE,YAAa,CAAEM,IAAMrB,GAAQxB,KAAKqC,YAAcb,EAAKR,WAAYA,IAAe,QAAU,QAAU,UAAW8B,QAAS9C,KAAKE,eAAgBwC,QAAS,WAAY,aAAc,GAAG1C,KAAKa,0BAA0BE,KAA2Bf,KAAKa,yBAA2B0B,EAAE,OAAQ,M"}